You can add the CornerSpot chat launcher to any website you host yourself — your marketing site, a documentation portal, a help center — by pasting a single loader snippet. This guide walks through the Embedding tab in Live Chat Settings, where you'll find your Site ID, the copy-able loader snippet, optional per-embed overrides, and an allowed-domains checklist.
How to embed the live chat widget on an external website
Open Live Chat Settings → Embedding at /dashboard/chat/settings/embedding. Everything you need to install the widget lives on this one tab.
1. Add your site's hostname under Allowed Domains first
Before the launcher will appear anywhere, the site's hostname must be on your allow-list. The loader validates the current origin against your Allowed Domains list before it mounts anything — if the host isn't listed, it exits silently. Add the hostname (for example shop.example.com) first; see the companion guide on managing allowed domains.
2. Note your Site ID and Loader URL
Near the top of the tab, the Site ID and Loader URL are shown for reference. You normally won't need to touch these — the loader snippet already includes them — but they're handy when sharing install details with a developer.
3. Copy the loader snippet
The “Paste this on your website” card holds the loader snippet. Paste it once per page — either in your global layout or just before the closing </body> tag. Pasting it more than once creates duplicate launchers, so only include it a single time.
Use the copy button in the card's top-right corner to grab the entire snippet in one click.
4. Optionally, customize this embed
The “Customize this embed (optional)” builder lets each site look a little different without changing your saved branding everywhere else. Leave everything off to use your saved branding; toggle a property to pin it for this embed only.
Toggling a property on — for example Position — adds the matching data-* attribute to the snippet (here data-position), and the snippet below updates live. A “{n} override(s)” chip shows how many you've pinned. Available overrides include colors, launcher style, position, offsets, copy, and even a custom launcher image — and each one applies to this embed only.
5. Check the allowed-domains checklist
Lower on the tab, the Allowed domains checklist is the first place to look if the widget doesn't appear. When no domains are enabled yet, it warns: “No enabled domains yet. Add the external host before you publish the snippet or the loader will exit silently.” Once a host is enabled, it's listed here instead. Use Manage domains to jump to the Allowed Domains tab.
What you'll need, at a glance
- Allow the host — add the site's hostname under Allowed Domains, or the loader exits silently.
- Paste once — drop the loader snippet a single time, in your layout or before
</body>. - Per-embed overrides (optional) — toggle colors, position, offsets, copy, or a custom launcher image for that one site.
- Updates live — the snippet reflects your saved branding plus any overrides, and future loads pick up changes automatically.
Seeing it on your live site
Once the host is allowed and the snippet is in place, the chat launcher appears on your website on the next page load — bottom-right by default (or wherever your position override places it). To confirm it's working, open the page from the allowed domain and check the Live Chat Inbox: new visitors arrive with the expected origin URL. For single-page apps, call the SPA update snippet on each route change so follow-up context stays accurate. For CornerSpot-hosted sites built in the website builder, the loader is injected automatically on publish — this tab is only for sites whose HTML you control yourself.