{"id":619,"date":"2021-03-06T12:51:28","date_gmt":"2021-03-06T12:51:28","guid":{"rendered":"https:\/\/fonnte.com\/tutorial\/?p=619"},"modified":"2022-10-30T14:43:23","modified_gmt":"2022-10-30T14:43:23","slug":"caldera-form-whatsapp","status":"publish","type":"post","link":"https:\/\/fonnte.com\/tutorial\/caldera-form-whatsapp\/","title":{"rendered":"Menghubungkan Caldera Form dengan Whatsapp"},"content":{"rendered":"\n<p>Caldera form adalah salah satu formulir yang terdapat pada repository wordpress yang dapat digunakan secara gratis.<\/p>\n\n\n\n<p>Caldera ini mudah di kustomisasi untuk menjadi form dengan tampilan yang menarik tanpa perlu mengetahui css.<\/p>\n\n\n\n<p>Pada tutorial ini, kamu akan mempelajari bagaimana cara menghubungkan caldera form dengan whatsapp.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat Form dengan Caldera Form<\/h2>\n\n\n\n<p>Untuk membuat form ini, kamu wajib sudah menginstall dan mengaktifkan plugin caldera form yang didapat dari wordpress.<\/p>\n\n\n\n<p>Kemudian klik caldera formsnya dan klik new form\/<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"866\" height=\"514\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_66.png\" alt=\"\" class=\"wp-image-624\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_66.png 866w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_66-300x178.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_66-768x456.png 768w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p>Kemudian akan muncul popup untuk memilih formulir yang akan digunakan.<\/p>\n\n\n\n<p>Ada beberapa template yang bisa digunakan, tapi saya akan membuat blank form.<\/p>\n\n\n\n<p>Kemudian membuat nama formnya<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"854\" height=\"764\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_68.png\" alt=\"\" class=\"wp-image-625\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_68.png 854w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_68-300x268.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_68-768x687.png 768w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/figure>\n\n\n\n<p>Kemudian buat formnya dengan drag add field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"866\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_69.png\" alt=\"\" class=\"wp-image-626\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_69.png 966w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_69-300x269.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_69-768x688.png 768w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><\/figure>\n\n\n\n<p>Lalu save form setelah selesai membuat form.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara setting plugin fonnte caldera<\/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>Untuk menggunakan plugin fonnte caldera addon bisa di download <a href=\"https:\/\/drive.google.com\/file\/d\/1VkCWIYSy11AA8gBy9dCrlyTUBHkBzYHY\/view?usp=share_link\">disini<\/a>.<\/p>\n\n\n\n<p>Selanjutnya install dan aktifkan plugin ini.<\/p>\n\n\n\n<p>Setelah diaktifkan, akan muncul menu fonnte caldera dan klik menu itu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"906\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_70.png\" alt=\"\" class=\"wp-image-628\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_70.png 850w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_70-281x300.png 281w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_70-768x819.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p><strong>Form Key<\/strong> : isi dengan ID formulir untuk identitas formulir.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"908\" height=\"386\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_71.png\" alt=\"\" class=\"wp-image-629\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_71.png 908w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_71-300x128.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_71-768x326.png 768w\" sizes=\"auto, (max-width: 908px) 100vw, 908px\" \/><\/figure>\n\n\n\n<p>dengan contoh diatas, isi dengan CF60436cef74bb0.<\/p>\n\n\n\n<p><strong>Whatsapp ID<\/strong> : isi dengan ID pada field whatsapp.<\/p>\n\n\n\n<p>Klik menu layout dan cari ID field whatsapp.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"794\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_72.png\" alt=\"\" class=\"wp-image-630\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_72.png 966w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_72-300x247.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_72-768x631.png 768w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><\/figure>\n\n\n\n<p>pada contoh diatas, isi dengan fld_4657752<\/p>\n\n\n\n<p><strong>Pesan User<\/strong> : pesan untuk pengisi form. gunakan ID field untuk menggunakan isian form pada pesan.<\/p>\n\n\n\n<p><strong>Nomor Admin<\/strong> : nomor pengelola form\/admin.<\/p>\n\n\n\n<p><strong>Pesan Admin<\/strong> : pesan untuk admin\/pengelola form. gunakan ID field untuk menggunakan isian form pada pesan.<\/p>\n\n\n\n<p>Sebagai contoh pengisian bisa melihat gambar dibawah.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"914\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_73.png\" alt=\"\" class=\"wp-image-631\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_73.png 850w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_73-279x300.png 279w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_73-768x826.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p>Setelah selesai, klik simpan.<\/p>\n\n\n\n<p>Lalu klik setting dan input token yang didapatkan pada menu api fonnte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"238\" src=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_74.png\" alt=\"\" class=\"wp-image-632\" srcset=\"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_74.png 888w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_74-300x80.png 300w, https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/03\/Screenshot_74-768x206.png 768w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<p>untuk menampilkan pada halaman depan bisa menggunakan shortcode atau block caldera pada gutenberg block.<\/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>6 Maret 2021 \u2013 Peluncuran awal plugin<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Caldera form adalah salah satu formulir yang terdapat pada repository wordpress yang dapat digunakan secara gratis. Caldera ini mudah di kustomisasi untuk menjadi form dengan tampilan yang menarik tanpa perlu mengetahui css. Pada tutorial ini, kamu akan mempelajari bagaimana cara menghubungkan caldera form dengan whatsapp. Membuat Form dengan Caldera Form Untuk membuat form ini, kamu &#8230; <a title=\"Menghubungkan Caldera Form dengan Whatsapp\" class=\"read-more\" href=\"https:\/\/fonnte.com\/tutorial\/caldera-form-whatsapp\/\" aria-label=\"More on Menghubungkan Caldera Form dengan Whatsapp\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":633,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Menghubungkan Caldera Form dengan Whatsapp","description":"Mengirimkan notifikasi otomatis setelah mengisi formulir dari caldera form"},"footnotes":""},"categories":[4],"tags":[],"class_list":["post-619","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\/619","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=619"}],"version-history":[{"count":6,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/619\/revisions"}],"predecessor-version":[{"id":978,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/619\/revisions\/978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/media\/633"}],"wp:attachment":[{"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/media?parent=619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/categories?post=619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/tags?post=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}