...
Now update header-container to the HTML class or ID on your page where you want preezie to appear after: data-targets="header-container"
...
Code Block | ||||
---|---|---|---|---|
| ||||
<script type="text/javascript" src="https://widget-cdn.preezie.com/production/preguide.min.js" data-widgetid="123456789" data-targets="section-header" data-isafter="true"></script> <script> window.document.dispatchEvent(new Event("DOMContentLoaded", { bubbles: true, cancelable: true })); </script> |
How do I find the HTML class/id?
If most browsers, right-click and choose Inspect > Elements
In the HTML you’ll be able to see which classes you can use, e.g.
content-container
...
Add a trigger to your tag
Now add a trigger to your tag (e.g. Initialization) which initialises on the pages where you want your journey(s) to sit. Repeat this process for any additional pages.
Info |
---|
Do not initialise the snippet on all pages, only on the pages which you want journey(s) on. |
...
You can obtain the code snippet from the CMS > Popups > Settings > Code Snippet:
...
Then add the this additional code below the snippet, so it looks like this:
...