Shopify
Install the Yaplet chat widget on your Shopify store by adding the embed script to your theme code — no app installation required.
Overview
You can add Yaplet to any Shopify store by pasting the embed script into your theme's layout file. The script loads asynchronously, so it won't affect your store's page speed.
Installation Steps
Copy your Yaplet embed code
Log in to your Yaplet dashboard and go to Settings → Widget → Embed. Copy the full embed script shown on the page.
Open the theme code editor
In your Shopify admin, go to Online Store → Themes. Find your active theme, click the "..." button, and select Edit code.
Edit the theme layout file
In the code editor sidebar, open the Layout folder and click theme.liquid. Scroll to the bottom of the file and find the closing </body> tag.
Paste the embed script
Paste your Yaplet embed code just above the closing </body> tag, then click Save.
Verify the widget appears
Open your Shopify store in a new browser tab and reload the page. You should see the Yaplet launcher button in the bottom-right corner.
Troubleshooting
If the widget doesn't appear after saving:
- Check for caching — Shopify caches pages aggressively. Try opening your store in an incognito window or clearing your browser cache.
- Verify the placement — Make sure the script is inside the
<body>tag, not inside a{% comment %}block or after the closing</body>. - Check your theme — Some Shopify themes use a different layout file (e.g.,
theme.gem.liquid). Make sure you're editing the layout file that your pages actually use.