> For the complete documentation index, see [llms.txt](https://documentation.freshpaint.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.freshpaint.io/integrations/google-tag-manager-integration/quick-start-guide.md).

# Quick Start Guide

### Install Freshpaint template into GTM Container

* In GTM, navigate to "Templates", then "Search Gallery", and search for the Freshpaint template.

<div align="left"><figure><img src="/files/qDUhJGeqHR6BRmPUwrFD" alt=""><figcaption></figcaption></figure></div>

* Add the template to your workspace

<div align="left"><figure><img src="/files/tHdb0WH555VdWqLj0FQJ" alt="" width="290"><figcaption></figcaption></figure></div>

### Ensure GTM installation

* If it is not already added, ensure that the GTM code is installed by clicking on your GTM Container ID and following the installation instructions.<br>

  <div align="left"><figure><img src="/files/EmIl4V2EvIBOUr1JqyOp" alt="" width="375"><figcaption></figcaption></figure></div>

### Configure Freshpaint Tags in GTM

#### Initial Freshpaint Snippet

* Add the Freshpaint script as a tag in GTM. In your GTM tag setup, select **Custom HTML** tag type, then copy the snippet for the "Web" configuration on the dashboard [sources](https://app.freshpaint.io/sources) page.

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

{% hint style="info" %}
It's important to set this trigger to fire on "**Initialization**" - this ensures that the Freshpaint tag is loaded before any other events occur. Any **addEventProperties** tag types also need to be set up on **Initialization.**
{% endhint %}

#### Additional Events Example

* All other events can be triggered by their relevant event type (Page View, Click, etc...)
* Test out a simple button click event by adding a new tag, selecting the Freshpaint Tag Configuration, and choosing the desired event type or creating a new one.

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

### Preview and Publish Changes

* Test out your configuration by selecting the "Preview" button and typing in a URL where the GTM is installed.
* The web page will open in a preview container, and when the event is successfully sent, it will show up in the GTM window.

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