Install the web chat script

After you register a website source in Qcom, copy that website's script and install it once in a site-wide header, footer, or body-end area. Copy it from the same website row you are installing.

WordPress and Elementor

Elementor Pro:

1. In WordPress, open Elementor → Custom Code → Add New.
2. Paste the Qcom script.
3. Set the location to Body End or Footer.
4. Set display conditions to Entire Site.
5. Publish, then open your website from the registered domain.

Elementor Free or regular WordPress:

Use a site-wide code plugin such as WPCode, Insert Headers and Footers, or Header Footer Code Manager. Paste the script in the footer or body-end area for the whole site.

Avoid page-section embeds. They only load the widget on that page.

Shopify

1. Open Online Store → Themes → Edit code.
2. Open theme.liquid.
3. Paste the script before </body>.
4. Save and open the storefront from the registered domain.

Wix

1. Open your site's Custom Code settings.
2. Add the script to Body - end or the footer.
3. Apply it to All pages and publish.

Webflow

1. Open Site settings → Custom code.
2. Paste the script in Footer code.
3. Publish the site.

Framer

1. Open Site settings → Custom code.
2. Paste the script in the end-of-body or footer field.
3. Publish the site.

Squarespace

1. Open Settings → Advanced → Code Injection.
2. Paste the script in Footer.
3. Save and open the live site.

Custom HTML, React, or Next.js

Add the script once in the shared app shell, layout, or document body-end area. It should load on every public page where customers may need chat.

Confirm it is live

After installing, open the website from the registered domain and refresh the Qcom Sources tab. Qcom marks the website Live after the widget script loads from that domain.

Connect from mobile

Open More → Integrations → Messaging channels → Add new source → Web chat. Tap Add website, enter its domain and submit. Adding the website does not install its script: open that website's row, choose Install script, and install the supplied script on that same site.

Each website row opens its own options. Appearance changes the widget; Browse designs opens template designs. These options are also available from Web Chat Studio. They are separate from connecting a website.

With no websites connected, the screen shows this guide and Add website. After installation, return and refresh to check whether the website is live. If loading fails, retry before adding a website again.

Reopen chat after a connection drop

In the same browser tab, the widget can show up to 200 previously loaded messages from the selected conversation while offline, subject to available cache space. Saved messages last up to 24 hours and require a valid remembered chat session. New messages and attachments may need a connection. Once connected again, the widget checks for newer messages; it does not automatically resend an interrupted message.

Related

• Connect a channel to your inbox
• Connect your website domain
• Build a bot on the canvas