WelcoChat
Sign in Create account
Guide · All plans

Add the widget to your website

Works with WordPress, Wix, GoDaddy, Squarespace, Shopify, and any site that lets you paste custom code

The WelcoChat widget is a single line of code — a <script> tag with your agent's own ID. Once your agent is live, copy the snippet from your service's setup page in the portal, then paste it into your site using the instructions below for the platform you use. The widget then appears automatically on every page — no design work, and nothing to install per page.

WordPress

  1. From your WordPress dashboard, go to Plugins → Add New, search for "WPCode" (or "Insert Headers and Footers"), and install and activate it.
  2. Open the plugin — usually under Code Snippets → Header & Footer in the sidebar.
  3. Paste your WelcoChat snippet into the Footer box, so it loads after your page content.
  4. Click Save. The widget now appears on every page of your site.
  5. Tip: if your theme already has a "Custom Code" or "Header/Footer Scripts" setting — many Elementor and Astra themes do — you can paste the snippet there directly instead of installing a plugin.

Wix

  1. Open your site in the Wix Editor and go to Settings → Custom Code (or search "Custom Code" in the top search bar).
  2. Click + Add Custom Code.
  3. Paste your WelcoChat snippet into the code box.
  4. Under Add Code to Pages, choose All Pages. Under Place Code in, choose Body – end.
  5. Click Apply, then publish your site.

GoDaddy Website Builder

  1. In your GoDaddy Website Builder (Websites + Marketing) dashboard, go to Settings → Site-wide Code (on some plans this is under Settings → Advanced Tools → Custom Code; available from the Commerce plan up).
  2. Paste your WelcoChat snippet into the Footer or Body code box.
  3. Click Save and republish your site.
  4. If your GoDaddy plan doesn't include a code-injection option, or your site is actually GoDaddy-hosted WordPress, use the WordPress steps above instead.

Squarespace

  1. In the Squarespace dashboard, go to Settings → Advanced → Code Injection (requires a Business plan or higher).
  2. Paste your WelcoChat snippet into the Footer box, so it loads on every page.
  3. Click Save.

Shopify

  1. From your Shopify admin, go to Online Store → Themes.
  2. On your current theme, click Edit code.
  3. Open theme.liquid under the Layout folder.
  4. Paste your WelcoChat snippet right before the closing </body> tag.
  5. Click Save.

Any other website builder

Every other platform we've seen — Webflow, Weebly, Jimdo, Carrd, Framer, a hand-coded site, or your own CMS — works the same way: look for a setting called "Custom Code", "Header & Footer Scripts", "Code Injection", or "Tracking Codes" — this is usually the same place widgets like live-chat tools and analytics scripts get added — and paste the snippet there so it loads on every page. If your site is plain hand-written HTML, paste the snippet directly before the closing </body> tag of each page template.

Checking it worked

After publishing, open your live site in a new browser tab — not the editor preview — and you should see the WelcoChat bubble in the bottom corner. If it doesn't appear within a minute, double-check the snippet was pasted exactly as copied (including both quote marks), and that any page cache your platform or a plugin (e.g. WP Rocket) uses has been cleared.

← Back to the portal