Install the chat widget on your website
This guide shows you exactly where to paste the Costello embed snippet on the most popular website platforms, plus a fallback for any other site.
Before you start
First, grab your snippet. In Costello, go to Integrations → Web chat and click Copy embed snippet. It's a small <script> block — you'll paste the same snippet on every page of your site.
WordPress users can skip the snippet entirely with our official plugin and one-click connect. See Connect your WordPress site (one-click). The manual route below is only needed if you can't use the plugin.
After installing on any platform, come back to Integrations → Web chat and click Verify install to confirm the snippet is live.
WordPress (manual, without the plugin)
The simplest no-plugin route is the free WPCode plugin.
In WordPress, go to Plugins → Add New, search for WPCode, then install and activate it.
Go to Code Snippets → Header & Footer.
Paste your Costello snippet into the Footer box and save.
Shopify
From your Shopify admin, go to Online Store → Themes, then click Edit code on your live theme.
In the file list, open theme.liquid.
Paste your Costello snippet just before the closing </body> tag, then click Save.
Wix
In your Wix dashboard, go to Settings → Custom Code.
Click Add Custom Code and paste your Costello snippet.
Set it to load in Body – end and apply it to All pages, then apply.
Squarespace
Go to Settings → Advanced → Code Injection.
Paste your Costello snippet into the Footer box and save.
Webflow
Go to Project Settings → Custom Code.
Paste your Costello snippet into the Footer Code box. (You can also add it to a single page's settings before </body> if you only want it on one page.)
Save, then publish your site for the change to go live.
Any other website
If your platform isn't listed, the rule is the same everywhere:
Open the template or layout file that's shared across your whole site.
Paste your Costello snippet just before the closing </body> tag on every page.
Save and publish your changes.
The widget only loads on websites you've whitelisted. If the bubble doesn't appear after installing, check that your domain is in the allowed domains list under Integrations → Web chat. See Web chat widget settings.