My Chatsimple
  • Chatsimple website
  • ✨Add Chatsimple to Your Website
    • General Websites
    • Google Tag Manager
    • Google Tag Manager Integration
    • Go Daddy
    • WordPress
    • Webflow
    • Wix
    • Shopify
    • Show only for Specific Pages, Countries, Times or Subset of visitors
    • Google Sites
  • Connect Chatsimple to your CRM
    • Pipedrive Integration
    • Zoho Integration
    • HubSpot Integration
    • Zapier API documentation
  • Understanding 'Original Source'
  • 🎨Widget specifics
    • Widget Customization
    • Block Chat Interface (<iframe>)
    • Common Questions and Answers
    • ?
  • 💪UNLOCK FULL POWER OF CHATSIMPLE
    • ⚙️Configure Chatsimple - AI Nav
    • 👩‍🎨Personalize look and feel
    • 👟Train your AI chatbot
    • 🗣️Content creation
    • ⛓️Facebook integration
    • 🛃Integrate with Hubspot
    • 📊Dashboard and Insights Update
    • 🥇Get better google search rankings
    • 👨‍💼Lead Capture Qualification Followup with personalized email
    • ⏰Book MORE meetings with Calendly integration
    • 🎙️AI Copilot with Voice Search
  • Improving Response Quality
    • 🖌️Finetune your Agent's Responses
    • 🏌️Set your business goals
    • 🪞Mirror brand personality
  • Contact
    • Email
Powered by GitBook
On this page
  • Install Chatsimple On Your Website using Google Tag Manager
  • Step 1: Sign into Google
  • Step 2: Account and Container name
  • Step 3: Copy Google Code
  • Step 4: Log into Chatsimple
  • Step 5: Google Tag Manager Home
  • Step 6: Paste Chatsimple Code
  • Step 8: Publish
  • Celebrate 🎉
  1. Add Chatsimple to Your Website

Google Tag Manager

Use Google Tag Manager and install Chatsimple on your website.

PreviousGeneral WebsitesNextGoogle Tag Manager Integration

Last updated 1 year ago

Install Chatsimple On Your Website using Google Tag Manager

Welcome to the Chatsimple installation guide! Follow these step-by-step instructions to seamlessly integrate our chatbot into your website using GTM. Whether you're using plain HTML or popular frameworks like React.js and Next.js, we have you covered!

Step 1: Sign into Google

Sign in to your Google account. Go to the and click on the Create Account button.

Step 2: Account and Container name

Enter the Account and Container name. Choose the target platform to web and click on Continue.

Read through the GTM Terms of Service, click Yes to accept them and continue.

Step 3: Copy Google Code

You will get a container with a code snippet. Copy the code and paste it into all pages of your site in the recommended places. This works best if you can follow exactly as GTM recommends.

Click ok to close and finish setting up the GTM and your first container.

Step 4: Log into Chatsimple

Step 5: Google Tag Manager Home

In the Google Tag Manager Home, click on the New Tag tile.

Then, click on the Tag Configuration tile and select Custom HTML from the tags list.

Step 6: Paste Chatsimple Code

Paste the Chatsimple Snippet you copied earlier to the HTML field.

Click on the Triggering tile and select All pages from the tags list. After you add the trigger, hit the save button on the right. Name the tag and hit Save.

Step 8: Publish

Once you're back in GTM's home, click on the Publish button to apply the changes. If you wish, you can use GTM's preview feature to test what our bot will look like on your website before deployment.

Make sure to give GTM the same URL that you pasted in the Google Tag Manager code in earlier if you wish to preview.

Celebrate 🎉

You've successfully added Chatsimple to your site! Enjoy engaging with your visitors through intelligent, real-time conversations.

Log into Chatsimple and visit the and click on Embed with Iframe and GTM. Copy the code snippet near the bottom that pops up to your clipboard.

If you want to find out more about GTM and all of its features, please see this great article!

✨
Chatsimple Dashboard
https://www.semrush.com/blog/beginners-guide-to-google-tag-manager/
Google Tag Manager home