Cara Membuat Formulir Kontak Divi di WordPress

Mencari cara mudah untuk membuat formulir kontak Divi untuk situs WordPress Anda?

Divi adalah salah satu tema WordPress paling populer di pasaran. Muncul dengan pembangun yang ramah pengguna yang memungkinkan Anda menyesuaikan situs web Anda dari ujung depan. Anda dapat menambahkan modul halaman seperti tombol ajakan bertindak, formulir kontak, dan lainnya.

Dengan modul Formulir Kontak Divi, Anda dapat membuat dan menyisipkan formulir kontak tanpa layanan pihak ketiga. Ini bagus jika Anda menginginkan cara mudah untuk menambahkan formulir kontak dasar di situs Anda.

Namun, Anda memerlukan plugin pembuat formulir yang kuat seperti WPForms untuk fitur lanjutan seperti pengiriman pengguna, pemasaran email, dan banyak lagi.

Inilah sebabnya mengapa Divi Builder juga dilengkapi dengan modul WPForms sehingga Anda dapat dengan mudah menambahkan formulir kontak profesional dalam beberapa klik.

Dalam posting ini, kami akan menunjukkan kepada Anda dua metode ini untuk membuat formulir kontak Divi di WordPress:

• Buat Formulir Kontak dengan Divi Builder
• Buat Kontak Divi dengan WPForms

Membuat Formulir Kontak dengan Divi Builder

Jika Anda belum memiliki Divi, pertama-tama, Anda harus mendaftar untuk Akun Divi . Kemudian, Anda akan dapat mengakses dasbor dan mengunduh file tema Anda.

Setelah Anda menginstal dan mengaktifkan Tema Divi di dasbor WordPress Anda, buka halaman atau posting mana pun di mana Anda ingin menambahkan formulir kontak Divi Anda.

Di editor pos, Anda akan melihat tombol Gunakan Divi Builder . Klik tombol untuk meluncurkan pembuat di ujung depan situs Anda.

Di layar berikutnya, Anda akan melihat opsi untuk membuat halaman dari awal, memilih tata letak yang dibuat sebelumnya, atau mengkloning halaman yang sudah ada.

Untuk tutorial ini, kita akan mulai dengan halaman baru dan menambahkan formulir kontak.

Kemudian Anda akan melihat pembuat Divi tempat Anda dapat memilih templat baris yang sesuai dengan kebutuhan Anda.

Setelah Anda menambahkan baris, Anda dapat melihat panel Sisipkan Modul yang memungkinkan Anda menambahkan berbagai jenis modul konten.

Jika Anda menggulir ke bawah, Anda akan menemukan modul Formulir Kontak . Cukup klik untuk memasukkan formulir kontak Divi di situs Anda.

Secara default, formulir kontak terdiri dari tiga bidang formulir: Nama, Email, dan Pesan. Anda dapat mengklik tombol Tambah Bidang Baru untuk menambahkan bidang formulir lain sesuai kebutuhan Anda.

Selain itu, Anda akan menemukan opsi untuk mengedit judul, mengirim pesan yang berhasil, dan mengirim teks tombol di pengaturan Teks .

Divi juga memungkinkan Anda mengirim pesan email sehingga Anda bisa mendapatkan pemberitahuan tentang pengiriman formulir baru.

Selanjutnya, Anda akan menemukan opsi berguna lainnya seperti tautan pengalihan, perlindungan spam, pengaturan latar belakang, dan banyak lagi.

Dengan modul formulir kontak Divi, Anda dapat dengan mudah menambahkan formulir kontak sederhana ke situs WordPress Anda. Ada banyak opsi penyesuaian sehingga Anda dapat mencocokkan gaya merek Anda.

Jika Anda ingin menambahkan lebih banyak fitur lanjutan ke formulir kontak Divi Anda, maka Anda harus menggunakan plugin pembuat formulir yang bagus.

Dan itulah yang akan kita lakukan dalam metode berikutnya. Kami akan menunjukkan cara membuat kontak Divi menggunakan pembuat formulir WordPress paling kuat, WPForms.

Buat Formulir Kontak Divi dengan WPForms

WPForms adalah plugin pembuat bentuk seret dan lepas terbaik untuk WordPress. Ini memungkinkan Anda membuat semua jenis formulir seperti formulir kontak, formulir pendaftaran, formulir unduhan, dan lainnya hanya dengan beberapa klik.

WPForms hadir dengan 100+ templat formulir yang dibuat sebelumnya sehingga Anda tidak perlu membuat formulir kontak dari awal. Anda dapat menambahkan atau menghapus bidang formulir apa pun dan menyesuaikannya sesuka Anda. Dan Anda bahkan tidak memerlukan pengetahuan pengkodean untuk ini.

Semua formulir kontak yang Anda buat dengan WPForms akan 100% responsif sehingga akan ditampilkan dengan indah pada ukuran layar apa pun. Bahkan ada opsi perlindungan spam bawaan sehingga Anda dapat mencegah pengiriman formulir spam dan penipuan di situs Anda.

Dengan lebih dari 5 juta instalasi aktif, WPForms dicintai oleh semua jenis bisnis di seluruh dunia. Jika Anda adalah pengguna Divi dan ingin menambahkan formulir kontak yang luar biasa ke situs Anda, maka Anda juga dapat melanjutkan dengan WPForms.

Berikut adalah beberapa alasan mengapa Anda harus membuat formulir kontak Divi Anda dengan WPForms:

• Mudah digunakan dan diatur
• Pemberitahuan dan konfirmasi formulir lanjutan
• Pengunggahan file dan fungsionalitas pengiriman konten
• Sistem manajemen pengiriman formulir bawaan
• Integrasi pemasaran email untuk mengembangkan daftar email Anda
• Opsi pengabaian formulir untuk menangkap entri formulir sebagian
• Bidang formulir untuk eCommerce dan opsi pembayaran

Dan kabar baiknya adalah, ada modul WPForms di Divi Builder. Jadi Anda dapat dengan mudah menambahkan formulir kontak yang Anda buat dengan WPForms di situs Anda.

Anda juga dapat menggunakan WPForms di situs WordPress mana pun, dengan atau tanpa Divi. Jika Anda memutuskan untuk berhenti membayar Divi, formulir yang Anda buat dengan WPForms akan tetap utuh di situs Anda.

Dengan itu, mari pelajari cara membuat formulir kontak dengan WPForms + Divi.

Langkah 1: Instal dan Aktifkan Plugin WPFroms

Pertama, Anda harus mendaftar untuk akun WPForms.

WPForms menawarkan paket harga fleksibel yang dirancang agar sesuai dengan persyaratan semua jenis bisnis. Anda dapat memilih rencana yang cocok untuk bisnis Anda. Dan ada versi lite yang tersedia secara gratis.

Setelah mendaftar, Anda akan dapat mengakses dasbor WPForms Anda. Anda akan menemukan file plugin bersama dengan lisensi Anda di tab Unduhan .

Anda perlu menginstal file plugin ini di situs WordPress Anda. Untuk detail lebih lanjut tentang ini, Anda dapat memeriksa panduan kami tentang cara menginstal plugin WordPress.

Setelah Anda menginstal dan mengaktifkan WPForms di situs Anda, navigasikan ke tab WPForms »Pengaturan di dasbor admin Anda.

Di sini, Anda harus memasukkan kunci lisensi dan klik tombol Verifikasi Kunci .

Kemudian, Anda akan melihat pesan verifikasi berhasil. Sekarang Anda dapat mulai membuat formulir kontak Anda menggunakan WPForms.

Langkah 2: Buat Formulir Kontak

Untuk membuat formulir baru, buka tab Tambah Baru di dasbor WordPress Anda. Ini akan meluncurkan pustaka Templat di mana Anda bisa mencari Templat formulir kontak yang cocok untuk situs Anda.

Untuk tutorial ini, kita akan mulai dengan template Formulir Kontak Sederhana . Templat ini mencakup semua bidang formulir dasar yang diperlukan untuk formulir kontak seperti nama, email, dan pesan. Anda juga dapat melihat pratinjau template lain untuk melihat mana yang lebih baik untuk Anda.

Masukkan nama untuk formulir kontak Anda dan klik tombol Gunakan Templat pada Templat formulir pilihan Anda.

Di layar berikutnya, Anda akan melihat pembuat formulir seret dan lepas WPForm. Semua bidang formulir ada di sisi kiri dan pratinjau formulir ada di sisi kanan halaman.

Anda akan menemukan berbagai bidang formulir yang berguna seperti angka, tarik-turun, pilihan ganda, unggah file, peringkat, teks kaya, dan banyak lagi.

Untuk menyisipkan bidang formulir, Anda hanya perlu menyeretnya dari sisi kiri dan meletakkannya di pratinjau formulir.

Jika Anda ingin menyesuaikan salah satu bidang formulir ini, Anda dapat mengkliknya dan Anda akan melihat opsi bidang. Ada opsi untuk mengubah label formulir, deskripsi, wajib, dan opsi tambahan lainnya tergantung pada bidang formulir.

Setelah Anda menambahkan semua bidang yang diperlukan ke formulir kontak Divi Anda, klik tombol Simpan di bagian atas pembuat formulir.

Selanjutnya, Anda harus mengatur pengaturan formulir, pemberitahuan, dan konfirmasi.

Langkah 3: Konfigurasikan Pengaturan Formulir

Untuk mengubah pengaturan formulir, buka tab Pengaturan »Umum dari panel menu kiri pada pembuat formulir. Di sini, Anda dapat mengubah nama formulir, deskripsi formulir, mengirim teks tombol, dan banyak lagi.

Ada juga opsi untuk mengaktifkan perlindungan anti-spam di situs Anda. Ini akan menyiapkan Google reCAPTCHA untuk formulir kontak Anda.

Untuk menuju ke Pengaturan »Pemberitahuan tab untuk mengatur pemberitahuan email untuk formulir kontak Divi Anda. Anda akan melihat ada notifikasi default yang dikirimkan ke alamat email admin.

Anda dapat menambahkan beberapa alamat email atau mengklik tombol Tambah Pemberitahuan Baru untuk mengirim lebih dari satu pemberitahuan formulir.

Dengan ini, Anda dapat memberi tahu Anda dan anggota tim Anda tentang pengiriman formulir baru, mengirimkan detail pengiriman kepada pelanggan, dan banyak lagi.

Jika Anda ingin informasi lebih lanjut tentang ini, Anda dapat memeriksa panduan kami tentang Cara Mengatur Pemberitahuan & Konfirmasi Formulir yang Benar.

Demikian juga, WPForms memungkinkan Anda memutuskan apa yang terjadi setelah pengguna mengirimkan informasi kontak mereka di situs Anda. Buka tab Pengaturan »Konfirmasi dan Anda akan melihat opsi untuk memilih tindakan konfirmasi.

Jadi Anda dapat menampilkan pesan 'terima kasih' khusus di frontend setelah pengguna menekan tombol kirim. Atau, pilih opsi pengalihan untuk mengarahkan pengguna ke halaman lain di situs Anda atau URL eksternal.

Setelah Anda selesai dengan pengaturan formulir, pastikan Anda mengklik tombol Simpan .

Sekarang setelah formulir kontak Anda siap, Anda dapat memasukkannya ke situs web Anda menggunakan Divi Builder.

Langkah 4: Tambahkan Modul WPForms di Divi

Untuk menambahkan formulir kontak ini di halaman atau pos mana pun, buka Divi Builder dan pilih tata letak baris seperti yang kita lakukan untuk modul formulir kontak Divi.

Satu-satunya perbedaan di sini adalah Anda harus mencari modul WPForms .

Setelah Anda memasukkan blok WPForms, Anda akan melihat pengaturan untuk memilih formulir kontak yang baru saja Anda buat. Ada juga opsi untuk menampilkan judul dan deskripsi formulir kontak Anda.

Anda bahkan dapat mengubah desain dan gaya untuk formulir kontak Anda dengan Divi Builder. Saat Anda senang dengan tampilan formulir kontak Divi Anda, klik tombol tanda centang kanan.

Langkah 5: Publikasikan Formulir Kontak Divi Anda

Langkah terakhir adalah mempublikasikan formulir kontak Anda. Untuk ini, klik tombol 3 titik di bagian bawah Divi Builder.

Kemudian, Anda akan melihat berbagai opsi seperti zoom, pratinjau responsif, dan lainnya. Di sisi kanan, ada dua tombol: Simpan Draf dan Terbitkan.

Klik tombol Terbitkan untuk menerbitkan halaman Anda dan formulir kontak di situs WordPress Anda.

Anda telah berhasil membuat formulir kontak menggunakan Divi dan WPForms. Meskipun Divi memang menawarkan modul formulir kontak, ia tidak memiliki beberapa fitur seperti pengunggahan file, manajemen entri, dan integrasi daftar email.

Dengan WPForms, Anda dapat dengan mudah menyelesaikan masalah ini. Itu dikemas dengan fitur dan fungsi yang membantu Anda membuat semua jenis formulir kontak dari dasar hingga profesional.

WPForms juga memungkinkan Anda membuat formulir WordPress untuk tujuan apa pun tergantung pada kebutuhan Anda. Anda dapat membuat formulir pemesanan, formulir pendaftaran acara, formulir pendaftaran, dan banyak lagi.

Dan itu saja untuk hari ini! Kami harap tutorial ini membantu Anda mempelajari cara membuat formulir kontak Divi di WordPress dengan mudah.

Jika Anda ingin bantuan lebih lanjut dengan formulir WordPress, Anda dapat memeriksa sumber daya ini:

• Cara Membuat Formulir Pendaftaran Acara di WordPress
• 8 Alat Penangkap Email & Pembuat Formulir Terbaik untuk WordPress
• Cara Mudah Mengurangi Pengabaian Formulir

Posting ini akan membantu Anda mendaftarkan pengguna di formulir WordPress Anda dan mengembangkan daftar email Anda. Yang terakhir akan membantu Anda mengurangi tingkat pengabaian pada formulir Anda dan meningkatkan konversi Anda.