Add live chat to any website

You need a SupportVia account with your website added. Start free if you haven’t yet: no card needed.

Then copy your snippet: in the dashboard, open Websites, choose your website, and copy the code under Add the chat to your website. It looks like this, with your own key:

<script src="https://my.supportvia.app/widget.js"
        data-key="pk_8f2c…" data-website="1" async></script>

1. 1Open the template every page shares (often called a layout, base or footer template), or each page’s HTML.
2. 2Paste the snippet just before the closing </body> tag.
3. 3Save, and publish or upload the change.

Open your website in a private window. The chat button shows in the bottom right corner, or the bottom left if you moved it in the dashboard.

Once the chat has loaded on your site, the website’s page in the dashboard says Live on and your domain. Ask the chat something your website answers, and the conversation shows up in your inbox.

• In a single-page app (React, Vue and the like), put the snippet in index.html rather than in a component, so it loads once.
• If someone else runs your website, the dashboard’s “Email the snippet” link writes the email for you.
• The chat runs only on the websites you’ve added, and their subdomains (such as www). For another address, such as a staging site, add it under Where it runs in the website’s settings.
• If the button covers something, such as a cookie banner, choose the other corner in the dashboard, or move it up on that page with CSS: chat-connector-widget { --cc-bottom: 96px; }
• Still stuck? Ask in the chat on this page, and someone from the team will help.

• WordPress
• Shopify
• Wix
• Squarespace
• Webflow