Set Up

Installation

1. Open Interaction Studio admin page in Marketing Cloud.
2. On the left sidebar, navigate to CHANNELS & CAMPAIGNS > Web > Web Templates.
3. Click NEW TEMPLATE.
4. First, open the template file in your prefered text editor. Then, select all and copy the content of the file.
   ex. The image below is pop-up/pop-up-01-config.json.
   You can download the set of the template files here.
5. Click import template from clipboard.
6. Once template file is imported to Interaction Studio, confirm that the each source code appears on Handlebars, CSS, Clientside Code, Serverside Code.
7. Type the name of the newly created template in New Template on the left top of the page and click SAVE.
8. After the popup message "Template Saved!" shows up, click PUBLISH.
9. Confirm the published message appears as the image below.

Checking on page

1. On Interaction Studio admin page, navigate to CHANNELS & CAMPAIGNS > Web > Website Configuration.

2. Copy the domain of the page which you need to test. Then, add it to Allowed Domains and click SAVE.

3. On Google Chrome, open the page to be tested.

4. Download and install Evergage Launcher on Chrome Web Store .

5. Open Evergage Launcher on Chrome. Fill Account/Dataset in the popup and add SDK URL in FORCE SDK URL.

   1. You can get your Account/Dataset in the URL of the page used from 3 to 9 in Installation section. For instance, you can see Account = account_name, Dataset = dataset_name with the URL above.

   2. The URL structure of Force SDK URL: https://ACCOUNT.SERVER.evergage.com/beacon/ACCOUNT/DATASET/scripts/evergage.js

      ex. https://account_name.australia-3.evergage.com/beacon/dataset_name/demo/scripts/evergage.js
      ACCOUNT = account_name
      SERVER = australia-3
      DATASET = dataset_name

6. After enabling INJECT SDK and VISUAL EDITOR, the page is automatically reloaded.
   *If the page is froze while it is loading, try to reload the page and re-enable the items above. Also, please make it sure that you are logged into Interaction Studio.

7. Visual Editor UI appears on the right bottom of the page.

8. Click View List in Template.

9. Confirm the name of the imported template is on the page. Then, click CAMPAIGN FROM TEMPLATE
   *If the imported template name is not shown, please check the configuration on 5 and 6 again.

10. Confirm that you can edit the styles and the content from the side bar.

    *If the content does not match with the values set on the side bar, uncheck on Auto Render. After editting the content, click Render. Then, the values should be applied on the preview screen on the right or the page from TEST.