Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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
breakoutModefull-width
languagejs
<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:

...