WooCommerce | Yaplet

Overview

The easiest way to add Yaplet to a WooCommerce store is through the Insert Headers and Footers plugin. It lets you paste the widget script into your site header without touching any theme files, and it survives theme updates.

Installation Steps

Install the Insert Headers and Footers plugin

From your WordPress dashboard, go to Plugins → Add New Plugin. Search for Insert Headers and Footers (by WPCode), then click Install Now and Activate.

There are several plugins with similar names. The one by WPCode is the most widely used and works identically for this purpose.

Copy your Yaplet embed code

Log in to your Yaplet dashboard and go to Settings → Widget → Installation. Copy the full embed script shown on the page.

Paste the script into the header

In your WordPress dashboard, go to Settings → Insert Headers and Footers (this menu item appears after activating the plugin). Paste your Yaplet embed code into the Scripts in Header text box, then click Save.

Verify the widget appears

Open your WooCommerce store in a new browser tab and reload the page. You should see the Yaplet launcher button in the bottom-right corner. Click it to confirm the widget opens and loads correctly.

Alternative: Theme Editor

If you prefer not to use a plugin, you can paste the embed code directly into your theme:

Go to Appearance → Theme File Editor in your WordPress dashboard
Open footer.php (or your theme's footer template)
Paste the Yaplet embed code just before the closing </body> tag
Click Update File

Changes made in the Theme Editor will be lost if you update or switch your WordPress theme. The plugin method is recommended because it persists across theme changes.

Troubleshooting

If the widget doesn't appear after installation:

Check for caching — Clear your WordPress cache (and any CDN or browser cache) and reload the page.
Verify the script — Make sure the full embed code was pasted, including the opening <script> and closing </script> tags.
Check for conflicts — Some security or optimization plugins may block inline scripts. Temporarily disable them to test.
Confirm your token — Ensure the YOUR_PROJECT_TOKEN value in the script matches the token shown in your Yaplet dashboard under Settings → Widget → Installation.