WooCommerce stores run on WordPress, so you have two options: the official Yaplet Live Chat WordPress plugin (recommended, no code editing), or adding the embed snippet manually using the Insert Headers and Footers plugin. Both approaches work identically — pick whichever fits your workflow.
Option A — Yaplet Live Chat plugin (recommended)
This is the same plugin used for plain WordPress sites. It works equally well on WooCommerce stores.
1. Install the plugin
In your WordPress admin, go to Plugins → Add New Plugin. Search for Yaplet Live Chat and install and activate it.
2. Enter your Widget ID
Go to Settings → Yaplet and paste your Widget ID. To find it, log in to your Yaplet dashboard, click Widgets in the sidebar, click your widget, then click the Embed button. The Widget ID is shown at the top of the widget page.
3. Save and verify
Click Save Changes, then open your store in a new tab. The Yaplet launcher should appear in the bottom-right corner on all pages, including product and checkout pages.
Option B — Insert Headers and Footers plugin
If you already use this plugin (or prefer it), you can add the Yaplet snippet through it instead.
1. Install Insert Headers and Footers
Go to Plugins → Add New Plugin and search for Insert Headers and Footers (by WPCode). Install and activate it.
2. Paste the Yaplet snippet
Go to Settings → Insert Headers and Footers. Paste the full Yaplet JavaScript snippet into the Scripts in Header box and click Save.
3. Verify
Reload your store. The widget should appear on every page.
Identify logged-in customers
Pass WooCommerce customer data to Yaplet so your team sees real names and order values in the inbox. Add this to your theme's functions.php or a custom plugin:
add_action('wp_footer', function () {
if (is_user_logged_in()) {
$user = wp_get_current_user();
$customer = new WC_Customer($user->ID);
echo '<script>';
echo 'Yaplet.identify("' . esc_js($user->ID) . '", {';
echo ' name: "' . esc_js($user->display_name) . '",';
echo ' email: "' . esc_js($user->user_email) . '",';
echo ' value: ' . floatval($customer->get_total_spent()) . ',';
echo '});';
echo '</script>';
}
});Troubleshooting
- Widget missing on checkout page — Some WooCommerce themes strip scripts from the checkout page to improve performance. Check your theme's documentation for how to re-enable scripts on checkout.
- Cache issues — Clear your WordPress cache, WooCommerce transients, and any CDN cache after installation.
- Conflicts with other chat plugins — If you previously used another chat plugin, deactivate it before installing Yaplet to avoid launcher conflicts.
What's next
Check that the widget is loading correctly on your store: Verify your installation.