# 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.&#x20;

<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...)&#x20;
* 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.&#x20;

  <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.&#x20;
* The web page will open in a preview container, and when the event is successfully sent, it will show up in the GTM window.&#x20;

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


---

# 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://documentation.freshpaint.io/integrations/google-tag-manager-integration/quick-start-guide.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.