You need admin access to your WordPress site and a free ChatMesh workspace. Create one here if you haven’t already.
-
Create a free ChatMesh workspace
Sign up on the Free plan (no card needed) and open Settings → Widget to copy your snippet. It contains your public widget key (pk_…).
Your snippet (with your own key) <script src="https://chatmesh.ascend-digital.co.uk/widget.js" data-chatmesh-key="pk_live_..." async></script> -
Install a header and footer plugin
In WordPress admin go to Plugins → Add New, search for a header and footer code plugin such as WPCode, then install and activate it.
-
Paste the snippet into the footer
Open the plugin’s Header & Footer screen, paste the snippet into the Footer box and save. This works with classic and block themes and survives theme updates.
-
Allow your domain and test
In ChatMesh, add your site’s address under Settings → Widget → Allowed origins. Open your site in a private window, send a test message and answer it from the Inbox.
Developers: add it from your theme
If you’d rather not use a plugin, add the snippet from a child theme so a theme update doesn’t remove it:
<?php
// Child theme functions.php: print the ChatMesh snippet before </body>
add_action('wp_footer', function () {
echo '<script src="https://chatmesh.ascend-digital.co.uk/widget.js" data-chatmesh-key="pk_live_..." async></script>';
}); To greet signed-in customers by name, call window.ChatMesh.identify({ name, email }) after the page loads. See the JavaScript API.
WordPress live chat FAQ
Is there a ChatMesh WordPress plugin?
Not yet. ChatMesh is a single script tag, so any plugin that adds code to your site footer works, or you can add it to your child theme.
Will live chat slow my WordPress site down?
The widget is a small script that loads with the async attribute, so it never blocks your page from rendering. It sits in a fixed corner of the screen, so it doesn’t move your content around as it loads.
Does it work with caching and page builders?
Yes. The snippet is static HTML, so caching plugins and page builders such as Elementor or the block editor don’t affect it. If you minify or combine JavaScript, exclude the ChatMesh script so it keeps its async attribute.
Can I show the chat on some pages only?
Yes. Most header and footer plugins let you choose where code appears, or you can add the snippet with a conditional in your theme.
Using another platform? See the guides for Shopify, Laravel and plain HTML, Next.js and React.