This section is technical and requires an understanding of HTML and CSS. For a quick reference of CSS Selectors, click here.
When you have created your HTML campaign, the last step is to activate the campaign. Navigate to Conversion > Website Personalization and click on Designer.
In this article, we will demonstrate the steps to add text that should only be displayed to the High Spenders segment.
On the left hand panel, navigate to the page where you want to add your personalized content campaign. Under the Content section, click on + Add Personalization, and select HTML Personalization.
You will be directed to a panel where you have to select that appropriate HTML personalization campaign.
After selecting the campaign from the HTML Campaign dropdown, you need idicate where to place the content. This is achieve by providing a few key pieces of information.
Container Selector
The Container Selector requires to be a unique selector of that section. HTML IDs are generally preferred. These can be found and set manually by inspecting the page markup, or by using the finder icon to help.
Once you have identify the container, click on the check mark to copy the selector in the
Container Selectorfield.Use the finder icon to pick the
HTML Selector. This is usually the<p>tag in which you want to replace the content with.
Click on the check mark once it's the correct selector.
Lastly, preview how it would look by choosing the Audience Segment that it is targeted for.
Remember to Save and Publish your changes so they are live.
Do not hesitate reach out via the in-app chat icon or email us if you need help with advanced features.