Embed: Configure an Embedded Experience for Web and Landing Pages

An Embed Experience is used primarily used to display an Experience as part of the web page to the users.

The Embed Experience is always displayed as part of the page content. The user can scroll through the content and opt in.

To add an Embed Experience:

1. From the Left Nav Menu, click Experiences.
   
2. On the Experiences page, click Create an Experience.
   
3. In the New Experience pop-up window, enter the name of the Experience.
   
   
4. Enter the description. The description is an optional field. Other users from your organization can view the description.
   
   
5. Click Save. You are redirected to the Settings tab.
   
   
6. On the Settings tab, fill in the various parameters of the Experience.
   
   
   
7. The Name & Description section opens with the Experience name and description filled with the details you entered earlier. You can edit the name and description.
   
   
8. To configure the appearance of an Experience, refer to  Branding for an Experience. Also, to configure localization of the opt-in form elements, refer to  Adding Localization and Event Handlers.
   
   

Who: Defining the Target Audience

You can use the Who tab to define the target audience for the Experience. When the target audience matches, the Experience is shown to the user.

To configure the target audience:

1. Click the Who tab.
   
   
2. Select the audience (using Page URL, Page URL Path, Traffic Source), location (using IP Address, Country), and device type. To know more about rules, refer to the topic,  More About Rules.
   

Page URL: URL of the page where the Experience triggers.

Page URL Path: Part of the page URL.

Referrer URL: Reference URLs are the URLs that refer the user to the webpage.

IP Address: IP address of the device accessing the webpage.

Traffic Source: Search engine or website.

Last Exit-Intent Popup Time: After the exit-intent pop-up is shown once to the user:

• To show the exit-intent pop up again.
• Or, not to show it for an interval configured using this option.

Country: The country of the user.

3. Use the following comparison criteria to define a rule.
   
4. Enter the value for the rule in the text box.
   
   
5. To add another rule, click Add Rule and repeat steps 1 to 4.
   
   
6. Click Match ANY Rule to configure what rules should be matched.
   

Match Any: The Experience is launched when at least one rule matches the user’s state.

Match All: The Experience is launched when all rules match the user’s state.

Match Advanced: The Experience is launched when the combination of rules matches the user’s state.Note: To know more about rules and how to define rules, and match the rules, refer to the topic,  More About Rules.

7. To sort the order of the defined rules, Click on the icon to drag and drop the rule in the position required.
   
   
8. Click Save Changes to save the configuration.
   
   
9. Click Next to save the configuration and go to the What tab.
   
   

What: Choosing the Assets to Showcase when the Experience Opens

You can use the What tab to add Assets to an Experience. The user is shown these Assets when the Experience is launched.

The first Asset shown to the user is known as the Primary Asset. The remaining Assets of the Experience are displayed in the Recommended section of the Experience.

1. Click the What tab.
   
   
2. Click Add Assets or the Click here link.
   
   
3. From Add Assets to Experience pop-up window, select the Assets you want to include. You can also search for the Assets using the Search and Advanced Search options.
   
   
4. Select the Assets.
   
   
5. Click Add Assets to add the selected Assets to the Experience.
   
   
6. Click Next to go to the When tab.
   
   Note: You can also define and add Assets to the Segment refer to Associating a Segment and Adding Assets to it.
   
   

When: Triggering the Experience on Embedding

Embed the Experience on your webpage using the Embed option. When configured, the user is shown the Experience as part of the webpage, unlike other events that show the Experience in a pop-up window.

1. Click the When tab.
   
   
2. Click Embed­­. The Embed section opens.
   
3. Set the Position to Top or Left or Right. This value determines where to show the recommended section in the Experience. It includes Assets other than the Primary Asset of the Experience.
   
4. Enter the height in pixels or percentages.
   
   
5. Enter the width in pixels or percentages.
   
6. Enter the CSS Selector. This is the location on the webpage where the Experience is embedded.
   
7. Click Add New to add more events.
   
8. Click Save Changes to save the configuration.
    
   Important: To preview and test the Experience, refer to Previewing the Experience and Testing the Experience respectively. You can preview or test the Experience before or after publishing the Experience.
   
   

Publishing an Experience

1. Click Publish. 
   
2. A confirmation alert appears. Click OK. The Experience is published.
   
   

Related Topics:
On Exit-Intent: Configuring an Experience for User Exiting the Webpage