Menggunakan Platform WhatsApp Business untuk membuat template ini bisa melancarkan komunikasi Anda dengan klien dan sangat meningkatkan pengalaman pengguna.<\/p>\n\n
Mari kita lihat contohnya. Bisnis perjalanan hipotetis \u2014 Terrific Travel Ltd. \u2014 menawarkan layanan reservasi transportasi, perhotelan, dan kegiatan rekreasi. Karena tersedia secara global, WhatsApp menjadi platform ideal bagi bisnis ini untuk berkomunikasi dengan klien. Meskipun konfirmasi email sangat baik untuk penyimpanan catatan, kemampuan untuk berinteraksi dengan pelanggan dalam percakapan dua arah sangat berharga bagi wisatawan yang sedang bepergian \u2014 dan bukan yang bisa dilakukan SMS tradisional.<\/p>\n\n
Selain itu, template pesan WhatsApp memungkinkan Terrific Travel Ltd. untuk berkomunikasi dengan jumlah detail yang dipersonalisasi secara optimal. Dalam hal ini, pesan sambutan yang disesuaikan, pemberitahuan yang tepat waktu, dan tiket elektronik yang dapat diakses secara instan dapat memberikan ketenangan bagi pelanggan bahwa perjalanan mereka dikelola dengan baik \u2014 sehingga mereka dapat bersantai dan menikmati liburan.<\/p>\n\n
Untuk membuktikan betapa mudahnya memanfaatkan WhatsApp Business API dan template pesan secara maksimal, tutorial praktis ini akan memandu Anda melakukan proses pengelolaan template, termasuk pembuatan, penghapusan, dan penyesuaian.<\/p>\n\n
Mengelola Template Pesan dengan Platform WhatsApp Business<\/h4>\n\nPrasyarat<\/b><\/h6>\n\n
Tutorial ini mengasumsikan Anda memiliki pengetahuan dasar tentang Node.js<\/u><\/a> dan Express.js<\/u><\/a>. Sebelum melanjutkan, harap selesaikan langkah-langkah yang ada di bagian pendahuluan<\/u><\/a> dokumentasi Platform WhatsApp Business. Jika Anda adalah penyedia solusi bisnis<\/u><\/a> (BSP), ikuti Memulai untuk Penyedia Solusi Bisnis<\/u><\/a> dan pastikan aplikasi Anda di Meta lolos proses peninjauan.<\/p>\n\n Sebelum melanjutkan tutorial ini, pastikan Anda memiliki ID WhatsApp Business dan ID nomor telepon.<\/p>\n\n Selain itu, BSP memerlukan token pengguna sistem dengan izin yang diperlukan (whatsapp_business_management, whatsapp_business_messaging, dan business_management).<\/p>\n\n Jika Anda tidak memiliki aplikasi Node.js dan Express.js, Anda bisa menggunakan boilerplate aplikasi ini<\/a> yang dibuat khusus untuk tutorial ini.<\/p>\n\n Selain itu, tutorial ini akan menggunakan beberapa paket, termasuk dotenv untuk menyimpan token dan permintaan untuk membuat permintaan HTTP dengan API. Kita juga akan menggunakan Postman<\/u><\/a> untuk menguji endpoint API.<\/p>\n\n Untuk eksplorasi lebih lanjut, kode lengkap tersedia di sini<\/a>.<\/p>\n\n Setelah menyiapkan aplikasi awal dan menambahkan token dengan izin yang tepat, Anda siap memulai.<\/p>\n\n Misalnya, Global Voyager ingin membuat beberapa template pesan untuk tujuan tertentu. Misalnya, mereka ingin membuat satu template untuk salam pelanggan dan template lain untuk mengirimkan salinan PDF dokumen yang relevan.<\/p>\n\n Sebelum Anda mulai melakukan coding, luangkan waktu untuk memahami cara kerja proses pembuatan template dan jenis parameter yang diterima. Selain itu, penting untuk diperhatikan bahwa Meta meninjau template setiap hari dan dapat menolaknya jika tidak mematuhi pedoman<\/u><\/a> yang telah ditentukan.<\/p>\n\n Dokumentasi <\/u><\/a> menyatakan bahwa Anda perlu membuat permintaan POST ke message_templates menggunakan ID WhatsApp Business Anda.<\/p>\n\n Parameter berikut diterima:<\/p>\n\n Parameter komponen menentukan isi template pesan. Ini menerima subparameter berikut:<\/p>\n\n Sekarang, Anda sudah memiliki template pesan berbasis teks untuk menyapa pelanggan dan template pesan berbasis media untuk mengirim PDF \u2014 dan seperti contoh kami, ini akan sempurna untuk mengirim tiket perjalanan atau konfirmasi rencana perjalanan.<\/p>\n\n Pertama, Anda perlu membuat router baru di routes\/messageTemplates.js:<\/p>\n\n Lalu, gunakan metode kontroler createMessageTemplate, yang akan kita buat di dalam controllers\/messageTemplate.js:<\/p>\n\n Sekarang, setelah membuat rute dan metode, kini saatnya untuk menguji API di Postman. Berikut ini tampilannya:<\/p>\n\n Dan ini adalah hasilnya:<\/p>\n\n Di bawah ini adalah contoh objek permintaan yang dapat Anda masukkan untuk membuat template pesan. {{1}} digunakan untuk memasukkan variabel. Perhatikan bahwa {{X}} digunakan untuk menentukan variabel template pesan, bukan variabel Postman.<\/p>\n\n Tanggapan API yang berhasil mengembalikan nilai id, yang mewakili ID template.<\/p>\n\n Setelah menyelesaikan template berbasis teks, Anda bisa membuat template berbasis media dengan sama mudahnya. Ini adalah cara yang fleksibel dan efisien untuk mengirim dokumen yang bisa langsung diakses pelanggan.<\/p>\n\n Template di bawah ini akan menampilkan JUDUL yang akan menyertakan dokumen terlampir, komponen BODY, dan komponen FOOTER:<\/p>\n\n Catatan<\/b>: Sebelum Anda dapat menggunakan template pesan untuk berkomunikasi dengan pelanggan, template harus disetujui dan mematuhi Pedoman Template Pesan<\/u><\/a>.<\/p>\n\n Sekarang setelah Anda membuat template pesan, Anda bisa mengambilnya. Untuk melakukan ini, buat panggilan GET ke:<\/p>\n\n Catatan: Versi API dapat berubah. Pastikan bahwa URL Anda diperbarui.<\/p>\n\n Selanjutnya, buat rute baru di routes\/messageTemplates.js:<\/p>\n\n getMessageTemplates di atas adalah metode kontroler yang bisa Anda buat di controllers\/messageTemplate.js. Lihat di bawah:<\/p>\n\n Tanggapan yang berhasil menyertakan template yang Anda buat dan template contoh dari WhatsApp.<\/p>\n\n Sama seperti rute GET, Anda juga bisa membuat rute DELETE di routes\/messageTemplates.js:<\/p>\n\n Sekarang, buat metode kontroler pendukung di controllers\/messageTemplates.js:<\/p>\n\n Untuk menghapus template, Anda harus meneruskan nama template sebagai isi JSON.<\/p>\n\n Contoh: cuplikan layar di bawah menunjukkan permintaan dan tanggapan Postman yang berhasil untuk menghapus template bernama demo_template_user:<\/p>\n\n Sekarang, mari kita gunakan template pesan untuk mengirim pesan.<\/p>\n\n Pertama, buat router dan kontrolernya yang mendukung. Di dalam routes\/messageTemplates.js, tambahkan:<\/p>\n\n Dalam kode di atas, parameter :id digunakan untuk mengirimkan ID nomor telepon. Berikut ini tampilan kontroler di controllers\/messageTemplate.js.<\/p>\n\n Anda sekarang dapat membuat objek permintaan di Postman. Ingat, Anda akan melewati satu parameter \u2014 {{1}} \u2014 di Header.<\/p>\n\n Isi permintaan Postman menunjukkan template berbasis teks yang telah kita buat.<\/p>\n\n Perhatikan snippet kode ini dari cuplikan layar di atas:<\/p>\n\n Snippet ini digunakan untuk meneruskan nilai ke parameter {{1}}. Tanggapan yang berhasil mencakup ID pesan, seperti yang terlihat di bawah ini.<\/p>\n\n Berikut tampilan pesan ini kepada pelanggan di WhatsApp:<\/p>\n\n Selanjutnya, Anda akan menggunakan objek permintaan JSON untuk template lain yang perlu Anda teruskan dokumen di HEADER serta variabel {{1}}, {{2}}, dan {{3}} di BODY.<\/p>\n\n Pertama, lihat cuplikan layar berikut:<\/p>\n\n Perhatikan bahwa snippet di bawah ini melewati parameter untuk HEADER:<\/p>\n\n Media yang dilampirkan bisa berupa tautan atau ID media yang diunggah<\/u><\/a>.<\/p>\n\nMembuat Template Pesan Baru<\/h4>\n\n
\n
\n
Membuat Template Pesan Berbasis Teks<\/h4>\n\n
router.post(\"\/messageTemplate\", createMessageTemplate);<\/code><\/pre>\n\nexports.createMessageTemplate = async (req, res) => {exports.createMessageTemplate = async (req, res) => { const { name, language, category, components } = req.body; if (!name || !language || !category || !components) { return res.status(400).json({ error: \"Required Fields: name, language, category, and components\", }); } request.post( { url: `https:\/\/graph.facebook.com\/v13.0\/${process.env.META_BUSINESS_ID}\/message_templates`, headers: { Authorization: `Bearer ${process.env.META_AUTH_TOKEN}`, \"content-type\": \"application\/json\", }, body: JSON.stringify({ name: name, language: language, category: category, components: components, }), }, function (err, resp, body) { if (err) { console.log(\"Error!\"); } else { res.json(JSON.parse(body)); } } ); };<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.18.51-AM.png\")
<\/figure>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.20.37-AM.png\")
<\/figure>\n\n{ \"name\": \"welcome_greetings\", \"language\": \"en_US\", \"category\": \"ALERT_UPDATE\", \"components\": [ { \"type\": \"HEADER\", \"format\":\"TEXT\", \"text\": \"Hai {{1}}! Apakah kabar Anda?\" }, { \"type\": \"BODY\", \"text\": \"Terima kasih telah memilih Terrific Travel Ltd. sebagai rekan liburan Anda! Please reach out to us if you have any questions or concerns.\" }, { \"type\": \"FOOTER\", \"text\": \"Terrific Travel Ltd.\" } ] }<\/code><\/pre>\n\nMembuat Template Pesan Berbasis Media<\/h4>\n\n
{ \"name\": \"sample_ticket_confirmation\", \"language\": \"en_US\", \"category\": \"TICKET_UPDATE\", \"components\": [ { \"type\": \"HEADER\", \"format\": \"DOCUMENT\" }, { \"type\": \"BODY\", \"text\": \"This is your flight confirmation for {{1}}-{{2}} on {{3}}.\" }, { \"type\": \"FOOTER\", \"text\": \"This message is from an unverified business.\" } ] }<\/code><\/pre>\n\nMengambil Daftar Template Pesan yang Ada<\/h4>\n\n
https://graph.facebook.com\/v13.0\/whatsapp-business-account-ID\/message_templates.<\/code><\/pre>\n\nrouter.get(\"\/messageTemplates\", getMessageTemplates);<\/code><\/pre>\n\nexports.getMessageTemplates = async (req, res) => { request.get( { url: `https:\/\/graph.facebook.com\/v13.0\/${process.env.META_BUSINESS_ID}\/message_templates`, headers: { Authorization: `Bearer ${process.env.META_AUTH_TOKEN}`, }, }, function (err, resp, body) { if (err) { console.log(\"Error!\"); } else { res.json(JSON.parse(body)); } } ); };<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.28.09-AM.png\")
<\/figure>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.27.18-AM.png\")
<\/figure>\n\nMenghapus Template Pesan<\/h4>\n\n
router.delete(\"\/messageTemplate\", deleteMessageTemplate);<\/code><\/pre>\n\nexports.deleteMessageTemplate = async (req, res) => { request.delete( { url: `https:\/\/graph.facebook.com\/v13.0\/${process.env.META_BUSINESS_ID}\/message_templates`, headers: { Authorization: `Bearer ${process.env.META_AUTH_TOKEN}`, \"content-type\": \"application\/json\", }, body: JSON.stringify({ name: req.body.name, }), }, function (err, resp, body) { if (err) { console.log(\"Error!\"); } else { res.json(JSON.parse(body)); } } ); };<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.31.39-AM.png\")
<\/figure>\n\nMengirim Pesan Menggunakan Template<\/h4>\n\n
router.post(\"\/sendMessage\/:id\", sendMessage);<\/code><\/pre>\n\nexports.sendMessage = async (req, res) => { const { id, to, type,template } = req.body; if (!id || !to || !type || !template) { return res.status(400).json({ error: \"Required Fields: to, type, template and id\", }); } request.post( { url: `https:\/\/graph.facebook.com\/v13.0\/${req.params.id}\/messages`, headers: { Authorization: `Bearer ${process.env.META_AUTH_TOKEN}`, \"content-type\": \"application\/json\", }, body: JSON.stringify({ messaging_product: process.env.MESSAGING_PRODUCT, to: to, type: type, template: template, }), }, function (err, resp, body) { if (err) { console.log(\"Error!\"); } else { res.json(JSON.parse(body)); } } ); };<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.34.38-AM.png\")
<\/figure>\n\n\"components\": [ { \"type\": \"HEADER\", \"parameters\": [ { \"type\": \"text\", \"text\": \"Name\" } ] } ]<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.36.58-AM.png\")
<\/figure>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.38.31-AM.png\")
<\/figure>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.40.25-AM.png\")
<\/figure>\n\n\"parameters\": [ { \"type\": \"DOCUMENT\", \"document\": { \"id\":\"984786545564592\" } } ] }, { Then, the following code does the same for the BODY: \"parameters\": [ { \"type\": \"text\", \"text\": \"Toronto\" }, { \"type\": \"text\", \"text\": \"Dubai\" }, { \"type\": \"text\", \"text\": \"2022-05-03\" } ] } ] } }<\/code><\/pre>\n\n
![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.42.35-AM.png\")
<\/figure>\n\n