{"id":593,"date":"2021-02-22T14:53:04","date_gmt":"2021-02-22T14:53:04","guid":{"rendered":"https:\/\/fonnte.com\/tutorial\/?p=593"},"modified":"2022-05-21T12:29:50","modified_gmt":"2022-05-21T12:29:50","slug":"formidable-form-whatsapp","status":"publish","type":"post","link":"https:\/\/fonnte.com\/tutorial\/formidable-form-whatsapp\/","title":{"rendered":"Menghubungkan formidable form dengan whatsapp"},"content":{"rendered":"\n<p>Formidable form adalah salah satu plugin untuk membuat formulir di wordpress.<\/p>\n\n\n\n<p>Kamu bisa membuat berbagai macam kebutuhan form dengan plugin ini.<\/p>\n\n\n\n<p>Namun terkadang untuk meningkatkan engagement perlu sedikit kustomisasi untuk bisa dikirimkan ke whatsapp.<\/p>\n\n\n\n<p>Namun jangan khawatir, kamu tidak perlu melakukan kustomisasi.<\/p>\n\n\n\n<p>Pada tutorial ini kamu akan mendapatkan plugin fonnte untuk mengirimkan pesan otomatis ke whatsapp.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Membuat Form dengan Formidable Form<\/h2>\n\n\n\n<p>Untuk mulai mengirimkan isian formidable form ke whatsapp, pertama-tama kamu perlu install plugin formidable form dari wordpress dan fonnte formidable yang bisa kamu download <a href=\"https:\/\/drive.google.com\/file\/d\/1ZNanUphY6vEUjLphGSLmpHu0tAO-n15y\/view?usp=sharing\">disini<\/a>.<\/p>\n\n\n\n<p>Setelah download, lakukan instalasi dan aktifkan kedua plugin diatas.<\/p>\n\n\n\n<p>Kemudian setelah aktif akan ada menu untuk setting fonnte formidable.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"160\" height=\"566\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1717.png\" alt=\"\" class=\"wp-image-600\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1717.png 160w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1717-85x300.png 85w\" sizes=\"auto, (max-width: 160px) 100vw, 160px\" \/><\/figure>\n\n\n\n<p>Langkah pertama bisa langsung klik menu formidable lalu klik add new.<\/p>\n\n\n\n<p>Kemudian akan muncul popup seperti ini kemudian klik blank form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"742\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1720.png\" alt=\"\" class=\"wp-image-602\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1720.png 796w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1720-300x280.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1720-768x716.png 768w\" sizes=\"auto, (max-width: 796px) 100vw, 796px\" \/><\/figure>\n\n\n\n<p>Kemudian isi nama form dan deskripsi formnya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"458\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1721.png\" alt=\"\" class=\"wp-image-603\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1721.png 710w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1721-300x194.png 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/figure>\n\n\n\n<p>Setelah mengisi nama form dan deskripsinya, kamu akan diarahkan menuju halaman untuk membuat form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1722-1024x479.png\" alt=\"\" class=\"wp-image-604\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1722-1024x479.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1722-300x140.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1722-768x359.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1722.png 1112w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Untuk tutorial ini saya akan membuat contact form yang simpel saja berisi nama, email, pesan dan nomor whatsapp.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1723-1024x567.png\" alt=\"\" class=\"wp-image-605\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1723-1024x567.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1723-300x166.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1723-768x425.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1723.png 1138w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah selesai, bisa klik saja update.<\/p>\n\n\n\n<p>Setelah itu bisa close dan menuju settingan fonnte (lebih baik dibuka di tab baru untuk memudahkan).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Setting Plugin Fonnte Formidable<\/h2>\n\n\n\n<p class=\"highlight\">Untuk bisa melanjutkan ke tahap ini, kamu perlu mendaftarkan akun pada fonnte.com untuk mendapatkan token dan meminta saldo trial untuk pengiriman pesan.<\/p>\n\n\n\n<p>Pada menu fonnte formidable akan muncul settingan seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"660\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1719-1024x660.png\" alt=\"\" class=\"wp-image-601\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1719-1024x660.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1719-300x194.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1719-768x495.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1719.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Form Key<\/strong> : key dari form yang dibuat<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"996\" height=\"262\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1724.png\" alt=\"\" class=\"wp-image-606\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1724.png 996w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1724-300x79.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1724-768x202.png 768w\" sizes=\"auto, (max-width: 996px) 100vw, 996px\" \/><\/figure>\n\n\n\n<p><strong>Whatsapp ID<\/strong> : ID dari field yang berisi nomor whatsapp (isi nomornya saja)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"674\" height=\"110\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1725.png\" alt=\"\" class=\"wp-image-607\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1725.png 674w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1725-300x49.png 300w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/figure>\n\n\n\n<p><strong>Pesan User<\/strong> : isi pesan whatsapp yang dikirimkan ke user<\/p>\n\n\n\n<p><strong>Nomor Admin<\/strong> : nomor admin yang akan dikirimi pesan admin<\/p>\n\n\n\n<p><strong>Pesan Admin<\/strong> : isi pesan whatsapp yang dikirimkan ke admin<\/p>\n\n\n\n<p>Setelah selesai input, maka data settingan ini akan tersimpan di list menu setting seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1726-1024x465.png\" alt=\"\" class=\"wp-image-608\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1726-1024x465.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1726-300x136.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1726-768x348.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1726.png 1058w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah itu, kamu wajib mengisi token pada menu setting agar dapat mengirim pesannya sesuai dengan settingan diatas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"776\" height=\"286\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1718.png\" alt=\"\" class=\"wp-image-609\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1718.png 776w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1718-300x111.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1718-768x283.png 768w\" sizes=\"auto, (max-width: 776px) 100vw, 776px\" \/><\/figure>\n\n\n\n<p>Kemudian, buat post\/page baru dengan shortcode yang ada di list form pada menu formidable atau langsung menggunakan block pada gutenberg.<\/p>\n\n\n\n<p>Saya akan menggunakan block pada gutenberg pada tutorial ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"349\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1727-1024x349.png\" alt=\"\" class=\"wp-image-610\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1727-1024x349.png 1024w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1727-300x102.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1727-768x262.png 768w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/02\/Screenshot_1727.png 1518w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Pilih form yang mau kamu tampilkan lalu klik publish.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Changelog<\/h2>\n\n\n\n<p><strong>Versi 1.0<\/strong><\/p>\n\n\n\n<p>22 februari 2021 \u2013 Peluncuran awal plugin<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formidable form adalah salah satu plugin untuk membuat formulir di wordpress. Kamu bisa membuat berbagai macam kebutuhan form dengan plugin ini. Namun terkadang untuk meningkatkan engagement perlu sedikit kustomisasi untuk bisa dikirimkan ke whatsapp. Namun jangan khawatir, kamu tidak perlu melakukan kustomisasi. Pada tutorial ini kamu akan mendapatkan plugin fonnte untuk mengirimkan pesan otomatis ke &#8230; <a title=\"Menghubungkan formidable form dengan whatsapp\" class=\"read-more\" href=\"https:\/\/fonnte.com\/tutorial\/formidable-form-whatsapp\/\" aria-label=\"More on Menghubungkan formidable form dengan whatsapp\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":611,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Menghubungkan Formidable Form dengan Whatsapp","description":"Kirim notifikasi pesan whatsapp ke pengunjung setelah mereka mengisi formulir pada formidable form"},"footnotes":""},"categories":[4],"tags":[],"class_list":["post-593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/593","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=593"}],"version-history":[{"count":8,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/593\/revisions"}],"predecessor-version":[{"id":937,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/593\/revisions\/937"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/media\/611"}],"wp:attachment":[{"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/media?parent=593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/categories?post=593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/tags?post=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}