# Buttons Template

This feature allows you to add an action button for customers to click when they receive the message. There are several button options available, namely **Quick Reply** and three **Call To Action** (CTA) buttons, i.e. **Website**, **Call** , and **Copy Offer Code**. &#x20;

The following are the terms for each CTA button:

| Category        | Limitation                                                                                                                      |
| --------------- | ------------------------------------------------------------------------------------------------------------------------------- |
| Number          | The maximum number of buttons that can be used is 10 buttons.                                                                   |
| Quick Reply     | The maximum number of buttons for **'Quick Reply'** is 10 buttons (if only **'Quick Reply'** buttons are used).                 |
| Call            | The maximum number of buttons for **'Call'** is 1 button.                                                                       |
| Website/URL     | For the **'Website/URL'** button, the maximum number of buttons that can be used is 2 buttons (**'Static'** and **'Dynamic'**). |
| Copy Offer Code | The maximum number of buttons that can be used for **'Copy Offer Code'** is 1 button.                                           |

For example, if you want to create **6 Quick Reply buttons**, the remaining **'Call To Action' (CTA)** buttons that can be created are **4 buttons**, consisting of **1 'Call' button, 1 'Copy Offer Code' button,** and **2 'Website' buttons**. This is because the maximum number of buttons that can be created is **10 buttons.**&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FXHBzgCLUKRbYuM7oBA0L%2Fimage.png?alt=media&#x26;token=511de968-9f5e-4922-9bc3-b672fa855c4a" alt=""><figcaption><p>Maximum Buttons</p></figcaption></figure>

If you want to use multiple actions, there are several grouping requirements as follows.

| Category         | Limitations                                                                                    |
| ---------------- | ---------------------------------------------------------------------------------------------- |
| Valid Grouping   | Valid only when the **'Quick Reply'** button is followed by another **'Quick Reply'** buttons. |
|                  | Valid if **'Quick Reply'** button is followed by **'Call To Action' (CTA)** buttons.           |
|                  | Valid if **'Call To Action' (CTA)** button is followed by **'Quick Reply'** buttons.           |
| Invalid Grouping | Invalid if **'Call To Action' (CTA)** button is placed between **'Quick Reply'** buttons.      |
|                  | Invalid if **'Quick Reply'** button is placed between **'Call To Action' (CTA)** buttons.      |

If you want to create **Quick Reply** button, it will be valid only if accompanied by **'Call to Action' (CTA)** button, such as a **'Website'** button and a **'Call'** button.

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FB6Hs5iTtSFE3rAQn2ynB%2Fimage.png?alt=media&#x26;token=18b08df1-c2c1-4286-b97c-22d213242731" alt=""><figcaption><p>Maximum Buttons</p></figcaption></figure>

### Quick Reply

When you want customers to respond quickly without manually typing, you can use the '**Quick Reply'** feature. With this feature, customers simply click the provided button to select the appropriate response.

To create **'Quick Reply'** button, click the **'Buttons'** dropdown and select **'Quick Reply'**, then enter the text you want to display.

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FHXvKTtu961A1WSDxgOHz%2Fimage.png?alt=media&#x26;token=eb368154-a4fa-483b-807e-d8ed3a72cf3c" alt=""><figcaption><p> Quick Reply Buttons</p></figcaption></figure>

You will see a box to add a **'Quick Reply'** action button, as shown in the image below.&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FYg02LFUFmZG95CTOsFi6%2Fimage.png?alt=media&#x26;token=56ef7432-fd6b-4aa9-98a8-cf703b860b54" alt=""><figcaption><p>Set Quick Reply Buttons</p></figcaption></figure>

**Component Explanation:**&#x20;

| Name        | Description                                                                                                             |
| ----------- | ----------------------------------------------------------------------------------------------------------------------- |
| Type        | In **'Quick Reply'**, there is only the custom type, which is designed to fill the field according to your preferences. |
| Button text | Used to set the text label on the **'Quick Reply'** button sent to customers.                                           |

### Website/URL

When you want to direct customers to a website after clicking a button, you can use the **'Website/URL'** button feature. To create website button, click the **'Buttons'** dropdown, select **'Website'**, then enter the text you want to display.&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FedUoY4OuHLbqhzCXJwP0%2Fimage.png?alt=media&#x26;token=a52015c5-4d71-474f-bfd3-2cbdde19e434" alt=""><figcaption><p>Website/URL Buttons</p></figcaption></figure>

Once the **'Website/URL'** button has been added, you will see a box like the one below.

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FJX69Sy4z9aQvnrMPuX5V%2Fimage.png?alt=media&#x26;token=2a7ba2eb-aa2f-4ccc-8def-0aef440c35b5" alt=""><figcaption><p>Set Website/URL Buttons</p></figcaption></figure>

**Component Explanation:**

| Name           | Description                                                                                     |
| -------------- | ----------------------------------------------------------------------------------------------- |
| Type of Action | You can choose one of the three button options, i.e. **Website, Call,** or **Copy Offer Code.** |
| Button text    | The text that will be displayed on the button.                                                  |
| URL Type       | There are 2 types of **URL Type** button, i.e. **Static** and **Dynamic.**                      |
| URL Example    | To test the URL where the end of the URL is filled with actual data.                            |

You can change the **URL Type** to **Static** or **Dynamic** based on your needs.

* If you want all customers to be directed to the same page, use the **Static** URL Type.
* If you want customers to be directed to a specific page based on their data, use the **Dynamic** URL Type.

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2F8rndsfoUrNMqmkWxe78X%2Fimage.png?alt=media&#x26;token=40297b66-3c56-4549-9663-bcbb02a4da2f" alt=""><figcaption><p>Website/URL Button Type</p></figcaption></figure>

### Call

When you want customers to directly contact a specific number, you can use the **'Call'** button feature. To create action **'Call'** button, click the **'Buttons'** dropdown and click **'Call'**.&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FmJgLfUlmH88n0l9lRpQE%2Fimage.png?alt=media&#x26;token=0d656b71-67e9-480c-bc06-cbbe275c71ff" alt=""><figcaption><p>Call Button</p></figcaption></figure>

When the **'Call'** button has been added, you will see something like this.&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2Fh3piRDN06syWE9vkXmqJ%2Fimage.png?alt=media&#x26;token=64c380d8-3663-4122-b31b-2a613113d59c" alt=""><figcaption><p>Set Call Buttons</p></figcaption></figure>

**Component Explanation:**

| Name           | Description                                                                                           |
| -------------- | ----------------------------------------------------------------------------------------------------- |
| Type of Action | You can choose one of the three button options, i.e. **'Website', 'Call',** or **'Copy Offer Code'.** |
| Button text    | The text that will be displayed on the button.                                                        |
| Phone Number   | You can enter the phone number that customers can contact when they press the **'Call'** button.      |

### Copy Offer Code

When you want customers to easily copy and use a promo code or available offer, you can use the **'Copy Offer Code'** feature. With this feature, customers can simply click the button without having to manually retype the code. To create a **'Copy Offer Code'** button, click the **'Buttons**' dropdown and select **'Copy Offer Code'.**

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FxuhRb1x8QNRouclOVCK2%2Fimage.png?alt=media&#x26;token=b609bb70-757a-4b2c-bc67-a59b83b9b107" alt=""><figcaption><p>Copy Offer Code Button</p></figcaption></figure>

Once the **'Copy Offer Code'** button has been added, a box like the one below will appear.

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FuqzktoEum0KUVURGAj3j%2Fimage.png?alt=media&#x26;token=ea91b841-3549-4334-a48e-e660cfa56a7d" alt=""><figcaption><p>Set Copy Offer Code Buttons</p></figcaption></figure>

**Component Explanation:**

| Name           | Description                                                                                           |
| -------------- | ----------------------------------------------------------------------------------------------------- |
| Type of Action | You can choose one of the three button options, i.e. **'Website', 'Call',** or **'Copy Offer Code'.** |
| Button text    | The text that will be displayed on the button.                                                        |
| Offer Code     | A promo or discount code that you can enter so customers can copy the code.                           |

When you feel the need to change or modify an action, you can click the '**Type Of Action'** dropdown, as shown in the following image.&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2F6YmkvLmVtYAt2T2jeSKd%2Fimage.png?alt=media&#x26;token=79da19d0-aed2-47df-9810-e8db4cfeb4a4" alt=""><figcaption><p>Change Action Button</p></figcaption></figure>

To reorder actions, you can click the **icon (** ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FYK685KI26WaLKEsWgkp9%2FScreenshot_26-2-2025_171131_devops.3dolphins.ai.jpeg?alt=media\&token=f8e27219-6311-4f06-9902-aef25f0d96ef) ) or ( ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2F14HT21MAyODpxtlxmQPP%2FScreenshot_26-2-2025_171125_devops.3dolphins.ai.jpeg?alt=media\&token=50898169-f745-4b62-bb8e-d14e7c570f86)). You can also reorder types within an action by dragging the icon ( <img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2F8LGMjogiHTbd5uDZFmUx%2FScreenshot_26-2-2025_171440_devops.3dolphins.ai.jpeg?alt=media&#x26;token=21e009d4-fc1f-432f-8f29-c2094ec54ce4" alt="" data-size="line">).&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FBvOewyEnBcjnZKljQNAn%2Fimage.png?alt=media&#x26;token=514fc573-07cf-4572-adb5-fcdab36059eb" alt=""><figcaption><p>Change Order Action Buttons</p></figcaption></figure>

When you feel the need to delete an action, you can click the icon ( ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2F8pTiQIz96RZhSNXjlfzB%2FScreenshot_26-2-2025_123019_devops.3dolphins.ai.jpeg?alt=media\&token=d9923c7b-e2fe-4b8b-b66b-5e6c27a8ae6b)) to delete the action or click the icon (![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FkyIzRWOtGxpFGLMlG4aV%2FScreenshot_26-2-2025_123128_devops.3dolphins.ai.jpeg?alt=media\&token=885f05a2-8377-4f95-b653-e43e573bb2cb) ) to delete the type of action.

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FgKkSGmxtCfn2Qc2vWfzR%2Fimage.png?alt=media&#x26;token=88cbbcd3-952b-478b-8843-6c7ecda0f780" alt=""><figcaption><p>Delete Action</p></figcaption></figure>

To view all the buttons that have been created, check the **Template Preview** section and click the **'Play'** button, as shown in the following image.

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FSdq0vxFylLh5CXjXUxGY%2Fimage.png?alt=media&#x26;token=534bd1ae-08d6-4983-aceb-499ff119a4ae" alt=""><figcaption><p>Template Preview</p></figcaption></figure>

To save the created template, and click the **'Submit**' button.&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FL83apHALsrQ3my4ivacl%2FScreenshot_8-3-2025_74020_venom.3dolphins.ai.jpeg?alt=media&#x26;token=c67f71a8-56e2-479b-b202-614daa2f2a47" alt=""><figcaption><p>Save Template</p></figcaption></figure>

You will success notification once the template has been successfully saved, as follows.&#x20;

<figure><img src="https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FFKQ6QYMzPmuj7yTDZCJZ%2Fimage.png?alt=media&#x26;token=a6142e09-e495-4aa5-b704-409e1c93bdab" alt=""><figcaption><p>Success Notification</p></figcaption></figure>
