Put Sublex Chat on your website

WordPress

1. 1

   In your admin area, go to Plugins, then Add New, and install the free plugin called WPCode.

2. 2

   Open Code Snippets in the sidebar, then Header & Footer.

3. 3

   Paste your line into the Footer box and press Save. It is now on every page.

On a block theme you can skip the plugin: Appearance, then Editor, open the Footer template part, add a Custom HTML block, paste the line, and save. On WordPress.com the free plan does not allow scripts; paid plans do.

Wix

1. 1

   From your site's dashboard, go to Settings, then Custom Code.

2. 2

   Press Add Custom Code and paste your line.

3. 3

   Choose All pages, pick the option called Body - end, and press Apply.

Wix only runs custom code on a published site with a connected domain, which needs a paid plan.

Shopify

1. 1

   Go to Online Store, then Themes, and on your current theme open the three-dot menu, then Edit code.

2. 2

   In the Layout folder, open the file called theme.liquid.

3. 3

   This one shows you the HTML: paste your line just above the closing </body> tag near the bottom, and press Save.

Duplicate your theme first, under that same three-dot menu, so a theme update can never lose the change.

Squarespace

1. 1

   Go to Settings, then Developer Tools, then Code Injection.

2. 2

   Paste your line into the Footer field.

3. 3

   Press Save. Squarespace puts footer code on every page.

Code injection needs the Core plan or higher; the Personal plan does not include it.

Webflow

1. 1

   Open your Site settings, then the Custom code tab.

2. 2

   Paste your line into the Footer code field and save.

3. 3

   Publish the site. The code only goes live on the next publish.

Custom code needs a paid site plan; Webflow does not apply it on free-plan sites.

Elementor, Divi, and other page builders

1. 1

   Find the builder's HTML element. In Elementor it is the HTML widget; in Divi it is the Code module.

2. 2

   Place it at the bottom of the footer template, so it appears on every page, and paste your line into it.

3. 3

   Save, and exit the builder so the script runs.

A sitewide footer template usually needs the builder's paid tier. On free tiers, the WPCode route above does the same job.

A web application

1. 1

   React, Vue, or another single-page app: paste your line into index.html, just before the closing </body> tag.

2. 2

   Next.js or another framework with a root layout: put it at the end of the layout's body, so every route carries it.

3. 3

   Deploy. The widget renders in its own shadow root, so your styles and its styles never touch.

The key in the line is public by design; the domain allowlist on the install screen is what decides where it may run.

A plain HTML site

1. 1

   Open the template or page file your site is built from.

2. 2

   Paste your line just before the closing </body> tag.

3. 3

   Upload or deploy as you normally would.