Live Chat Widget

Install the Chat Widget on Your Website

2 min readUpdated 2026-07-25

Install the Chat Widget on Your Website

The TixTalk chat widget is a small launcher that sits on your website and lets visitors start a conversation with your team. Here's how to get it live.

Create a Widget

  • In your dashboard, go to Settings → Widgets.
  • Click New Widget and give it a name (for example, "Main Website").
  • Save to generate the widget and its unique API key.
  • Copy Your Snippet

    Open your widget and find the install snippet. It looks like this:

    <!-- TixTalk Live Chat Widget -->
    <script>
      (function(w,d,s,o,f,js,fjs){
        w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
        js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
        js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
      }(window, document, 'script', 'TixTalk', 'https://widget.tixtalk.com/widget.js'));
      TixTalk('init', { apiKey: 'YOUR_WIDGET_KEY' });
    </script>

    Add It to Your Site

    Paste the snippet into your website's HTML, just before the closing tag, on every page where you want chat to appear. If you use a site builder or CMS, add it to your global footer or custom-code area.

    Publish your site, then reload it — the chat launcher should appear in the corner. Send a test message and confirm it lands in your Live Chat inbox.

    Passing Customer Details (Optional)

    If you're adding the widget to a logged-in area — like a Shopify or WordPress storefront — you can pass customer details so conversations are automatically identified and pre-chat forms are pre-filled. See your widget's install section for the exact fields to send.

    What's Next

    Now make it yours: customize the widget's look, set business hours, and turn on a pre-chat form to collect visitor details before conversations start.

    Was this article helpful?

    Let us know so we can improve our docs