Membuat Header dan Tombol Dinamis di Template WhatsApp
Buat header dan tombol URL yang isinya berbeda untuk tiap penerima broadcast WhatsApp, termasuk gambar, video, atau dokumen header khusus per penerima.
Header dan tombol dinamis membuat satu template broadcast menghasilkan pesan yang berbeda untuk tiap penerima. Judul header, tautan tombol, bahkan gambar atau dokumen di header bisa disesuaikan dengan data masing-masing pelanggan. Panduan ini menjelaskan cara menyiapkannya di template, mengatur isinya di menu Variabel, dan memasang file header per penerima saat mengirim broadcast.
Kapan memakai header dan tombol dinamis?
- Header teks dinamis: judul pesan memuat data penerima, misalnya "Promo untuk PT Maju Jaya" atau "Tagihan INV-0912".
- Header media per penerima: tiap penerima mendapat file sendiri, misalnya invoice PDF, e-tiket, atau sertifikat atas namanya.
- Tombol URL dinamis: tautan tombol berakhiran kode milik penerima, misalnya https://tokoanda.com/lacak/{{1}} untuk melacak pesanan masing-masing.
Untuk data di isi pesan ({{1}}, {{2}} di Isi Pesan (Body)), lihat bagian Variabel di isi pesan di akhir artikel.
Hasilnya seperti apa?
Template memuat header teks dengan variabel (1) dan tombol yang tautannya diisi per penerima (2). Saat broadcast dikirim, {{1}} diganti data milik penerima.
Gambar 1: Header bervariabel (1) dan tombol URL dinamis (2) di Pratinjau WhatsApp
Sebelum memulai
- Akun WhatsApp API sudah terhubung ke BarantumChat.
- Anda bisa membuka BarantumChat > Broadcast. Cara membuka form template ada di Membuat template broadcast WhatsApp di BarantumChat.
- Header dan tombol hanya bisa diubah sebelum template diajukan ke Meta. Template yang sudah disetujui diubah lewat Mengedit template broadcast WhatsApp.
- Untuk header media per penerima, siapkan file tiap penerima. Beri nama file yang memuat kode dari kolom Excel penerima (mis. nomor dokumen) atau nomor WhatsApp-nya, supaya bisa dipasang otomatis.
Membuat header dan tombol dinamis di template
- Buka BarantumChat > Broadcast > tab Template, lalu buka form Buat Template dan isi nama, kategori, serta bahasa template.
- Di bagian Header, pilih Teks (2a), tulis judul header (maksimal 60 karakter), lalu klik tombol {{1}} (2b) untuk menyisipkan variabel. Header teks hanya bisa memuat satu variabel, yaitu {{1}}.
Langkah 2: Header Teks dan tombol sisip {{1}}
- Tulis Isi Pesan (Body). Klik Variabel untuk menambahkan {{1}}, {{2}}, dan seterusnya bila isi pesan juga memuat data penerima.
- Di Tombol Interaktif, klik Tambah Tombol > Kunjungi Website. Isi teks tombol (maksimal 25 karakter), pilih Dinamis {{1}} (4a), lalu tulis URL dengan {{1}} di bagian paling akhir (4b), misalnya https://tokoanda.com/lacak/{{1}}.
Langkah 4: Tombol Kunjungi Website dengan URL Dinamis
- Periksa Pratinjau WhatsApp di sisi kanan (lihat Gambar 1), lalu ajukan template ke Meta seperti biasa.
Isian yang membuat template menjadi dinamis:
Isian | Yang diisi | Aturan |
Header > Teks | Judul + {{1}} | Maks. 60 karakter, hanya satu variabel |
Header > Gambar / Video / Dokumen | File contoh untuk ditinjau Meta | File per penerima dipasang saat mengirim broadcast (lihat bagian di bawah) |
Kunjungi Website > Dinamis {{1}} | URL berakhiran {{1}} | Hanya satu variabel dan wajib di akhir URL |
Variasi
- Header media, bukan teks. Pilih Gambar, Video, atau Dokumen, lalu unggah file contoh sampai berstatus Terunggah. File yang benar-benar dikirim ke tiap penerima dipilih saat membuat broadcast. Untuk gambar, rasio yang disarankan:
| Rasio | Ukuran umum | Cocok untuk |
| --- | --- | --- |
| 1.91:1 (landscape) | 1200 × 628 px | Pengumuman resmi, pengingat, banner |
| 1:1 (kotak) | 1080 × 1080 px | Promo langsung seperti flash sale; paling aman dari terpotong |
| 4:5 (portrait) | 1080 × 1350 px | Peluncuran produk atau edukasi; cek pratinjau karena bisa terpotong |
Catatan: Tips di form menyarankan rasio 1.91:1 atau 1:1. Rasio 4:5 adalah rekomendasi desain tim Barantum, bukan aturan Meta.
- Tombol URL statis dan dinamis dalam satu template. Satu template boleh memuat maksimal 2 tombol Kunjungi Website. Masing-masing bisa Statis atau Dinamis {{1}}.
- Tombol Live Chat. Tombol Live Chat sudah otomatis membuat tautan per penerima, tetapi belum bisa digabung dengan tombol URL dinamis lain di template yang sama.
Mengatur isi variabel header dan tombol
Isi {{1}} di header teks dan di URL tombol diatur di menu Variabel, bersama variabel pertama isi pesan.
- Buka BarantumChat > Broadcast > Variabel, lalu klik + Variabel. Jendela Tambah Variabel terbuka.
- Isi variabel pertama: Nama Variabel (2a), Pilih Jenis Field (2b), lalu Pilih Field Modul dan Nilai Variabel (2c), misalnya field Nama Depan dari modul Kontak.
Langkah 2: Isian variabel pertama di jendela Tambah Variabel
- Gulir ke Pengaturan Tambahan (Opsional). Aktifkan Gunakan Variabel di Header (Hanya Untuk Variabel Pertama) (3a), lalu isi field yang muncul (3b).
Langkah 3: Variabel di Header pada jendela Tambah Variabel
- Aktifkan Gunakan Variabel di Button (Hanya Untuk Variabel Pertama) (4a), lalu isi field yang muncul (4b), misalnya nomor pesanan yang menjadi akhir URL tombol.
Langkah 4: Variabel di Button pada jendela Tambah Variabel
- Klik Simpan.
Isian (header / button) | Pilihan | Keterangan |
Nama Variabel | Bebas | Nama untuk mengenali variabel |
Pilih Jenis Field | Header: Teks, Tanggal Waktu, Fields Barantum. Button: Teks, Fields Barantum | Teks = nilai sama untuk semua penerima; Fields Barantum = diambil dari data CRM tiap penerima |
Pilih Field Modul | Kontak, Leads (bila diaktifkan), Tiket | Muncul untuk Fields Barantum |
Nilai Variabel | Field dari modul terpilih, atau teks/tanggal | Isi yang menggantikan {{1}} |
Tips: Pengaturan header dan button hanya tersedia untuk variabel pertama ({{1}}). Untuk mengubahnya nanti, klik ikon pensil pada variabel {{1}} di daftar Variabel.
Memasang header media berbeda untuk tiap penerima
Langkah ini dilakukan saat membuat broadcast dengan template ber-header Gambar, Video, atau Dokumen.
- Buat broadcast baru, pilih akun pengirim, daftar penerima di Kepada, dan template ber-header media. Lihat Mengirim broadcast WhatsApp: kirim sekarang atau jadwalkan.
- Di panel Isi pesan, klik Header · Gambar (2a), lalu pilih Beda untuk tiap penerima (2b).
Langkah 2: Pilihan Beda untuk tiap penerima di header media
- Jendela Gambar per penerima terbuka. Klik Unggah banyak gambar (3a) untuk memilih banyak file sekaligus, atau klik Unggah (3b) di baris penerima untuk memasang satu per satu.
- Di Penerima tanpa gambar (4), pilih Tahan, campaign belum bisa dikirim atau Lewati, tidak dikirimi pesan.
Langkah 3–4: Jendela Gambar per penerima
- Klik Simpan (tombolnya menampilkan jumlah file terpasang, mis. Simpan · 250/250 gambar), lalu lanjutkan menjadwalkan atau mengirim broadcast.
File dipasang otomatis ke penerimanya bila nama file memuat kode dari kolom Excel penerima (mis. nomor dokumen) atau nomor WhatsApp-nya, atau sama persis dengan nama penerima. Huruf besar/kecil, spasi, tanda hubung, dan garis bawah diabaikan. File yang cocok ke lebih dari satu penerima tidak dipasang otomatis; pasang manual di barisnya.
Jenis header | Format | Ukuran maks. per file |
Gambar | JPEG | 5 MB |
Video | MP4 | 5 MB |
Dokumen | 5 MB |
Variasi
- Semua penerima mendapat file yang sama. Pilih Sama untuk semua penerima, lalu klik Ganti gambar untuk semua untuk mengganti file bawaan template.
- Daftar penerima terlalu besar. File per penerima hanya bisa untuk daftar berisi maksimal 1.000 penerima (bawaan sistem). Pecah daftar penerima menjadi beberapa daftar.
Memastikan berhasil
- Di form template, Pratinjau WhatsApp menampilkan {{1}} di header dan tombol URL dinamis (Gambar 1).
- Di form broadcast, item Header · Gambar menunjukkan Per penerima · N/N siap (1) dan pita Gambar per penerima di gelembung pesan menunjukkan jumlah yang sama (2). Jumlah siap harus sama dengan jumlah penerima, kecuali Anda memilih Lewati.
Gambar 2: Status file per penerima di Isi pesan (1) dan di gelembung pesan (2)
- Kirim broadcast uji ke daftar berisi nomor tim Anda sendiri. Di HP, pastikan header memuat data penerima, file header sesuai orangnya, dan tombol membuka tautan dengan kode yang benar.
Setelah ini apa?
- Jadwalkan atau kirim broadcast, lalu pantau status per penerima. Lihat Mengirim broadcast WhatsApp: kirim sekarang atau jadwalkan.
- Pakai ulang template ini untuk broadcast berikutnya; cukup ganti daftar penerima dan file per penerima.
Jika tidak sesuai
Masalah | Penyebab | Cara memperbaiki |
Muncul "Variabel harus berada di akhir URL, dan hanya boleh satu." | {{1}} ada di tengah URL atau lebih dari satu | Pindahkan satu {{1}} ke akhir URL, mis. https://tokoanda.com/lacak/{{1}} |
Muncul "Tombol Live Chat belum bisa digabung dengan tombol URL dinamis lain pada template yang sama." | Template memuat tombol Live Chat dan URL dinamis | Ubah URL menjadi Statis atau hapus salah satu tombol |
Tombol {{1}} header tidak menambah variabel | Judul header sudah memuat {{1}} | Header teks hanya mendukung satu variabel |
Pengaturan Tambahan (Opsional) tidak muncul | Variabel yang diubah bukan variabel pertama {{1}} | Buka variabel {{1}} lewat ikon pensil |
Pilihan Beda untuk tiap penerima tidak bisa dipilih | Daftar penerima melebihi batas, atau belum memilih daftar penerima | Pilih daftar penerima, atau pecah daftar menjadi maks. 1.000 penerima |
Muncul "N penerima belum punya gambar…" | Sebagian penerima belum mendapat file | Unggah file yang kurang, atau pilih Lewati |
File ditandai Ditolak | Format tidak sesuai atau file lebih dari 5 MB | Ubah format/perkecil file, lalu klik Unggah ulang |
Header atau tombol tampil kosong di pesan | Field CRM penerima kosong | Lengkapi data penerima di modul Kontak, Leads, atau Tiket |
Variabel di isi pesan
Variabel {{1}}, {{2}} di Isi Pesan (Body) ditambahkan lewat tombol Variabel dan diisi saat membuat broadcast di Isi variabel dari > Data CRM atau Kolom Excel. Tulis variabel berurutan, jangan di awal atau akhir pesan, dan sebanding dengan panjang pesan. Langkah lengkapnya ada di Membuat template broadcast WhatsApp di BarantumChat dan Membuat daftar penerima broadcast WhatsApp.
Masih bermasalah? Hubungi kami lewat live chat di pojok kanan bawah support.barantum.com atau email support@barantum.com.