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

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

### 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. Untuk membuat tombol **'Quick Reply'**, klik dropdown **'Buttons'** dan pilih **'Quick Reply'**, lalu tentukan ketikan teks yang ingin ditampilkan.

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

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

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

**Penjelasan Komponen:** | 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.** * Ketika Anda menginginkan pelanggan menuju ke halaman tertentu berdasarkan data pelanggan, maka Anda dapat menggunakan URL Type **Dynamic**.

### 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'**.

Ketika tombol **'Call'** sudah ditambahkan, Anda akan melihat seperti berikut.

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

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

Untuk mengurutkan action, Anda dapat mengklik icon (![](https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FQrVzsiC4MAXp1nGp57SB%2FScreenshot_26-2-2025_171131_devops.3dolphins.ai.jpeg?alt=media\&token=b59423ed-4f1a-45b7-afff-e89ac9bc8b85))atau (![](https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2F54f4iXzEAksfKVLQwwc8%2FScreenshot_26-2-2025_171125_devops.3dolphins.ai.jpeg?alt=media\&token=75a086c0-7fb1-4c60-aac2-4995524242b6)) dan juga dapat mengurutkan type dalam 1 action dengan menggeserkan icon (![](https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FhuIK6jr2FKgndehZ97CK%2FScreenshot_26-2-2025_171440_devops.3dolphins.ai.jpeg?alt=media\&token=9becf20f-fba5-4418-98f0-7b717f3193e9)).

Ketika Anda merasa perlu untuk menghapus action, Anda dapat mengklik icon (![](https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FryROdwJeVNafH167YcOy%2FScreenshot_26-2-2025_123019_devops.3dolphins.ai.jpeg?alt=media\&token=b9493819-5239-43f9-8f9f-f15e818ea6a9) ) untuk menghapus action atau mengklik icon ( ![](https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FFe901oYpJM51ZcpImSSA%2FScreenshot_26-2-2025_123128_devops.3dolphins.ai.jpeg?alt=media\&token=27c7443d-5226-44fa-9816-150791e3caf7) ) untuk menghapus type of action.

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

Untuk menyimpan template yang sudah dibuat, Anda dapat mengklik tombol **'Submit'**.

Anda akan melihat notifikasi sukses ketika template sudah berhasil di simpan sebagai berikut.