> For the complete documentation index, see [llms.txt](https://docs.3dolphins.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.3dolphins.ai/5.3.0-id/marketing/template/request-template/utility-template/buttons-template.md).

# Buttons Template

Fitur ini memungkinkan Anda untuk menambahkan tombol action untuk nantinya tombol action tersebut dapat di klik oleh pelanggan yang menerima pesan tersebut. Terdapat beberapa tombol yang tersedia yaitu **Quick Reply** dan 3 button **Call To Action** (CTA) yaitu **Website**, **Call** dan **Copy Offer Code**. 

Berikut ketentuan dari masing-masing tombol CTA sebagai berikut:

| Kategori        | Batasan                                                                                                                            |
| --------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| Jumlah          | Maksimal jumlah tombol yang dapat digunakan yaitu sebanyak 10 tombol.                                                              |
| Quick Reply     | Maksimal jumlah tombol untuk **'Quick Reply'** yaitu sebanyak 10 tombol (jika hanya tombol **'Quick Reply'** saja yang digunakan). |
| Call            | Maksimal jumlah tombol untuk **'Call'** yaitu 1 tombol.                                                                            |
| Website/URL     | Untuk button **'Wesbite/URL'**, maksimal tombol yang dapat digunakan yaitu 2 tombol ( **'Static'** dan **'Dynamic'** ).            |
| Copy Offer Code | Maksimal jumlah tombol yang dapat digunakan untuk **'Copy Offer Code'** yaitu 1 tombol.                                            |

Misalnya, jika Anda ingin membuat **6 tombol Quick Reply**, maka tombol **'Call To Action' (CTA)** yang dapat dibuat tersisa **4 tombol** yang terdiri **1 tombol 'Call'** , **1 tombol 'Copy Offer Code'**, dan **2 tombol 'Website'**. Hal ini dikarenakan jumlah maksimal button yang dapat dibuat adalah **10 tombol**. 

<figure><img src="/files/5kg9XNo8dQafKksFuq1T" alt=""><figcaption><p>Maximum buttons</p></figcaption></figure>

Jika Anda ingin menggunakan beberapa action, terdapat beberapa ketentuan untuk pengelompokkan nya sebagai berikut.

| Kategori               | Batasan                                                                                |
| ---------------------- | -------------------------------------------------------------------------------------- |
| Pengelompokkan Valid   | Valid jika tombol **'Quick Reply'** diikuti dengan tombol **'Quick Reply'** lainnya.   |
|                        | Valid jika tombol **'Quick Reply'** diikuti dengan tombol **'Call To Action' (CTA)**.  |
|                        | Valid jika tombol **'Call To Action' (CTA)** diikuti dengan tombol **'Quick Reply' .** |
| Pengelompokkan Invalid | Jika tombol **'Call To Action' (CTA)** berada diantara tombol **'Quick Reply'** .      |
|                        | Jika tombol **'Quick Reply'** berada diantara tombol **'Call To Action' (CTA).**       |

Misalkan Anda ingin membuat tombol **Quick Reply**, maka tombol tersebut valid jika diiikuti dengan tombol **'Call To Action' (CTA)** seperti tombol **'Website'** dan tombol **'Call'** .&#x20;

<figure><img src="/files/r6wwAII8TJ46YvUOiOdI" alt=""><figcaption><p>Maximum Buttons</p></figcaption></figure>

### Quick Reply

Ketika Anda menginginkan agar pelanggan dapat merespons dengan cepat tanpa perlu mengetik secara manual, Anda dapat menggunakan fitur '**Quick Reply'**. Dengan fitur ini, pelanggan cukup mengklik tombol yang telah disediakan untuk memilih jawaban yang sesuai.&#x20;

Untuk membuat tombol **'Quick Reply'**, klik dropdown **'Buttons'** dan pilih **'Quick Reply'**, lalu tentukan ketikan teks yang ingin ditampilkan.&#x20;

<figure><img src="/files/3CJxwMRQr7tXQIzsOwMA" alt=""><figcaption><p>Quick Reply Buttons</p></figcaption></figure>

Anda akan melihat kotak untuk menambahkan action button dari **'Quick Reply'**, seperti gambar dibawah ini.&#x20;

<figure><img src="/files/F3dBSKqziNuWjyisSY9A" alt=""><figcaption><p>Set Quick Reply Buttons</p></figcaption></figure>

**Penjelasan Komponen:**

| Nama        | Deskripsi                                                                                                                         |
| ----------- | --------------------------------------------------------------------------------------------------------------------------------- |
| Type        | Di dalam **'Quick Reply'** hanya terdapat tipe custom yang diperuntukkan untuk mengisi field diatur sesuai dengan keinginan Anda. |
| Button text | Digunakan untuk mengatur teks label pada button **'Quick Reply'** yang dikirimkan kepada pelanggan.                               |

### Website/URL

Ketika ingin mengarahkan pelanggan ke sebuah situs setelah menekan tombol action, Anda dapat menggunakan fitur **'Website/URL'**. Untuk membuat tombol website, klik dropdown **'Buttons'** dan pilih **'Website'**, lalu tentukan ketikan teks  yang ingin ditampilkan.

<figure><img src="/files/v3KEHwiKxcZC0BZ18l5Z" alt=""><figcaption><p>Website/URL Buttons</p></figcaption></figure>

Saat tombol **'Website/URL'** sudah ditambahkan, Anda akan melihat seperti kotak berikut.

<figure><img src="/files/jc7fNqhG6Nw5DWVQRjnv" alt=""><figcaption><p>Set Website/URL Buttons</p></figcaption></figure>

**Penjelasan Komponen:**&#x20;

| Nama           | Deskripsi                                                                                                   |
| -------------- | ----------------------------------------------------------------------------------------------------------- |
| Type of Action | Anda dapat memilih salah satu dari tiga opsi button yaitu **'Website', 'Call'** atau **'Copy Offer Code'.** |
| Button text    | Teks yang akan ditampilkan pada tombol.                                                                     |
| URL Type       | Terdapat 2 tipe dari tombol **URL Type** yaitu **Static** dan **Dynamic.**                                  |
| URL Example    | Untuk melakukan pengujian URL dimana akhir dari URL tersebut diisi dengan data aktual.                      |

Anda dapat mengubah **URL Type** menjadi Static atau Dynamic sesuai dengan kebutuhan.

* Ketika Anda menginginkan semua pelanggan dapat menuju ke halaman yang sama, maka dapat menggunakan URL Type **Static.**&#x20;
* Ketika Anda menginginkan pelanggan menuju ke halaman tertentu berdasarkan data pelanggan, maka Anda dapat menggunakan URL Type **Dynamic**.&#x20;

<figure><img src="/files/grrVs9AF1e7SLgdrcsRA" alt=""><figcaption><p>Website/URL Button Type</p></figcaption></figure>

### Call

Ketika Anda menginginkan agar pelanggan dapat langsung menghubungi ke nomor yang ada, maka Anda dapat menggunakan fitur tombol **'Call'**. Untuk dapat membuat tombol **'Call'**, klik dropdown **'Buttons'** dan pilih **'Call'**.&#x20;

<figure><img src="/files/0jB2vCst8JsBjPQwh3F5" alt=""><figcaption><p>Call Button</p></figcaption></figure>

Ketika tombol **'Call'** sudah ditambahkan, Anda akan melihat seperti berikut.&#x20;

<figure><img src="/files/LOsaMyINwsipPq6HTf6u" alt=""><figcaption><p>Set Call Buttons</p></figcaption></figure>

**Penjelasan Komponen:**&#x20;

| Nama           | Deskripsi                                                                                                    |
| -------------- | ------------------------------------------------------------------------------------------------------------ |
| Type of Action | Anda dapat memilih salah satu dari tiga opsi button yaitu  **'Website' , 'Call'** dan **'Copy Offer Code'.** |
| Button text    | Teks yang akan ditampilkan pada tombol.                                                                      |
| Phone Number   | Anda dapat memasukkan nomor yang dapat pelanggan hubungi ketika menekan tombol **'Call'**.                   |

### Copy Offer Code

Ketika Anda menginginkan agar pelanggan dapat dengan mudah menyalin dan menggunakan kode promo atau penawaran yang tersedia, Anda dapat menggunakan fitur **'Copy Offer Code'**. Dengan fitur ini, pelanggan cukup mengklik tombol tanpa perlu mengetik ulang kode secara manual. Untuk membuat tombol **'Copy Offer Code'**, klik dropdown **'Buttons**' dan pilih **'Copy Offer Code'.**&#x20;

<figure><img src="/files/bPWLkxfbdGE2BTmCTMj7" alt=""><figcaption><p>Copy Offer Code Button</p></figcaption></figure>

Saat tombol **'Copy Offer Code'** sudah ditambahkan, maka akan muncul seperti kotak berikut.

<figure><img src="/files/2xUdARZisbcH7FhHGHCF" alt=""><figcaption><p>Set Copy Offer Code Buttons</p></figcaption></figure>

**Penjelasan Komponen:**

| Nama           | Deskripsi                                                                                                  |
| -------------- | ---------------------------------------------------------------------------------------------------------- |
| Type of Action | Anda dapat memilih salah satu dari tiga opsi button yaitu **'Website', 'Call'** dan **'Copy Offer Code'.** |
| Button text    | Teks yang akan ditampilkan pada tombol.                                                                    |
| Offer Code     | Kode promo atau diskon yang dapat Anda masukkan sehingga pelanggan dapat menyalin kode tersebut.           |

Ketika Anda merasa perlu untuk mengganti atau mengubah action, Anda dapat mengklik dropdown **'Type Of Action'** seperti gambar berikut.&#x20;

<figure><img src="/files/rZRWITlLhId8I3gjXHmp" alt=""><figcaption><p>Change Action Button</p></figcaption></figure>

Untuk mengurutkan action, Anda dapat mengklik icon (![](/files/uOmcewn3tpKPDmaDbV2Q))atau  (![](/files/d8OhqJwjI9PWblPUhcJa)) dan juga dapat mengurutkan type dalam 1 action dengan menggeserkan icon (![](/files/dq0TXIiAPut5rGjd2obi)).

<figure><img src="/files/yD3Wqfz5fov0EMY4FmZ2" alt=""><figcaption><p>Change Order Action Buttons</p></figcaption></figure>

Ketika Anda merasa perlu untuk menghapus action, Anda dapat mengklik icon (![](/files/C3ifFmANpVBPVqwo8KNe) ) untuk menghapus action atau mengklik icon ( ![](/files/UAoQyMXjBkLypieQx4qo) ) untuk menghapus type of action.&#x20;

<figure><img src="/files/4KLvG5Nmxsa7wuA2YiR9" alt=""><figcaption><p>Delete Action</p></figcaption></figure>

Untuk melihat semua tombol yang telah dibuat, periksa bagian **Template Preview** dan klik tombol **'Play'**, seperti yang ditunjukkan pada gambar berikut.

<figure><img src="/files/NfKQGLxvKnNTaS4tCUtG" alt=""><figcaption><p>Template Preview</p></figcaption></figure>

Untuk menyimpan template yang sudah dibuat, Anda dapat mengklik tombol **'Submit'**.&#x20;

<figure><img src="/files/tU0hs8PXSUfVbSdWG8mn" alt=""><figcaption><p>Save Template </p></figcaption></figure>

Anda akan melihat notifikasi sukses ketika template sudah berhasil di simpan sebagai berikut.&#x20;

<figure><img src="/files/SG9qnFnR2L7Ay3RpkXQG" alt=""><figcaption><p>Success Notification</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.3dolphins.ai/5.3.0-id/marketing/template/request-template/utility-template/buttons-template.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.