# Hablla Tag Manager

## Hablla Tag Manager

The **Hablla Tag Manager** works as a *smart container*, allowing you to monitor and track user interactions on your website.\
With it, you can configure **custom events**, collect data and automate strategic actions directly through Hablla, without relying on complex external implementations.

<figure><img src="/files/a722049d927287f829d04f586b0d242222fa5981" alt=""><figcaption></figcaption></figure>

### 📌 Accessing Hablla Tag Manager

In the side menu, go to:

**Marketing > Hablla Tag Manager**

On the home screen you will see all created containers, with the information of:

* **Name**
* **Linked domain**
* **Creation date**

<figure><img src="/files/24312a04df6d7097b07442a6a06fb12e604e4092" alt=""><figcaption></figcaption></figure>

### ➕ Creating a new container

Click **Add** to create a new Tag Manager.

You will be able to set:

* **Container name**
* **Domain** where the script will be installed

After created, Hablla automatically generates an **installation script** that must be added inside the `<head>` of the site:

```html
<script src="https://htm.hablla.io/api/tag-manager/loader/YOUR_ID"></script>
```

### ⚙️ Managing Tags

Inside a container, it is possible to view and create new **tags**:

Each tag has:

* **Name**
* **Type** (cookies, tracking, form, etc.)
* **Creation date**

<figure><img src="/files/7fc0673ece26bafb08dcc14f764a5e31c9b7e815" alt=""><figcaption></figcaption></figure>

### 🏷️ Available Tag Types

Hablla offers different types of tags that can be configured:

#### 1. Cookie Banner

Allows you to configure the website's cookie notice.\
You can customize:

* Display location (bottom right, bottom left, etc.)
* Theme (light or dark)
* Privacy policy message
* Policy URL

<figure><img src="/files/55be0cf9a3b0a0093788f6fd235eb01fc03c08df" alt=""><figcaption></figcaption></figure>

#### 2. WhatsApp Form

Display a **contact pop-up** directly on the site, integrated with WhatsApp.

Possible settings:

* Title, description and welcome text
* Image upload and custom color
* Privacy policy URL
* Send data to a **Webhook**
* Redirect directly to a **WhatsApp number**

<figure><img src="/files/cfb59b833665f2b871bc5361c6a3c20e8ce70abf" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/c23b0496725cde2480a18225df98d5aaa886107a" alt=""><figcaption></figcaption></figure>

### 🔗 Strategic use example

With Hablla Tag Manager, you can:

* Display a cookie notice in accordance with LGPD.
* Create smart forms on the site that send data to Hablla automations.
* Redirect visitors directly to your WhatsApp team.
* Track visits and marketing campaigns.

***

### ✅ Benefits

* Centralization of tag management.
* Greater agility and autonomy for marketing.
* Native integration with **MCI – Integrated Conversational Marketing**.
* Reduced dependence on IT for quick site adjustments.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.hablla.com/hablla-docs-en/hablla/marketing/hablla-tag-manager.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
