Webflow

Project settings, not a page-level embed, so it covers every page.

What you need

• Your website added in Tafsee Popup, and its install code. Open Websites and click Show install code.
• Access to the place in Webflow where site-wide code goes.

The code looks like this, with your own site key:

<script>
  (function (w, d, s, id) {
    if (d.getElementById(id)) return;
    var js = d.createElement(s); js.id = id; js.async = true;
    js.src = 'https://popup.beta.tafsee.com/embed/v1.js';
    js.dataset.site = 'pk_your_site_key';
    d.head.appendChild(js);
  })(window, document, 'script', 'tafsee-popup');
</script>

Steps

1. Site settings → Custom code.
2. Paste into Footer code.
3. Save and publish the site.
4. Back in Tafsee Popup, open Websites and click Check my site.

The same steps are inside the app, next to your install code, on the website's Install and guides tab.

Good to know

• Custom code runs on the published site, not in the Webflow designer preview.
• Use the site settings, not a single page's settings, so every page is covered.

What you should see

The website shows Code installed. Publish a campaign set to As soon as the page opens and open your site in a private window: the popup appears.

If it does not work

• Nothing shows in the designer: open the published address.
• The code was saved but the site was not published again: publish it.
• Make sure the code is on every page, once.
• Add ?tafsee-debug=1 to a page address of your site. The test panel lists every campaign and what it is waiting for.
• More causes and cures: The install check fails.

Related

• Installing the code
• Checking the install
• Why isn't my popup showing?