YOKAIFY
Early access

Product

Featured

Behavioral Assists

The behavior engine spots hesitation and sends the mascot in at exactly that moment — measured against a real holdout group.

Capabilities

AI chat & answersThe mascotLeads & escalationAll capabilities

Sell & measure

Offers & couponsAnalytics & attributionChangelogAll integrations

Resources

Featured

The Onsite Conversion Agent

AI-driven mascot that engages shoppers before they click. Proven to lift conversion by up to 30%.

Platforms & Comparisons

ShopifyWooCommerceNext.js & customvs Chatbasevs IntercomAll comparisons

Guides & Tools

AI website mascotConversion rate optimizationCart abandonment calculatorMascot ROI calculatorAll tools
DocsPricing
Log inEarly access

Installing on Shopify

Add the Yokaify mascot to a Shopify storefront — via the theme editor in about two minutes, on any Shopify plan.

Before you start

You'll need your embed snippet from the Yokaify dashboard (Settings → Sites). It looks like this, with your own site key filled in:

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

Install via the theme editor

  1. In your Shopify admin, go to Online Store → Themes.
  2. On your live theme, click ⋯ → Edit code.
  3. Open layout/theme.liquid.
  4. Scroll to the bottom and paste the snippet on its own line, just before the closing </body> tag.
  5. Click Save.

Because theme.liquid wraps every storefront page, this single edit covers your whole store — you don't need to touch individual templates.

Shopify-specific notes

  • Theme updates: theme.liquid edits live in your theme. If you switch or update to a new theme, re-add the snippet to the new theme's theme.liquid.
  • Checkout pages: Shopify does not allow custom scripts on checkout for most plans, so the mascot appears up to the cart page. That's where hesitation happens anyway — it's the highest-value real estate.
  • Duplicate mounts: add the snippet once. If a previous app or a page-builder section already injects it, remove one — two copies will try to mount two mascots.
  • Order lookup: once installed, Shopify stores can enable order lookup so the mascot can answer "where is my order?" questions.

Verify it worked

Open your storefront in a private/incognito window — the mascot should appear within a couple of seconds. The dashboard also detects the install automatically and confirms it on the Setup page. Full checklist: Verify your installation.