Skip to content

Install the chat ​

Paste a small snippet before </body> on every page of your site, open your site once, and the chat button appears in the corner (the domain is verified by itself). Most sites are done in about 5 minutes.

1. Add your site and copy the code ​

  1. In Sites, click Add site and enter its name and address (the address visitors use, such as shop.example.com).
  2. Open Sites → your site → Install and copy the embed code:
html
<script src="https://cdn.sealreply.com/widget.js" data-site-key="sk_…" async></script>

data-site-key belongs to this site. The script loads asynchronously and doesn't hold up your page. If page speed matters a lot to you, tick Load the chat after the page and copy that version: your content shows first and the chat button a moment later.

2. Paste it into your site ​

One rule: paste it once, somewhere every page shares, just before </body>.

Plain HTML or a site builder ​

  • Static sites: paste it before </body> on every .html page, or in your shared footer template.
  • Most site builders have a "custom code" or "footer code" setting. Paste it there.

WordPress ​

  • Recommended: a plugin. Install a plugin that adds code to the footer (such as WPCode), create a footer snippet, paste the code and save. Theme updates won't remove it.
  • Edit the theme: Appearance → Theme File Editor, open footer.php and paste before </body>. Use a child theme, or a theme update will remove the code.
  • If you use a caching plugin (WP Rocket, W3 Total Cache and so on), clear its cache afterwards.

Shopify ​

  1. In Shopify admin, go to Online Store → Themes, click … next to your current theme → Edit code.
  2. Open layout/theme.liquid, paste the code on the line above </body> at the end of the file, and save.

Note: if you publish another theme, paste the code into that theme too. Shopify's checkout doesn't run theme code, so the chat doesn't show during checkout.

WooCommerce ​

WooCommerce runs on WordPress: install it the WordPress way above.

Wix ​

  1. In your Wix dashboard, go to Settings → Advanced → Custom Code and click Add Custom Code.
  2. Paste the code; under Add Code to Pages choose All pages and Load code once; under Place Code in choose Body - end; save.

Wix needs a premium plan with your own domain connected before you can add custom code.

Squarespace ​

  1. In Squarespace, go to Settings → Developer Tools → Code Injection.
  2. Paste the code into Footer and save.

Code injection needs a Business plan or higher.

Webflow ​

  1. Open your site settings → Custom code.
  2. Paste the code into Footer code (before the </body> tag) and save.
  3. Publish the site again.

Custom code needs a paid site plan.

Google Tag Manager ​

If your site already has Google Tag Manager, add the chat there without touching the site:

  1. Add a new tag of type Custom HTML and paste the code.
  2. Set the trigger to All Pages and save.
  3. Submit to publish the container version.

Before publishing, use Preview to open your site and check the chat button appears.

Other site builders ​

Look for a setting such as Custom code, Third-party code, Footer code or Edit theme code, and add the code to the end of every page. If you can't find it, send this page to your platform's support, or ask us in the chat.

3. Add every address visitors use ​

The widget only shows on the domains (and their subdomains) listed under Sites → your site → Basics → Allowed domains. If someone copies your code to their own site, the chat won't appear there.

One domain per line. The first is the main domain, the one you verify. Add every address visitors may arrive on, such as with and without www., or your store's your-store.myshopify.com.

If your site has many domains or changes them often, turn on Allow any domain below it: the widget then loads on any website, with no list to keep up. The cost is that someone who copies your code to their own site can use it too, which may bring unrelated visitors. The main domain still has to be verified, and domains the platform blocked stay refused.

4. Verify your domain ​

Until you prove the main domain is yours, the widget stays hidden. You only do this once.

Usually there is nothing to do: once the code is on your home page and published, open your site once. We look for this site's embed code on your home page; if it's there, the domain is verified, and the chat button appears when you reload.

If the code is not in your home page's source (added through Google Tag Manager, say, or only on some pages), pick one under Sites → your site → Domain verification:

  • DNS TXT record: add the name and value shown to your domain's DNS settings. It can take a few minutes to take effect.
  • Upload a file: publish a small text file at the address shown, with the content shown.

Then click Check now. Changing the main domain means verifying again.

5. Test it ​

Open your site, send a message as a visitor, then reply from Conversations. Now you've seen both sides: what visitors see and where you answer. The test chat from the setup guide doesn't count towards your monthly conversations and isn't in reports.

The chat doesn't appear? ​

What you seeWhat to do
The console says it hasn't detected the widget yetThe page you opened doesn't have the code. Check that it's saved and published, and clear your caching plugin or CDN cache.
It asks you to verify the domain firstMake sure the code is on your home page and published, then open your site again; if that does not do it, add the DNS record or upload the file (step 4). DNS records can take a few minutes; click Check now again later.
It says the widget loaded on another domainThe address you opened isn't an allowed domain (often www. or a staging address). Add it in step 3.
The site shows PausedYou have more sites than your plan allows, so the widget doesn't load. Upgrade or delete another site.
Your site sends a Content Security PolicyAllow the widget's addresses; the list is in Widget for developers.

Hide the chat on some pages ​

Add them under Sites → your site → Page rules → Pages without the chat, by URL rule, up to 20. To hide the button on phones, turn off Show the chat button on phones under Look.

To open the chat from your own button, or let agents recognize customers signed in to your site, see Widget for developers (needs a little development).

To talk to customers in your own app, see Add chat to your app.