Create a touchpoint in a campaign or customer journey you want to add embedded content to. Choose Website > Embedded as the touchpoint type.

You can filter or select the right content in the next step. For this example we’ll use a product filtering of audio products.

In the next step, enter the URL of the page you want to add embedded content to, in the text field:

Click on the “Choose an element…” button (1) and we will load this page in an iframe, where you can select the element you want to add embedded content to:

After you successfully selected the position, you can close the selection editor. The selector is now added to CSS Selector field (below the website URL you entered).

Sometimes the method above doesn’t work, because your website blocks iframing. You can use the “Go to webpage” button (2) for this. In the new tab, select the element you want to add embedded content to and copy the selector on the bottom right:

Paste the selector in the CSS selector text field in Datatrics. This is the field below the website URL you entered.

The next to field to set up are the following:

“Occurrence” is the position which needs to be selected by this touchpoint if the selected element occurs more than one time. This can be the case for menu items or multiple banner blocks on your page. If the element only occurs one time, you can leave it at “1st occurrence”.

In the “Content placement” dropdown, you can choose if the touchpoint needs to prepend (added before), append (added after) or replace the element you selected.

Next up, is adding HTML/CSS/Javascript to the editor. This code will be injected in to the element you set up before. You can add it by clicking on the “Open code editor” button.

Over here, you can start writing HTML from scratch, or you can copy existing HTML elements from your website (if you want to replace a static product with a product recommendation for example) and paste it in the HTML tab.

To create an embedded content touchpoint based on HTML from your website, head over to this guide. To start from scratch, follow this guide.