{"id":1173,"date":"2025-05-29T05:57:48","date_gmt":"2025-05-29T05:57:48","guid":{"rendered":"https:\/\/fonnte.com\/tutorial\/?p=1173"},"modified":"2025-06-02T22:43:14","modified_gmt":"2025-06-02T22:43:14","slug":"whatsapp-n8n-fonnte","status":"publish","type":"post","link":"https:\/\/fonnte.com\/tutorial\/whatsapp-n8n-fonnte\/","title":{"rendered":"Tutorial integrasi whatsapp ke n8n menggunakan fonnte"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Integrasi whatsapp dengan n8n menggunakan fonnte\" width=\"1200\" height=\"900\" src=\"https:\/\/www.youtube.com\/embed\/hGsmJN6HnXM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Mengintegrasikan WhatsApp ke dalam alur kerja otomatis sangat berguna untuk meningkatkan efisiensi komunikasi.<\/p>\n\n\n\n<p>Dengan bantuan n8n, kamu bisa menghubungkan WhatsApp ke berbagai sistem dan layanan secara fleksibel.<\/p>\n\n\n\n<p>Namun, mengirim pesan WhatsApp secara otomatis tidak bisa dilakukan langsung tanpa bantuan alat tambahan.<\/p>\n\n\n\n<p>Disinilah peran integrasi WhatsApp ke dalam n8n menjadi penting.<\/p>\n\n\n\n<p>Kamu bisa mengatur alur otomatis seperti pengiriman pesan, notifikasi order, atau respon pelanggan tanpa campur tangan manual.<\/p>\n\n\n\n<p>Cukup dengan menghubungkan API WhatsApp fonnte ke node-node dalam n8n, alur kerja akan berjalan secara otomatis.<\/p>\n\n\n\n<p>Di tutorial ini, kamu akan belajar bagaimana cara mengintegrasikan WhatsApp ke n8n langkah demi langkah, mulai dari setup awal hingga pengujian akhir.<\/p>\n\n\n\n<p>sebelum lanjut, kamu harus sudah memiliki :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>akun n8n atau self hosted n8n<\/li>\n\n\n\n<li>akun fonnte<\/li>\n\n\n\n<li>device fonnte<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Pengaturan Fonnte<\/h2>\n\n\n\n<p>Sebelum membuat alur otomatisasi, kita perlu melakukan setting terhadap device fonnte kita.<\/p>\n\n\n\n<p>pertama, pastikan untuk device sudah dalam posisi connect<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"149\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_902-1024x149.png\" alt=\"Screenshot 902\" class=\"wp-image-1174\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_902-1024x149.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_902-300x44.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_902-768x112.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_902.png 1409w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>kedua, pastikan autoread sudah dalam posisi on di button edit.<\/p>\n\n\n\n<p>ketiga, pastikan response sourcenya pilih flow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"775\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_903.png\" alt=\"Screenshot 903\" class=\"wp-image-1175\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_903.png 474w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_903-183x300.png 183w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<p>setelah ketiga syarat diatas terpenuhi, baru bisa lanjut ke langkah berikutnya untuk membuat alur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat alur<\/h2>\n\n\n\n<p>dalam tutorial sederhana ini, kita akan membuat alur otomatisasi sebagai berikut :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>menerima pesan masuk dari whatsapp<\/li>\n\n\n\n<li>melakukan filter terhadap pengirim pesannya<\/li>\n\n\n\n<li>memodifikasi isi pesan<\/li>\n\n\n\n<li>mengirimkan ulang isi pesannya ke nomor tertentu<\/li>\n<\/ol>\n\n\n\n<p>alur ini cukup sederhana dan mudah untuk dibuat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat Webhook<\/h2>\n\n\n\n<p>selanjutnya untuk membuat webhook, di aplikasi n8n kita perlu membuat webhook yang digunakan untuk menerima pesan dengan method POST. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"389\" height=\"626\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_904.png\" alt=\"Screenshot 904\" class=\"wp-image-1176\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_904.png 389w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_904-186x300.png 186w\" sizes=\"auto, (max-width: 389px) 100vw, 389px\" \/><\/figure>\n\n\n\n<p>kemudian copy url webhooknya dan kembali ke menu device di dashboard fonnte.<\/p>\n\n\n\n<p>setelah itu, klik tombol flow untuk diarahkan ke tampilan flow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"104\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_905-1024x104.png\" alt=\"Screenshot 905\" class=\"wp-image-1177\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_905-1024x104.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_905-300x30.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_905-768x78.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_905.png 1424w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>selanjutnya, kita buat flow sederhana yaitu start ke webhook saja dan paste url dari n8n ke field url webhook fonnte.<\/p>\n\n\n\n<p>untuk secret key optional, tapi di tutorial ini akan diabaikan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_906-1024x482.png\" alt=\"Screenshot 906\" class=\"wp-image-1178\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_906-1024x482.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_906-300x141.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_906-768x361.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_906-1536x722.png 1536w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_906.png 1716w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>setelah itu, klik save, listen webhook di n8n dan coba kirim pesan ke whatsapp yang terhubung ke fonnte.<\/p>\n\n\n\n<p>jika sudah mengikuti semua langkah diatas, seharusnya n8n sudah menerima data dari fonnte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"854\" height=\"621\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_907.png\" alt=\"Screenshot 907\" class=\"wp-image-1179\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_907.png 854w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_907-300x218.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_907-768x558.png 768w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Filter pengirim<\/h2>\n\n\n\n<p>Kemudian, langkah kedua adalah melakukan filter untuk pengirim hanya pengirim tertentu saja.<\/p>\n\n\n\n<p>kita hanya akan melanjutkan jika sendernya nomor tertentu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"779\" height=\"414\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_908.png\" alt=\"Screenshot 908\" class=\"wp-image-1180\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_908.png 779w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_908-300x159.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_908-768x408.png 768w\" sizes=\"auto, (max-width: 779px) 100vw, 779px\" \/><\/figure>\n\n\n\n<p>jika sudah, selanjutnya untuk yang lolos kondisi, kita akan manipulasi sedikit pesan yang akan dikirimkan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Modifikasi pesan<\/h2>\n\n\n\n<p>Kita akan modifikasi pesan sedikit dengan menambahkan informasi bahwa pesan ini dikirimkan menggunakan fonnte x n8n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"389\" height=\"628\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_909.png\" alt=\"Screenshot 909\" class=\"wp-image-1181\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_909.png 389w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_909-186x300.png 186w\" sizes=\"auto, (max-width: 389px) 100vw, 389px\" \/><\/figure>\n\n\n\n<p>sehingga saat pesan dikirimkan nantinya, akan ada informasi bahwa pesan whatsapp ini dikirimkan menggunakan fonnte dan n8n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kirim pesan<\/h2>\n\n\n\n<p>yang terakhir adalah melakukan kirim pesan whatsapp menggunakan API fonnte.<\/p>\n\n\n\n<p>untuk melakukan ini kita akan menggunakan http.<\/p>\n\n\n\n<p>referensi seluruh parameter API fonnte yang tersedia bisa diakses di <a href=\"https:\/\/docs.fonnte.com\/api-send-message\/\" target=\"_blank\" rel=\"noopener\" title=\"\">dokumentasi<\/a>.<\/p>\n\n\n\n<p>kita akan gunakan method post dan membuat headers &amp; body.<\/p>\n\n\n\n<p>untuk url bisa menggunakan https:\/\/api.fonnte.com\/send sebagai endpoint untuk kirim pesan.<\/p>\n\n\n\n<p>untuk headers, hanya perlu input Authorization dan tokennya saja sesuai dengan token devicenya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"359\" height=\"765\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_910.png\" alt=\"Screenshot 910\" class=\"wp-image-1182\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_910.png 359w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_910-141x300.png 141w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/figure>\n\n\n\n<p>selanjutnya untuk body, kita akan menggunakan target dan message saja sebagai minimal body payload.<\/p>\n\n\n\n<p>untuk target kita ambil dari sender di data webhook dan message kita ambil dari pesan yang dimodifikasi tadi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"662\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_911.png\" alt=\"Screenshot 911\" class=\"wp-image-1183\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_911.png 358w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_911-162x300.png 162w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/figure>\n\n\n\n<p>setelah selesai kita tinggal coba eksekusi dan jika semuanya lancar, pesan akan masuk ke whatsapp pengirim pesan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mengaktifkan workflow n8n<\/h2>\n\n\n\n<p>sekarang kita akan mengaktifkan workflow untuk production.<\/p>\n\n\n\n<p>sehingga kita perlu ubah url webhooknya ke production url di flow fonnte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"663\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_913.png\" alt=\"Screenshot 913\" class=\"wp-image-1184\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_913.png 397w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_913-180x300.png 180w\" sizes=\"auto, (max-width: 397px) 100vw, 397px\" \/><\/figure>\n\n\n\n<p>kemudian save dan aktifkan workflownya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"718\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_912-1024x718.png\" alt=\"Screenshot 912\" class=\"wp-image-1185\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_912-1024x718.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_912-300x210.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_912-768x539.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2025\/05\/Screenshot_912.png 1175w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>jika sudah mengikuti semuanya, seharusnya sudah bisa jalan<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Penutup<\/h2>\n\n\n\n<p>Dengan mengikuti langkah-langkah di atas, kamu sekarang sudah berhasil mengintegrasikan WhatsApp menggunakan Fonnte ke dalam alur otomatisasi n8n.<\/p>\n\n\n\n<p>Mulai dari membuat webhook, menyaring pesan masuk, memodifikasi konten, hingga mengirimkan pesan secara otomatis kembali ke WhatsApp.<\/p>\n\n\n\n<p>Integrasi ini sangat bermanfaat untuk meningkatkan efisiensi kerja, terutama dalam hal komunikasi yang cepat dan responsif.<\/p>\n\n\n\n<p>Kamu juga bisa mengembangkan alur ini lebih jauh sesuai kebutuhan, seperti integrasi ke Google Sheets, Notion, atau sistem internal lainnya.<\/p>\n\n\n\n<p>Jika terjadi kendala, pastikan semua token, URL, dan pengaturan device sudah benar dan sesuai dengan dokumentasi terbaru dari Fonnte maupun n8n.<\/p>\n\n\n\n<p>Selamat mencoba, dan semoga integrasi WhatsApp ke n8n ini membantu menyederhanakan pekerjaanmu sehari-hari.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mengintegrasikan WhatsApp ke dalam alur kerja otomatis sangat berguna untuk meningkatkan efisiensi komunikasi. Dengan bantuan n8n, kamu bisa menghubungkan WhatsApp ke berbagai sistem dan layanan secara fleksibel. Namun, mengirim pesan WhatsApp secara otomatis tidak bisa dilakukan langsung tanpa bantuan alat tambahan. Disinilah peran integrasi WhatsApp ke dalam n8n menjadi penting. Kamu bisa mengatur alur otomatis &#8230; <a title=\"Tutorial integrasi whatsapp ke n8n menggunakan fonnte\" class=\"read-more\" href=\"https:\/\/fonnte.com\/tutorial\/whatsapp-n8n-fonnte\/\" aria-label=\"More on Tutorial integrasi whatsapp ke n8n menggunakan fonnte\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Tutorial integrasi whatsapp ke n8n menggunakan fonnte - Tutorial Whatsapp","description":"https:\/\/youtu.be\/hGsmJN6HnXM Mengintegrasikan WhatsApp ke dalam alur kerja otomatis sangat berguna untuk meningkatkan efisiensi komunikasi. Dengan bantuan n8n,"},"footnotes":""},"categories":[5],"tags":[],"class_list":["post-1173","post","type-post","status-publish","format-standard","hentry","category-cara"],"_links":{"self":[{"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/1173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/comments?post=1173"}],"version-history":[{"count":2,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/1173\/revisions"}],"predecessor-version":[{"id":1187,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/1173\/revisions\/1187"}],"wp:attachment":[{"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/media?parent=1173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/categories?post=1173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/tags?post=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}