Skip to main content
Updated Aug 4, 2026

AutoChat Web Widget

What you'll learn
  • How to set up the AutoChat web widget on your website
  • What the widget offers for website visitors and your team
  • How conversations from the widget flow into your Inbox

The AutoChat channel is AutoTalk's built-in web chat widget. Visitors to your website start real-time conversations with your team or AI agents directly from the browser. Messages from the widget appear in your Inbox alongside messages from all other channels.

When to use this channel​

  • You want to offer live chat on your website without relying on a third-party chat tool
  • You want website visitors to be able to ask questions, request support, or start a sales conversation immediately
  • You want to connect an AI agent to handle website inquiries automatically, 24/7

Setting up the AutoChat widget​

Step 1: Create the channel​

  1. In the sidebar, go to Channels to open the Channels list.
  2. Click the Add channel button to open the New channel page.
  3. In the channel picker, select the AutoChat tile (under the website group).
  4. Enter an Integration name — the label shown in the widget and in your channel list.
  5. Click Create & enable channel.

Step 2: Embed the widget on your website​

On the channel's edit page, click Embed chat to open the Embed Chat Code dialog. From there you can set the widget's icon, label, and position (left or right), preview the result, and copy the generated <script> snippet. To install it:

  1. Copy the embed code.
  2. Paste it into your website's HTML, just before the closing </body> tag.
  3. Publish or deploy your website.

The chat widget appears on your site as a button in the bottom corner you chose.

Step 3: Test the widget​

Open your website in a browser and click the chat button. Send a test message and confirm that it appears in your AutoTalk Inbox. Reply from the Inbox and verify that the response shows up in the widget on your site.

Widget features​

  • Real-time messaging — Visitors and your team exchange messages instantly
  • AI agent support — Connect an AI agent so the widget can answer questions automatically, even outside business hours
  • Widget appearance — Set the widget's icon, label, and position (left or right) from the Embed Chat Code dialog
  • Chat links — The channel's edit page shows a direct chat link (for example, https://app.autotalk.io/c/<companyId>/chat/<channelId>) that you can share in emails, social media bios, or printed materials without embedding the widget

Important considerations​

  • The widget only works on websites where you have added the embed code. It will not appear on pages that do not include the script.
  • If you use a content management system (like WordPress, Wix, or Shopify), look for the option to add custom HTML or scripts and paste the embed code there.
  • Conversations from the widget are treated like any other channel in AutoTalk. You can assign them to team members, route them through workflows, or let AI agents handle them.
tip

Share the chat link on platforms where you cannot embed code, such as Instagram bios, email signatures, or printed flyers. Visitors can click the link to open a chat with your business in their browser.

Next steps​

Last updated on
On this page