Skip to main content

Embedding Chatbot to Your Website Using Google Tag Manager

info

This guide helps you integrate your Thinkstack chatbot into your website using Google Tag Manager (GTM), simplifying deployment without the need for direct changes to your website’s code.

Get the Chatbot Embed Code from Thinkstack#

  1. Select Your Chatbot:
    Log in to your Thinkstack account and select the chatbot you wish to embed.

  2. Navigate to Embed Section:
    Go to Embed > Google Tag Manager in the Thinkstack dashboard. Choose your desired chatbot appearance (Bubble View, Bar View, Iframe View, or Conversational Form).

note

For embedding a Conversational Form, ensure you've created and published the action. Only published actions are available for embedding as conversational forms.

  1. Copy Embed Code:
    • If you selected Bubble View or Bar View, copy the provided embed script.
    • If you selected Iframe View or Conversational Form, copy the provided iframe snippet.

Create a Google Tag Manager Account#

  1. Go to Google Tag Manager and log in with your Google account.
  2. Click on Create Account if you haven't already set one up.
  3. Enter your Account Name, Container Name, and choose Web as your target platform. Click Create.

Install the GTM Container Snippet#

  1. Copy the container snippets provided by GTM after creating your container.
  2. Paste these snippets into all pages of your website exactly as recommended by GTM (one snippet in <head>, and the other immediately after opening the <body> tag).

Add Thinkstack Chatbot Tag to GTM#

  1. In your GTM workspace, click Tags, then click New to create a new tag.

  2. Under Tag Configuration, select Custom HTML.

  3. Paste the Thinkstack chatbot embed code you copied earlier (Bubble View, Bar View scripts, or Iframe snippet).

  4. Under Triggering, select All Pages to load the chatbot site-wide, or choose specific pages according to your needs.

  5. Click Save, and name your tag clearly (for example: "Thinkstack Chatbot Tag").

Publish and Test Your Integration#

  • Click Submit, and then Publish to apply your changes.

  • Test your integration by using GTM’s Preview Mode, then visit your website to ensure the chatbot loads correctly.

That's a wrap🎉. You’ve successfully added the Thinkstack chatbot to your website using Google Tag Manager.