Installing on WooCommerce / WordPress

Your snippet

Copy it from the Yokaify dashboard (Settings → Sites):

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

Option 1 — Header & footer plugin (recommended)

Works on any WordPress setup and survives theme updates:

1. Install a code-snippet plugin such as WPCode (or use your theme's built-in "custom code" panel — most major themes have one).
2. Find the Footer (body close) section.
3. Paste the snippet and save.

Option 2 — Child-theme hook

If you prefer code over plugins, add this to your child theme's functions.php:

add_action( 'wp_footer', function () { ?>
  <script src="https://cdn.yokaify.com/widget.js" data-site-key="YOUR_SITE_KEY" async></script>
<?php } );

Use a child theme so the hook isn't wiped out by theme updates.

WordPress-specific notes

• Caching / optimization plugins (WP Rocket, LiteSpeed, Autoptimize): the script is already async and must not be deferred into a combined bundle. If the mascot doesn't appear, exclude cdn.yokaify.com from JS minification/combination and purge the cache.
• Consent plugins: if you gate scripts behind a cookie-consent manager, categorize Yokaify as functional. You can also set the privacy mode to Strict.
• WooCommerce pages: the footer hook covers shop, product, cart, and checkout pages automatically — no extra steps.

Verify it worked

Visit your store in a private window and look for the mascot. The dashboard's Setup page confirms the install automatically. Full checklist: Verify your installation.