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, then Chat Widgets under Channels.
- Select New Widget and give it a name (for example, "Main Website").
- Optionally list allowed domains, one per line. Read the warning below before you rely on this.
- Save to generate the widget and its unique API key.
The allowed domains list is stored and displayed, but it is not enforced. Anyone who has your widget key can load the widget on any site. Treat the key as semi-public and use the list as a note to yourself, not as a security control.
Copy Your Snippet
Open your widget and copy the Installation Script. It looks like this, with your own key in place of the placeholder:
<!-- 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 </body> 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 are adding the widget to a logged-in area, such as a Shopify or WordPress storefront, you can pass customer details in the init call so conversations are identified without asking. Supported fields are email, name, phone, company, externalId and a customFields object, passed as a customer object. When the customer object includes an email address, the pre-chat form is skipped automatically; pass skipPreChat: false alongside it if you would rather still show the form.
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.