> 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/marketing-template/standard-message/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/H6uLFt5HCClrweDLbLKs" 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>