Webflow, Wix, Squarespace, Shopify and others
Where the custom-code setting lives on popular website builders, and what to paste there.
Every website builder that lets you add custom code can run PepoChat. You paste the same script tag from Install the widget, in the place the builder reserves for site-wide code. This page lists where that place is on the platforms we are asked about most.
Note
On WordPress, use the plugin instead. Everywhere else, the HTML snippet is all you need:
<script
src="https://widget.pepochat.com/widget.js"
data-organization-id="YOUR_ORGANIZATION_ID"
></script>
Where to paste it
| Platform | Where the site-wide code setting lives | Notes |
|---|---|---|
| Webflow | Site settings → Custom code → Footer code | Publish the site afterwards. Paid site plan required for custom code. |
| Wix | Settings → Custom code → Add custom code, place in Body - end, apply to all pages | Available on Premium plans with a connected domain. |
| Squarespace | Settings → Advanced → Code injection → Footer | Available on Business and Commerce plans. |
| Shopify | Online Store → Themes → Edit code → theme.liquid, before </body> | Or use a "custom liquid" section. Pair with the Shopify integration for order status. |
| Framer | Site settings → General → Custom code → End of body tag | Publish afterwards. |
| Carrd | Site settings → Advanced → Custom code, footer | Pro plan required. |
| Ghost | Settings → Code injection → Site footer | |
| Bubble | Settings → SEO / metatags → Script in the body | |
| HubSpot CMS | Settings → Website → Pages → Site footer HTML | |
| Google Tag Manager | Custom HTML tag, trigger: All Pages | Use the JavaScript snippet from the install page; the loader also finds its configuration when injected by a tag manager. |
Platform menus move around, so if a path above has changed, search the builder's help for "custom code" or "code injection".
Two things to check on any builder
The snippet is on every page
Paste into the site-wide footer setting, not into a single page's embed block, unless you only want the widget on that page.
Your domain is allowed
If you use the allowed domains list, add both the builder's preview domain and your real domain while you test.
Single-page apps
React, Vue, Svelte and similar apps should load the script once at the root and use window.EchoWidget for anything dynamic. The React snippet on the install page shows the pattern: initialise once, and on a remount call init() rather than adding a second script.
Something missing or wrong on this page? Tell us and we will fix it.