Cara Membuat Halaman Kontak Kami Di WordPress Dengan Elementor

Diterbitkan: 2022-09-22

Halaman hubungi kami adalah salah satu halaman terpenting di sebuah situs web. Ini memungkinkan pengunjung untuk berhubungan dengan perusahaan atau individu di belakang situs web. Halaman hubungi kami yang baik akan menyertakan formulir yang memungkinkan pengunjung mengirimkan nama, alamat email, dan pesan mereka. Ini juga akan mencakup cara bagi pemilik situs web untuk kembali ke pengunjung, seperti nomor telepon atau alamat email. Ada banyak plugin dan tools yang bisa digunakan untuk membuat halaman contact us. Pada artikel ini, kami akan menunjukkan cara membuat halaman hubungi kami di WordPress dengan Elementor. Elementor adalah plugin pembuat halaman WordPress populer yang memungkinkan Anda membuat halaman dan posting khusus dengan drag and drop.

Sebagian besar pemilik dan perancang situs web tidak menyadari pentingnya memiliki halaman kontak. Pada artikel ini, kita akan melihat dasar-dasar halaman Kontak dan bagaimana membangun halaman yang hebat. Halaman Hubungi Kami untuk perusahaan kami akan dirancang menggunakan Elementor's Page Builder dan PowerPack Addon. Formulir kontak harus ditambahkan sebagai langkah pertama. Plugin Formulir Kontak 7 digunakan untuk menyesuaikan formulir kontak. Langkah 3: Bagikan widget daftar informasi di antara kolom di baris yang sama. Ikon, warna, teks, spasi, dan padding semuanya harus diubah.

Langkah ketiga adalah drag dan drop widget Google Maps PowerPack. Anda bisa mendapatkan lokasi kantor Anda dengan menggunakan koordinat lintang dan bujur. Untuk memublikasikan perubahan, klik tombol Publikasikan di sudut kiri bawah halaman.

Bagaimana Cara Membuat Formulir Kontak Di WordPress Elementor?

Kredit: WPForms

Anda dapat membuat formulir kontak di WordPress Elementor dengan mengikuti langkah-langkah berikut: 1. Masuk ke akun WordPress Anda dan buka Dashboard Anda. 2. Di bilah sisi kiri, arahkan kursor ke Elementor dan klik Tambah Baru. 3. Beri judul pada formulir kontak Anda dan klik tombol Edit dengan Elementor. 4. Di editor Elementor, seret dan lepas widget formulir kontak ke dalam tata letak Anda. 5. Konfigurasikan pengaturan formulir kontak dan klik tombol Terbitkan.

Elementor adalah pembuat halaman yang menyediakan berbagai fitur dan fungsi. Formulir Lancar adalah pembuat formulir yang paling sederhana dan mudah digunakan untuk membuat formulir. Pada artikel ini, kita akan mempelajari cara membuat Formulir Kontak Elementor terbaik . Anda akan belajar cara membuat formulir kontak Elementor menggunakan salah satu dari dua metode. Plugin Elementor Forms tidak menyertakan semua fitur plugin pembuat formulir biasa. Tidak ada fitur bawaan untuk mengelola kiriman dalam sistem. Pembuat formulir dengan berbagai bidang, fungsi, dan integrasi, serta layanan manajemen data, akan membantu Anda menganalisis prospek yang Anda hasilkan.

Dengan Formulir Lancar, Anda memiliki kendali penuh atas bagaimana Anda menyesuaikan formulir Anda di pembuat halaman Elementor . Fluent Forms diinstal dengan cara yang sama seperti plugin WordPress lainnya. Jika Anda tidak memiliki dasbor WordPress, Anda dapat menginstal dan mengaktifkannya dengan membuka WordPress.org. Anda perlu meningkatkan ke versi pro untuk mendapatkan akses ke semua fitur dalam versi gratis. Formulir Lancar memungkinkan Anda untuk memilih kontak elemen atau apa pun yang Anda inginkan, dan Anda juga dapat menambahkan desain Anda sendiri ke dalamnya. Bidang input dapat diatur ulang, teks dapat dioptimalkan, warna latar belakang gradien dapat diubah, dan konten tipografi dapat diubah. Formulir Anda dapat dipublikasikan di halaman lain atau di dalam blog, mana saja yang nyaman bagi Anda.

Bagaimana Cara Menambahkan Halaman Kontaktor 7 ke Elementor?

Kredit: foliovision.com

Tidak ada jawaban yang cocok untuk semua pertanyaan ini, karena proses menambahkan halaman kontaktor 7 ke Elementor akan bervariasi tergantung pada halaman kontaktor 7 tertentu yang Anda coba tambahkan. Namun, secara umum, Anda harus terlebih dahulu membuat halaman baru di Elementor, lalu menambahkan halaman kontaktor 7 ke halaman tersebut menggunakan tombol “ Tambah Halaman ”. Setelah halaman kontaktor 7 ditambahkan, Anda dapat menyesuaikannya sesuai keinginan Anda menggunakan berbagai alat Elementor.

Formulir Kontak 7 adalah pembuat formulir kontak WordPress yang telah ada selama beberapa waktu. Plugin Contact Form 7 tidak menyertakan fungsionalitas bawaan yang memungkinkan Anda mengintegrasikannya secara langsung dengan Elementor. Dengan menggunakan plugin dan add-on pihak ketiga seperti PowerPack Addons for Elementor, Anda dapat mendesain Contactform 7 untuk memenuhi kebutuhan spesifik Anda. Di menu tarik-turun, pilih Formulir Kontak 7. Dengan menggunakan editor elemen, Anda dapat membuat halaman baru atau mengedit halaman yang sudah ada. Anda dapat menarik dan melepas widget yang baru saja Anda buat ke halaman yang baru saja Anda buat. Menambahkan judul dan deskripsi yang menarik dan unik ke formulir Anda adalah sebuah pilihan.

Selain itu, pesan validasi dapat ditampilkan tanpa perlu menjalankan kode apa pun. Gaya kustom dapat ditambahkan ke tombol radio di Formulir Kontak PowerPack 7 menggunakan widget penata gaya formulir 7 kontak. Dengan mengubah tipografi, menambahkan warna latar belakang dan teks, dan mengonfigurasi pengaturan batas dan margin, Anda dapat dengan mudah menyesuaikan pesan Anda. Add-on PowerPack Elementor hadir dengan lebih dari 80 widget dan lebih dari 200 templat halaman dan bagian yang telah dibuat sebelumnya.

Formulir Kontak Elemen Tidak Berfungsi

Kredit: WordPress

Jika Anda mengalami masalah dengan formulir kontak Elementor Anda tidak berfungsi, ada beberapa hal yang dapat Anda periksa. Pertama, pastikan Anda memasukkan alamat email yang benar di bidang "Kepada". Selanjutnya, periksa URL tindakan formulir Anda untuk memastikannya sudah benar. Terakhir, periksa pengaturan pemberitahuan email untuk memastikannya diaktifkan.

Kode Pendek Formulir Kontak Elemen

Cara termudah untuk menambahkan formulir kontak ke situs web Anda adalah dengan menggunakan kode pendek formulir kontak. Ada sejumlah shortcode formulir kontak yang tersedia, tetapi yang paling populer adalah shortcode [formulir kontak-7]. Kode pendek ini dapat digunakan untuk membuat formulir kontak sederhana atau formulir kontak yang lebih kompleks dengan beberapa bidang. Untuk menggunakan kode pendek [formulir kontak-7], cukup tambahkan ke konten halaman atau posting Anda di mana Anda ingin formulir kontak muncul. Kemudian, isi kode pendek dengan bidang dan nilai yang diinginkan. Misalnya, untuk membuat formulir kontak sederhana dengan bidang nama, bidang email, dan bidang pesan, Anda akan menggunakan kode pendek berikut: [contact-form-7] name=”Nama Anda” email=”[email protected] ” message=”Pesan Anda” [/contact-form-7] Kode pendek ini akan membuat formulir kontak dengan bidang yang ditentukan. Bidang nama dan email wajib diisi, tetapi bidang pesan bersifat opsional. Jika Anda ingin menambahkan bidang tambahan ke formulir kontak, cukup tambahkan ke kode pendek. Misalnya, untuk menambahkan bidang nomor telepon, Anda akan menggunakan kode pendek berikut: [contact-form-7] name=”Nama Anda” email=”[email protected]” phone=”Nomor Telepon Anda” message=”Pesan Anda ” [/contact-form-7] Anda juga dapat menentukan bagaimana formulir harus dikirimkan. Secara default, formulir akan dikirimkan melalui email, tetapi Anda juga dapat menentukan URL untuk mengirimkan data formulir. Misalnya, untuk mengirimkan data formulir ke URL, Anda akan menggunakan kode pendek berikut: [contact-form-7] name=”Nama Anda” email=”[email protected]” action="http://example.com /form-handler” message=”Pesan Anda” [/contact-form-7] Kode pendek ini akan mengirimkan data formulir ke URL yang ditentukan. Data formulir akan dikirimkan sebagai permintaan GET, sehingga data akan terlihat di URL. Jika Anda ingin mengirimkan data formulir sebagai permintaan POST, Anda juga dapat menentukan atribut metode. Misalnya, untuk mengirimkan data formulir sebagai POST

Mad Lemmings menunjukkan cara melakukannya dengan Elementor: Three Easy Ways to Do It. Semua opsi ini sederhana, tetapi tergantung pada kebutuhan Anda dan plugin apa yang Anda butuhkan, Anda mungkin perlu memutakhirkannya. Plugin Elementor Pro adalah yang paling umum dan mudah digunakan. Opsi lain yang saya pertimbangkan adalah WPForms. Klien saya senang menggunakan pembuat formulir ini sebagai lawan dari Formulir Kontak standar 7. Jika Anda menerima default Formulir Kontak 7, Elementor sepenuhnya mudah digunakan untuk membuat formulir kontak. Untuk membuat formulir kontak dasar dengan nama, alamat email, subjek, dan pesan, Anda harus mengunduh dan menginstal plugin terlebih dahulu.

Di Contact Force 7, saya merasa sulit untuk memahami cara mengirim pesan email melalui formulir (sesuatu yang juga dapat saya lakukan dengan formulir). Ada beberapa masalah dengan WPForms, pembuat formulir berbasis teks yang ceroboh dan rentan terhadap kesalahan. Beberapa pengembang plugin Elementor telah membuat plugin yang memungkinkan Anda mengedit dan menata formulir Anda. Penting untuk diingat bahwa tidak semuanya selalu up to date; Anda dapat melihat tanggal Terakhir Diperbarui di sisi kanan halaman untuk melihat kapan itu diperbarui.

Cara Menambahkan Formulir Kontak ke Halaman Anda

Jika Anda menggunakan Editor Visual, navigasikan ke panel widget dan seret widget formulir kontak ke halaman Anda. Jika Anda menyertakan kode pendek formulir kontak, itu akan ditambahkan ke konten halaman Anda.

Formulir Kontak Elemen

Formulir kontak Elementor adalah salah satu cara terbaik untuk tetap berhubungan dengan pelanggan Anda dan mendapatkan umpan balik dari mereka. Ini adalah formulir sederhana dan mudah digunakan yang dapat disesuaikan dengan kebutuhan Anda. Anda dapat menambahkan bidang, mengubah tata letak, dan bahkan menambahkan CSS khusus agar terlihat persis seperti yang Anda inginkan.

Anda dapat menjangkau pengunjung Anda meskipun mereka tidak mengetahui alamat email Anda dengan menggunakan formulir kontak. Menyiapkan formulir kontak dengan plugin WPForms adalah cara paling sederhana untuk melakukannya. Karena terintegrasi dengan pembuat halaman Elementor, ini adalah pilihan ideal untuk situs Elementor. Dengan mengikuti petunjuk ini, Anda akan mempelajari cara menggunakan plugin dan Elementor ini untuk membuat formulir kontak. Siapa pun yang menggunakan WPForms akan merasa sangat mudah menggunakannya. Di sisi kiri pembuat formulir, pilih Pengaturan, lalu Pemberitahuan. Di sebelah kanan, Anda dapat menemukan semua bidang yang dapat Anda tambahkan ke formulir kontak Anda.

Anda juga dapat menyeret bidang ke atas dan ke bawah untuk memindahkannya. Pada langkah 4, Elementor harus menyertakan halaman Hubungi Kami. Elementor dapat dikonfigurasi untuk membuat formulir kontak dengan alat pembuat formulir. Langkah keenam adalah membuat halaman Elementor Hubungi Kami untuk perusahaan Anda. Satu-satunya hal yang perlu Anda lakukan adalah mengklik tombol Publish berwarna hijau di bagian bawah layar. Saat menggunakan plugin, Anda dapat dengan mudah mengubah warna teks, tipografi, dan warna latar belakang. Dengan menggabungkan layanan pemasaran email favorit Anda dengan formulir, Anda dapat terhubung ke sana. Formulir kontak mudah dibuat dengan WordPress sebagai plugin formulir kontak.

Bagaimana Cara Mengubah Formulir Kontak Di Elementor?

Arahkan ke Editor Elementor Semua widget akan terlihat di editor setelah plugin diinstal. Seret dan lepas widget ke kolom baru setelah Anda menemukan widget Formulir Kontak 7. Anda akan dibawa ke bagian ' Edit Formulir Kontak 7′ setelah Anda selesai mengisi formulir.

Api Pengembang Forminator Terbuka Dan Dapat Diakses

Tidak ada cara yang lebih baik untuk membangun sesuatu yang baru di atas Forminator selain menggunakannya sebagai titik awal. Semua data dan fungsi platform dapat diakses dengan menggunakan API pengembang Forminator. Jika Anda tertarik untuk mempelajari lebih lanjut tentang kait dan filter, silakan lihat contoh kami.
Plugin Forminator WordPress memungkinkan Anda membuat formulir khusus dan integrasi dengan aplikasi lain. Karena gratis dan terbuka untuk jutaan pengguna, Anda dapat menambahkan fungsionalitas ke situs web WordPress Anda atau membuat aplikasi Anda sendiri.
Anda dapat menggunakan API pengembang Forminator untuk mendapatkan akses penuh ke platform, semua fiturnya, dan semua datanya.

Pembuat Halaman Elemen

Elementor adalah plugin pembuat halaman untuk WordPress yang memungkinkan Anda membuat halaman WordPress yang indah dan responsif dalam hitungan menit, tanpa harus menulis kode apa pun. Elementor hadir dengan editor drag-and-drop yang kuat yang memungkinkan Anda menambahkan, menghapus, dan mengatur ulang elemen pada halaman Anda dengan mudah. Anda juga dapat menggunakan Elementor untuk membuat halaman produk WooCommerce kustom, tabel harga, dan banyak lagi.

Elementor adalah pembuat situs WordPress front-end yang sangat intuitif dan populer. Dengan aplikasi ini, pengguna memiliki akses ke banyak pilihan opsi penyesuaian melalui drag-and-drop sederhana dan penggunaan lebih dari 90 widget. Elementor menambahkan lapisan baru interaktivitas ke pengalaman desain dengan memungkinkan penambahan halaman arahan, popup, animasi, dan formulir. Elementor adalah pembuat situs web WordPress yang populer. Anda tidak perlu menjadi ahli dalam pengkodean untuk memulai, dan Anda dapat membuat situs web dalam hitungan menit, termasuk situs e-niaga. Elementor memiliki lebih dari 3.000.000 pengguna aktif pada Agustus 2016.