Cara Membuat Formulir Kontak Elementor [Panduan Pengembang]

Diterbitkan: 2021-05-03

Bagaimana cara membuat formulir kontak Elementor menggunakan add-on? Nah, pada artikel kali ini kita akan membahas cara yang paling bisa kamu lakukan. Tahukah Anda betapa berharganya pengunjung yang terlibat dengan situs web? – Melalui halaman “hubungi kami”. Memang! Tapi, itu adalah halaman yang paling diremehkan di sebuah situs web. Sudut kecil yang nyaman ini tidak diperhatikan oleh banyak desainer atau pemilik situs web.

Sebagian besar pembuat situs web yang menggunakan Elementor tidak terlalu mementingkan formulir kontak. Mereka macet saat mencoba menambahkan formulir kontak Elementor. Alasannya karena mereka menganggapnya rumit.

Akibatnya, situs web menjadi tidak ramah karena penempatan informasi "hubungi kami" yang buruk. Formulir kontak yang tidak ramah menyulitkan pengguna untuk menemukan halaman tersebut. Pengguna tidak dapat menghubungi pemilik untuk memperbaiki kueri mereka.

Jadi, penting untuk membuat formulir kontak yang lebih baik untuk sebuah situs web. Bagaimana cara membuat formulir kontak Elementor yang lebih baik? Itulah yang akan kita bahas dalam artikel ini. Tetaplah bersama kami.

Apa itu Formulir Kontak di Situs Web?

Formulir kontak adalah formulir kecil berbasis web di situs web. Di sinilah pengunjung tetap berhubungan dengan pemilik situs. Ini membantu untuk membangun hubungan dan koneksi dengan pengunjung. Juga, ini membantu menghasilkan arahan ke situs.

Pada dasarnya, formulir kontak mencakup serangkaian pertanyaan yang diisi pada halaman oleh pengunjung. Formulir yang telah diisi kemudian dikirim ke pemilik situs sebagai pesan. Namun, formulir kontak ini memicu pesan email dan mengirimkannya ke kotak masuk email pemilik situs.

Pemilik situs mendapatkan pesan dari pengunjung tanpa mengungkapkan informasi email mereka kepada spammer. Dengan demikian, pemilik situs akan diberi tahu tentang masalah apa pun dengan situs atau segala hal lainnya di antaranya.

Mengapa Memiliki Formulir Kontak di Situs Web Anda Penting?

Pada titik tertentu, Anda mungkin bertanya-tanya mengapa Anda harus memiliki formulir kontak di situs web. Anda memang bisa menyelesaikan pekerjaan dengan alamat email. Bagaimanapun, Anda membutuhkan media untuk menjangkau pengunjung Anda.

Tapi, memiliki formulir kontak membuat perbedaan dalam sebuah situs web. Di bawah ini kami akan memberi tahu Anda mengapa disarankan untuk memiliki formulir kontak di situs web Anda.

Formulir Kontak Menambahkan Profesionalisme ke Situs

Sebuah situs web tidak sempurna tanpa formulir kontak yang sesuai. Saat Anda menambahkan formulir kontak ke situs Anda, itu terlihat lebih profesional bagi pengguna. Tapi, hanya meletakkan formulir kontak tidak akan membantu. Anda harus menempatkan formulir kontak secara strategis. Jadi, pengunjung Anda menemukannya dengan mudah.

Lindungi Situs Web Dari Email Spam

Seperti disebutkan sebelumnya, membuat alamat email Anda publik bukanlah ide yang baik. Itu tidak apa-apa selain membuka kotak masuk Anda ke spammer. Spambot sering mengikis alamat email dari situs web. Ketika robot spam menemukan alamat email Anda, itu bisa bercampur dengan semua milis berisi spam.

Menjadi sulit untuk membersihkannya. Bila Anda menggunakan formulir kontak, itu dapat menghemat waktu dan energi Anda. Selain itu, formulir kontak membuat lapisan aman karena semua jenis spam difilter yang datang kepada Anda. Dengan demikian, Anda dapat melindungi kotak masuk Anda dari robot.

Memang, formulir kontak tidak dapat menghentikan semua spam. Kadang-kadang datang melalui formulir di situs Anda. Praktik terbaik adalah menggunakan CAPTCHA.

Membuat Anda Tersedia Sepanjang Waktu

Formulir kontak berfungsi seperti pengganti Anda. Itu membuat Anda 24/7 tersedia untuk menjawab pertanyaan. Seiring pertumbuhan bisnis Anda, Anda secara bertahap akan mendapatkan lebih banyak kueri dari pengunjung. Bagaimana menangani situasi?

Mudah, Anda dapat mengatur balasan otomatis pada formulir kontak. Setiap kali pengunjung menekan tombol kirim, mereka akan segera menerima pesan. Dengan cara ini, formulir kontak memudahkan Anda menjawab semua pertanyaan.

Formulir Kontak Membantu Membawa Lebih Banyak Prospek

Sebagai pemilik situs web bisnis, target Anda adalah mendapatkan lebih banyak prospek di situs. Itu sebabnya; Anda memerlukan formulir kontak di situs Anda. Formulir kontak memudahkan pengunjung baru untuk menghubungi Anda.

Ketika Anda hanya mempublikasikan email, pengunjung tidak akan kesulitan membuat email secara manual. Formulir kontak mencakup semua pertanyaan penting yang mudah diisi. Ini akan membuat pengunjung acak tertarik dengan situs Anda.

Penggunaan Multifungsi

Formulir kontak berfungsi sebagai media untuk berkomunikasi secara 2 arah. Tapi itu bukan satu-satunya alasan untuk menggunakannya. Formulir kontak juga melayani tujuan lain, seperti memberikan umpan balik, untuk pertanyaan, mendaftar untuk acara apa pun, dll.

Buat Daftar Pemasaran Email

Email adalah cara yang terjangkau untuk menjangkau audiens. Setiap kali pengunjung mengisi formulir kontak, Anda dapat mengumpulkan informasi mereka. Kemudian, Anda dapat menambahkannya ke daftar email Anda. Selain itu, menambahkan kotak centang kontak konstan memungkinkan mendapatkan pelanggan baru saat mereka mendaftar.

Bagaimana Cara Membuat Formulir Kontak Elementor?

Hal pertama yang pertama, pastikan Anda telah menginstal dan mengaktifkan Elementor dan Elementor Pro. Apa berikutnya? Sekarang Anda dapat melanjutkan ke proses desain.

Langkah 01: Tambahkan Widget Kontak dari Elementor Library

Untuk memulainya, buka halaman tempat Anda ingin menggunakan formulir kontak Elementor. Jika Anda tidak yakin di mana harus menempatkan formulir kontak di situs Anda, kami memiliki opsi untuk Anda. Halaman tentang dan beranda membuat tempat yang lebih baik untuk formulir kontak.

Saat Anda membuka pustaka Elementor, Anda akan menemukan banyak formulir widget kontak. Di Elementor, widget ini disebut 'form'. Pilih widget favorit Anda dan seret ke halaman web Anda.

Langkah 02: Siapkan Bidang yang Diperlukan Anda di Formulir Kontak

Sekarang saatnya untuk mengatur bidang formulir kontak Anda. Anda akan menemukan berbagai pengaturan untuk widget formulir kontak Anda di elementor. Elementor telah diisi dengan bidang yang diperlukan. Ini umumnya memiliki informasi, seperti;

  • Nama belakang
  • Surel
  • Pesan

Bidang ini adalah elemen dari formulir kontak dasar. Namun, Anda juga dapat memiliki lebih banyak bidang di formulir kontak Anda. Anda dapat menambahkan pertanyaan prakualifikasi, seperti mengetahui anggaran klien. Menurut anggaran klien, Anda dapat mempersempit prospek yang sesuai.

Langkah 03: Tambah atau Hapus Bidang Tambahan dari Formulir Kontak

Di formulir kontak elemen, ada tab bernama "Tambah Item." Anda dapat mengklik tambahkan item untuk membuat bidang baru ke formulir kontak Anda. Ada berbagai pengaturan untuk item seperti, Type, Label, Placeholder, Required, Column Width, dll.

"Jenis" menunjukkan jenis bidang yang dapat Anda tambahkan ke formulir. Jenisnya bisa berupa teks, email, URL, kata sandi, reCAPTCHA, dll. Kemudian, “Label” menunjukkan elemen di atas bidang formulir. "PlaceHolder" adalah teks yang Anda ingin pengguna masukkan.

Pengaturan kedua hingga terakhir adalah "Diperlukan," yang merupakan sakelar sakelar sederhana. Saat aktif, itu tidak mengizinkan pengguna untuk mengirimkan formulir yang tidak terisi. Terakhir, "Lebar Kolom" memungkinkan Anda untuk menyelaraskan dan menumpuk bidang sesuai keinginan.

Tab Lanjutan: Selain tab konten, ada tab "Lanjutan". Ini termasuk Nilai Default, ID, dan Kode Pendek. Lihat, ada banyak opsi untuk Anda di elementor. Anda juga dapat menghapus tab dengan mengklik tanda tutup.

Langkah 04: Siapkan Tujuan untuk Data dari Formulir Kontak

Sekarang saatnya untuk menetapkan tujuan kemana Anda ingin informasi itu pergi. Klik pada opsi "Email" untuk melihat opsi yang tersedia. Pilihannya meliputi;

  • Ke
  • Subjek
  • Pesan
  • Dari email
  • Dari nama
  • Membalas ke
  • CC dan BCC

Sebagian besar opsi ini sudah diisi sebelumnya, jadi Anda tidak perlu melakukan perubahan apa pun. Anda dapat mengklik berikutnya dan menyimpan halaman. Selanjutnya, Anda akan menemukan bidang kotak meta yang menyertakan metadata. Anda dapat mengaturnya untuk dikirim dengan pengiriman formulir kontak. Terakhir, ada opsi "Kirim Sebagai", yang tidak perlu Anda ubah.

Langkah 05: Atur Pesan Otomatis Formulir Kontak

Editor formulir elemen memungkinkan Anda membuat pesan otomatis yang ingin Anda kirim ke pengguna. Anda dapat mengubah pesan sesuai formulir Anda. Mengubah bentuk membuatnya lebih realistis.

Klik pada "Opsi Tambahan" untuk mengaktifkan opsi perpesanan khusus. Kemudian, ketuk opsi "Pesan Kustom" ke "Ya," yang memungkinkan empat jenis pesan berbeda. Pesan-pesan tersebut meliputi;

  • Pesan sukses – Pesan ini terlihat oleh pengguna akhir setelah mereka mengisi formulir dengan benar.
  • Pesan kesalahan – Pesan ini muncul saat terjadi kesalahan di antaranya.
  • Pesan yang diperlukan – Ini menunjukkan ketika pengguna melewatkan bidang apa pun.
  • Pesan tidak valid - Ini ditampilkan ketika ada sesuatu yang salah di antaranya.

Langkah 06: Gaya Formulir Kontak Anda Menggunakan Elementor

Sekarang sampai pada bagian yang menarik pengguna. Klik pada tab "Gaya" di editor elemen. Ada banyak opsi untuk mempersonalisasi formulir kontak Anda. Anda dapat menyesuaikan spasi, warna, padding, label, tombol, input, dan banyak lagi.

Setup 07: Publikasikan Formulir Kontak Anda

Semuanya harus diatur seperti yang Anda inginkan di formulir kontak Anda. Sekarang saatnya untuk mempublikasikannya kepada pengguna akhir. Publikasikan formulir kontak dengan mengklik tombol "Perbarui". Besar! Anda sekarang sudah siap dengan formulir kontak yang Anda inginkan.

6 Addons Elementor Terbaik untuk Membangun Formulir Kontak yang Menarik

Membangun kontak yang disebutkan di atas formulir dimungkinkan ketika Anda menggunakan Elementor Pro. Jika Anda tidak dapat mengaksesnya, jangan khawatir, ada berbagai add-on elemen atau alternatif yang tersedia. Alternatif berikut ini benar-benar gratis.

  1. Addon Formulir Kontak Droit untuk Elementor – Menawarkan Elementor add on gratis seumur hidup.
  2. HubSpot – Ini adalah plugin pemasaran online gratis yang dapat Anda gunakan untuk menambahkan formulir, obrolan langsung, munculan, dll.
  3. Plugin WPForms – Ini adalah versi dasar yang menawarkan banyak fitur. Anda dapat membuat formulir kontak dasar, dan mudah diintegrasikan dengan Elementor.
  4. Formulir Kontak 7 – Ini adalah opsi yang bermanfaat dan langsung yang dilengkapi dengan kode pendek bawaan.
  5. Forminator – Muncul dengan antarmuka yang mudah digunakan. Plugin ini memiliki lebih dari 2 juta pemasangan aktif.
  6. Caldera Forms – Ini mencakup berbagai fitur canggih yang tersedia secara gratis.

FAQ: Bagaimana Membuat Formulir Kontak Elementor?

1. Bagaimana Cara Menambahkan Formulir Kontak di Elementor?

Buka halaman di Elementor tempat Anda ingin menambahkan formulir kontak. Temukan widget Elementor atau widget formulir kontak 7. Kemudian, seret dan lepas widget ke halaman. Kemudian, pilih Templat formulir. Anda dapat melihat bentuk putih.

Sekarang klik tombol edit, dan Anda akan menemukan tab gaya di menu sebelah kiri. Pilih latar belakang yang Anda inginkan. Sekarang kembali ke pengaturan, gaya formulir dan terakhir klik tombol "Terbitkan".

2. Apakah Elementor Memiliki Bentuk?

Tentu saja, elementor mencakup lebih dari sepuluh jenis bidang formulir yang berbeda. Anda bisa mendapatkan data yang Anda cari di situs web Anda. Informasi tersebut meliputi nama, email, nomor telepon, dll.

3. Bagaimana Saya Menyesuaikan Formulir Kontak di WordPress?

Menyesuaikan formulir kontak di WordPress relatif lebih mudah. Klik pada Penampilan di panel admin. Pilih opsi kustomisasi untuk mengubah pengaturan.

4. Bagaimana Cara Menggunakan Widget Formulir Kontak Droit?

Add-on Droit Elementor adalah perpanjangan dari Elementor. Ini bertujuan untuk meningkatkan pengalaman desain situs web Anda. Droit hadir dengan banyak widget praktis, pemuatan aset sesuai permintaan, dll.

Untuk menggunakan widget, Anda perlu mencolokkan ekstensi ke pembuat halaman elemen. Kemudian, Anda dapat mendesain formulir kontak yang berbeda dengan prasetel pra-bangun. Ini memungkinkan mengubah latar belakang, bayangan, tipografi, perbatasan, dll.

5. Dimana Elementor Forms Disimpan?

Formulir elemen disimpan dalam tabel postmeta. Data formulir disimpan dalam kunci meta “_elementor_data” untuk setiap formulir atau halaman.

Membungkus!

Itu saja untuk hari ini, teman-teman! Sampai sekarang, Anda telah mempelajari cara membuat formulir kontak Elementor. Kami berasumsi bahwa Anda telah membuat formulir kontak yang luar biasa. Bukankah lebih mudah? Memang, Elementor cepat dan mudah.

Lihat, membuat formulir kontak tidak membutuhkan waktu berjam-jam saat Anda menginstal Elementor pro. Sekarang Anda dapat membuat lebih banyak perubahan lebih lanjut di formulir kontak Anda.