> 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:

<table><thead><tr><th width="207">Kategori</th><th>Batasan</th></tr></thead><tbody><tr><td>Jumlah</td><td>Maksimal jumlah tombol yang dapat digunakan yaitu sebanyak 10 tombol.</td></tr><tr><td>Quick Reply</td><td>Maksimal jumlah tombol untuk <strong>'Quick Reply'</strong> yaitu sebanyak 10 tombol (jika hanya tombol <strong>'Quick Reply'</strong> saja yang digunakan).</td></tr><tr><td>Call</td><td>Maksimal jumlah tombol untuk <strong>'Call'</strong> yaitu 1 tombol. </td></tr><tr><td>Website/URL</td><td>Untuk button <strong>'Wesbite/URL'</strong>, maksimal tombol yang dapat digunakan yaitu 2 tombol ( <strong>'Static'</strong> dan <strong>'Dynamic'</strong> ).</td></tr><tr><td>Copy Offer Code </td><td>Maksimal jumlah tombol yang dapat digunakan untuk <strong>'Copy Offer Code'</strong> yaitu 1 tombol.</td></tr></tbody></table>

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

<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.

<table><thead><tr><th width="236.16668701171875">Kategori</th><th>Batasan</th></tr></thead><tbody><tr><td>Pengelompokkan Valid</td><td>Valid jika tombol <strong>'Quick Reply'</strong> diikuti dengan tombol <strong>'Quick Reply'</strong> lainnya.</td></tr><tr><td></td><td>Valid jika tombol <strong>'Quick Reply'</strong> diikuti dengan tombol <strong>'Call To Action' (CTA)</strong>.</td></tr><tr><td></td><td>Valid jika tombol <strong>'Call To Action' (CTA)</strong> diikuti dengan tombol <strong>'Quick Reply' .</strong></td></tr><tr><td>Pengelompokkan Invalid</td><td>Jika tombol <strong>'Call To Action' (CTA)</strong> berada diantara tombol <strong>'Quick Reply'</strong> .</td></tr><tr><td></td><td>Jika tombol <strong>'Quick Reply'</strong> berada diantara tombol <strong>'Call To Action' (CTA).</strong></td></tr></tbody></table>

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:**

<table><thead><tr><th width="173.66668701171875">Nama </th><th>Deskripsi </th></tr></thead><tbody><tr><td>Type </td><td>Di dalam <strong>'Quick Reply'</strong> hanya terdapat tipe custom yang diperuntukkan untuk mengisi field diatur sesuai dengan keinginan Anda.</td></tr><tr><td>Button text</td><td>Inputan tulisan yang akan ditampilkan kepada pelanggan</td></tr></tbody></table>

{% hint style="info" %}
Perlu diperhatikan data payload yang akan dikirimkan wajib didefinisikan pada file xls/csv di template [recipient](/5.3.0-id/marketing/notification/create-notification/account-and-recipients.md#upload-from-csv) pada tahap **account & recipient**
{% endhint %}

### 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;

<table><thead><tr><th width="206.16668701171875">Nama</th><th>Deskripsi</th></tr></thead><tbody><tr><td>Type of Action</td><td>Menunjukkan tipe button <strong>Call to Action (CTA)</strong> yang Anda dipilih</td></tr><tr><td>Button text </td><td>Teks yang tampil pada tombol di pesan broadcast.</td></tr><tr><td>URL Type</td><td><p>Terdapat 2 tipe dari tombol <strong>URL Type</strong> yaitu <strong>Static</strong> dan <strong>Dynamic.</strong><br><br><strong>Catatan:</strong></p><ul><li><strong>Static</strong> = mengarahkan ke satu tujuan website</li><li><strong>Dynamic</strong> = mengarahkan ke beberapa tujuan website yang berbeda</li></ul></td></tr><tr><td>URL Example</td><td>Untuk melakukan pengujian URL dimana akhir dari URL tersebut diisi dengan data aktual.</td></tr></tbody></table>

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

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

**Penjelasan Komponen:**

<table><thead><tr><th width="166.16668701171875">Nama</th><th>Deskripsi</th></tr></thead><tbody><tr><td>Static</td><td>Ketika Anda menginginkan semua pelanggan dapat menuju ke halaman yang sama</td></tr><tr><td>Dynamic</td><td><p>Ketika Anda menginginkan pelanggan menuju ke halaman tertentu berdasarkan data pelanggan</p><p></p><p><strong>Catatan:</strong></p><p>Link wajib didefinisikan di file <strong>xls/csv</strong> pada tahap <strong>account &#x26; recipient</strong> halaman <a href="/pages/-MUCrDBxdUMLsElqUXAH#upload-from-csv">notification</a>. </p></td></tr></tbody></table>

### 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;

<table><thead><tr><th width="199.5">Nama</th><th>Deskripsi</th></tr></thead><tbody><tr><td>Type of Action</td><td>Menunjukkan tipe button <strong>Call to Action (CTA)</strong> yang Anda dipilih</td></tr><tr><td>Button text</td><td>Teks yang akan ditampilkan pada tombol.</td></tr><tr><td>Phone Number</td><td>Anda dapat memasukkan nomor yang dapat pelanggan hubungi ketika menekan tombol <strong>'Call'</strong>.</td></tr></tbody></table>

### 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:**

<table><thead><tr><th width="187">Nama</th><th>Deskripsi</th></tr></thead><tbody><tr><td>Type of Action</td><td>Menunjukkan tipe button <strong>Call to Action (CTA)</strong> yang Anda dipilih</td></tr><tr><td>Button text</td><td>Teks yang akan ditampilkan pada tombol.</td></tr><tr><td>Offer Code </td><td>Kode promo atau diskon yang dapat Anda masukkan sehingga pelanggan dapat menyalin kode tersebut.</td></tr></tbody></table>

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>