Install the chat widget on your website(s) via Google Tag Manager

In this article, you'll learn how to install the Conversations widget to your website via Google Tag Manager and be able to interact with your customers via Brevo chat.

Access Custom HTML in Google Tag Manager

In Google Tag Manager,

  1. Go to your Workspace
  2. Click the Overview tab
  3. Click Add a new tag and fill in the Tag name, e.g. Conversations.

    1.png

  4. Click Tag Configuration and choose Custom HTML
    image2.png

Get the chat widget script from Brevo

Now you need to copy the chat widget script provided by Brevo. You'll find it on the Chat widget settings in Step 3 Install your chat widget.

You can access the Chat widget settings this way:

  1. Go to the Conversations tab
  2. Click on Settings
  3. Go to the Chat widget
  4. Complete or skip the Profile and Widget steps before accessing the 3rd step, Install your chat widget
  5. Copy the script
    conversations_copy-widget-code_EN-US.png

Paste the code in Google Tag Manager

Go back to Google Tag Manager, in the window:

  1. Paste the Conversations widget code

  2. Click Triggering and choose a trigger (All Pages is a good start)

  3. Then click Save in the top right corner3.jpg

  4. Click Submit. 

  5. The Submit changes page opens. Add a descriptive name for this change in the Version Name field and click Publish to complete the installation.
    conversations_google-tag-manager-publish_EN-US.png

Now you can see the Conversations widget at the bottom of the page and you are now able to chat directly with your clients.

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo expert partner.

💬 Was this article helpful?

22 out of 28 found this helpful