# How to add Buttons in WhatsApp Templates?

There are 2 types of WhatsApp Template Buttons: CTA and QuickReply.ai&#x20;

## Website CTA Button

Clicking the "**Website**" CTA button redirects users to a specific landing page or URL.

When you add the Website CTA Button, you are asked to type in the **`Website`` ``Button Text`** that the user sees.

<figure><img src="https://docs.quickreply.ai/~gitbook/image?url=https%3A%2F%2F1325107618-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FePPO97Ju334NhhCzTEZP%252Fuploads%252Fi1hq2y1pGyrakLruA2nQ%252Fimage.png%3Falt%3Dmedia%26token%3Dfcb88d06-aa94-4e8b-b50f-957b7fb6517b&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=3bf9926&#x26;sv=2" alt=""><figcaption></figcaption></figure>

### **Link Tracking**

{% hint style="info" %}
By default, QuickReply tracks each and every link link on an individualised basis. Hence the **`Link Tracking`** is enabled by default. We highly recommend not to disable this as it results in tracking of link clicks and impact optimisations for future.&#x20;
{% endhint %}

* **Link Tracking - ON (recommended)**
  * In this type, we track all link clicks that the user does when the template is used in a broadcast/campaign.
  * The URL for the button is to be provided while sending the template to the user. Its not needed while we are applying for the template.
* **Link Tracking - OFF**
  * If you plan to switch off the Link Tracking, you have to choose the **`URL Type`**.
    * Types of URL Types - Static / Dynamic

{% tabs %}
{% tab title="Static URL" %}
If you plan to use the same static URL for each user, you can choose this option. Remember to add UTM Parameters in the Static Links if you choose this option.&#x20;

<figure><img src="https://docs.quickreply.ai/~gitbook/image?url=https%3A%2F%2F1325107618-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FePPO97Ju334NhhCzTEZP%252Fuploads%252FPPwyzIrQvZY8Tw4a2iaL%252Fimage.png%3Falt%3Dmedia%26token%3Dcccc4156-462c-488b-b143-52678c210df8&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=5ad5eb53&#x26;sv=2" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Dynamic URL" %}
If you plan to use the dynamic URLs for each user, you can choose this option. In this prefix gets fixed, but you can choose to have dynamic suffix for each URL.\
\
For example

* If you get the template approved with a Dynamic URL like <https://www.quickreply.ai/>
* You can use any URL starting with the approved prefix, such as:
  * <https://www.quickreply.ai/whatsapp-templates>
  * <https://www.quickreply.ai/case-studies>
  * <https://www.quickreply.ai/blog>

<figure><img src="https://1325107618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FePPO97Ju334NhhCzTEZP%2Fuploads%2FaWpLN6MTJXbvB9aYXKs4%2Fimage.png?alt=media&#x26;token=f88d7980-2730-49d6-b359-a1ab8d4bed93" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Call CTA Button

When the "**Call**" button is clicked, it triggers a phone call action on the user's smartphone dialer. To add this, just add the button, add the **`Call button text`** and add the destination phone number.&#x20;

<figure><img src="https://docs.quickreply.ai/~gitbook/image?url=https%3A%2F%2F1325107618-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FePPO97Ju334NhhCzTEZP%252Fuploads%252FF21iTu34wEOO97Jbnq30%252Fimage.png%3Falt%3Dmedia%26token%3Dc90337d8-2da7-4954-8923-89649f6463e3&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=77b2b943&#x26;sv=2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The phone number cannot be dynamic
{% endhint %}

## QuickReply Button

When you wish to give pre-defined responses to user, you can choose this button. Usually, these are used along with chatbots to provide an automated and interactive engagement. \
To add this button, just add in template and define the Button Text.

&#x20;

<figure><img src="https://1325107618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FePPO97Ju334NhhCzTEZP%2Fuploads%2Fn0LmX1ytURzoCMVpxzfY%2Fimage.png?alt=media&#x26;token=e14b3638-fd3f-4816-b949-f5029d49f517" alt="" width="375"><figcaption></figcaption></figure>
