By adding an HTML tag in Google Tag Manager (GTM), you can insert custom HTML code into your website without directly editing the site's code. This is useful when you need to add specific features or functionality, such as integrating third-party tools, displaying popups, or implementing custom tracking. In this documentation, you will explore the steps to create and configure an HTML tag in GTM to meet your website's needs.

Let’s get started 🚀

Setup HTML Tag in GTM

By adding an HTML tag in Google Tag Manager (GTM), you can introduce custom functionality to your website without modifying its core code. This process is incredibly flexible, allowing you to add features such as popups, chatbots, analytics scripts, or third-party integrations seamlessly.

To set up an HTML tag in GTM, you simply need to paste your custom code into the tag, specify a trigger that defines where the tag should execute (like all pages, or on a specific page), and save your configuration.

In this demonstration, we will create a popup form using HTML code to collect user details (name and phone) and provide detailed steps to help you set up and configure an HTML tag in GTM correctly.

Test Tag

Once the HTML tag is added and configured, use GTM preview mode to test if the code executes properly on your website. This ensures the popup or functionality works as intended without requiring backend changes.

Updated on: 15/01/2025