{"id":558,"date":"2021-01-22T14:52:26","date_gmt":"2021-01-22T14:52:26","guid":{"rendered":"https:\/\/fonnte.com\/tutorial\/?p=558"},"modified":"2022-10-30T14:41:27","modified_gmt":"2022-10-30T14:41:27","slug":"elementor-form-whatsapp","status":"publish","type":"post","link":"https:\/\/fonnte.com\/tutorial\/elementor-form-whatsapp\/","title":{"rendered":"Menghubungkan Elementor Form dengan Whatsapp"},"content":{"rendered":"\n

Elementor Pro memiliki built in form yang lebih dari cukup untuk membuat sebuah contact form.<\/p>\n\n\n\n

Terdapat banyak pilihan field dan bahkan dapat membuat multi step form dengan elementor form ini.<\/p>\n\n\n\n

Secara default isi formulir ini akan dikirimkan melalui email.<\/p>\n\n\n\n

Namun kendalanya adalah bagaimana mengirimkan isi formulir ini ke whatsapp user?<\/p>\n\n\n\n

Tutorial berikut ini akan menjelaskan tentang bagaimana cara membuat isi dari elementor form ini terkirim secara otomatis ke whatsapp responden.<\/p>\n\n\n\n

1. Pengguna Elementor Pro<\/h2>\n\n\n\n

Elementor sendiri ada 2 versi, yaitu elementor free yang bisa di download dan di install secara gratis di repository wordpress dan elementor pro yang harus berlangganan.<\/p>\n\n\n\n

Elementor free tidak memiliki fitur form ini, sehingga untuk menggunakannya kamu perlu memiliki elementor pro di daftar plugin yang aktif.<\/p>\n\n\n\n

Untuk berlangganan kamu bisa menuju website elementor.com dan mulai berlagganan untuk mendapatkan lisensinya.<\/p>\n\n\n\n

2. Buat Elementor Form nya<\/h2>\n\n\n\n

Setelah menginstall dan mengaktifkan lisensinya, kamu perlu membuat form yang nantinya akan digunakan.<\/p>\n\n\n\n

Sebagai contoh saya membuat form elementor dibawah ini.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Penting <\/strong>: Perlu diperhatikan saat membuat form ini, ada hal hal yang perlu diperhatikan.<\/p>\n\n\n\n

saya buat lis saja agar lebih mudah.<\/p>\n\n\n\n

  1. Form name : form name ini harus diisi sebagai nama form, nantinya akan digunakan untuk identifikasi<\/li>
  2. Field ID : setiap field memiliki ID yang harus kamu ganti dengan nama field agar lebih mudah diingat.<\/li>
  3. Whatsapp : field berisi nomor whatsapp ini harus ada<\/li><\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Setelah kamu melakukan semua langkah diatas, selanjutnya install <\/p>\n\n\n\n

    3. Install plugin fonnte elementor add-on<\/h2>\n\n\n\n

    Langkah selanjutnya adalah download dan install plugin fonnte elementor addon ini ke wordpress kamu.<\/p>\n\n\n\n

    Kamu bisa download pluginnya disini<\/a>.<\/p>\n\n\n\n

    Setelah download, kamu bisa install dan ikuti langkah berikutnya untuk cara settingnya.<\/p>\n\n\n\n

    4. Setting Plugin fonnte elementor add-on<\/h2>\n\n\n\n

    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

    Silakan aktifkan plugin fonnte elementor addon.<\/p>\n\n\n\n

    Kemudian klik menu Fonnte Elementor.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Pada menu form ini akan ada beberapa field yang bisa diisi sebagai setting pengiriman pesannya nanti.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Pada menu setting ini akan ada 5 settingan yang bisa diisi.<\/p>\n\n\n\n

    Nama Form<\/strong> : nama form yang dibuat saat membuat form (lihat langkah 2)<\/p>\n\n\n\n

    Key Nomor Whatsapp<\/strong> : nama field untuk nomor whatsapp (lihat langkah 2)<\/p>\n\n\n\n

    Pesan User<\/strong> : isi pesan yang akan dikirimkan ke nomor user yang mengisi form. Untuk keyword bisa menggunakan field id (lihat langkah 2)<\/p>\n\n\n\n

    Nomor Admin<\/strong> : nomor admin yang akan dikirimi pesan saat user mengisi form<\/p>\n\n\n\n

    Pesan Admin<\/strong> : isi pesan yang akan dikirimkan ke nomor admin. Untuk keyword bisa menggunakan field id (lihat langkah 2).<\/p>\n\n\n\n

    Setelah itu, langkah terakhir adalah menginput token yang didapatkan dari dashboard fonnte.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Setelah selesai, bisa coba isi form untuk mengecek pesan terkirim.<\/p>\n\n\n\n

    Changelog<\/h2>\n\n\n\n

    Versi 1.0<\/strong><\/p>\n\n\n\n

    22 Januari 2021 \u2013 Peluncuran awal plugin<\/p>\n","protected":false},"excerpt":{"rendered":"

    Elementor Pro memiliki built in form yang lebih dari cukup untuk membuat sebuah contact form. Terdapat banyak pilihan field dan bahkan dapat membuat multi step form dengan elementor form ini. Secara default isi formulir ini akan dikirimkan melalui email. Namun kendalanya adalah bagaimana mengirimkan isi formulir ini ke whatsapp user? Tutorial berikut ini akan menjelaskan … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":568,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Menghubungkan Elementor Form dengan Whatsapp","description":"Kirim notifikasi kepada pengisi form ke whatsapp mereka setelah mengisi elementor form","facebook_image":"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/01\/FORM.png","twitter_image":"https:\/\/fonnte.com\/tutorial\/wp-content\/uploads\/2021\/01\/FORM.png"},"footnotes":""},"categories":[4],"tags":[],"class_list":["post-558","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\/558","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=558"}],"version-history":[{"count":8,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/558\/revisions"}],"predecessor-version":[{"id":975,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/posts\/558\/revisions\/975"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/media\/568"}],"wp:attachment":[{"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/media?parent=558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/categories?post=558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fonnte.com\/tutorial\/wp-json\/wp\/v2\/tags?post=558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}