Installing on Webflow

Steps

1. Copy your snippet from the Yokaify dashboard (Settings → Sites):

<script src="https://cdn.yokaify.com/widget.js" data-site-key="YOUR_SITE_KEY" async></script>

2. In Webflow, open Project Settings → Custom Code.
3. Paste the snippet into the Footer Code field (not Head Code — footer keeps it out of the critical rendering path).
4. Save, then Publish your site.

Webflow-specific notes

• Per-page installs: if you only want the mascot on certain pages (e.g. your store but not your careers page), use the per-page custom code settings instead of project-wide code — paste the same snippet into each page's "Before </body> tag" field.
• Staging vs production: your-site.webflow.io and your custom domain are different origins. Add both to allowed origins in the dashboard if you test on staging. See Site keys & allowed origins.
• Ecommerce: Webflow Ecommerce pages (product, cart) are covered by project-wide footer code automatically.

Verify it worked

Open your published site — the mascot should appear within a couple of seconds. The dashboard's Setup page detects the install automatically. Full checklist: Verify your installation.