# 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="https://1592162275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FT3sVAA0LPywck5jPFXBS%2Fimage.png?alt=media&#x26;token=dbe33bb8-e234-4ad2-856d-4dcfa0423148" 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="https://1592162275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2Fs5J1bRxC45BJMxQ8xnhp%2Fimage.png?alt=media&#x26;token=74df7f26-ba21-445a-a56d-cba5800eaddb" 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="https://1592162275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FjGYBVDyzB4qb08V0gXDO%2Fimage.png?alt=media&#x26;token=3f2f97fa-30ce-4af5-8fd4-f334549222c2" 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="https://1592162275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FkaapQOwSIaMRgCX4DKKD%2Fimage.png?alt=media&#x26;token=115ab82b-7c15-4c14-b0dc-78e65fda7e27" 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="https://1592162275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FqR8JQ7fdIFe0cK9z6b5I%2Fimage.png?alt=media&#x26;token=1d13afbf-1f74-49ef-b979-cfd0fdd0d673" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1592162275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2Fef2u236PUc4fPKomRBew%2Fimage.png?alt=media&#x26;token=371bcae2-8cf7-4c3b-8400-b9d0290f9b69" 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.
