To setup an embedded Campaign in Amped, you’ll need to
Find a unique ID of a div in which you would want to embed this Campaign into.
From the editor of each variation in the Campaign, set the Display Type to Embedded.
Set the CSS Selector of the DIV you would like to embed the Campaign into.
Publish 🙂
1.) Switch Display Type to Embedded
In the Variation, go to Settings for All Steps → Display Type and select “Embedded inside an element on the page”. Reminder, if you have multiple variations in your Campaign, be sure to set the Display Type on each variation.
2.) Specify the CSS Selector of where to Embed
Under “Embedded inside an element on the page” you will see an input field to specify a CSS Selector. This is where you can specify which DIV the campaign will be inserted into.
If you are able to edit the source of the page or simply add in an empty div that is one of the safest ways to embed a Campaign into the page. You could give your DIV an ID like this eg:
<div id=”amped_embed_campaign_here”></div>
If you are targeting a DIV based on it's ID, the CSS Selector would be #amped_embed_campaign_here in our example here.
Then when you publish and launch your Amped campaign, the Campaign will display embedded inside of the div you targeted.
IMPORTANT - If you are going to split test this, be sure that you specify the Display type and CSS Selector for all variations.
3.) Set the Campaign Safe Display to Autonomous
Then on the Campaign Targeting level, set the Safe Display settings to Autonomous, so that this Embedded Campaign does not affect the display of any other campaigns.
