Cara membuat formulir kontak dengan WordPress Woocommerce

Programming

Oleh Vinci terakhir diubah pada 11 Juli 2022.

Formulir kontak adalah salah satu komponen terpenting dari situs e-niaga. Ini untuk memungkinkan pelanggan terhubung dengan penjual. Ini memungkinkan pelanggan untuk bertanya dan memposting pertanyaan mereka tentang pesanan dan berinteraksi dengan penjual.

Plugin WooCommerce WordPress membantu Anda membuat toko online Anda dalam hitungan menit. Membuat formulir kontak di toko eCommerce WordPress Anda sangat mudah.

Ada plugin di pasar untuk menyesuaikan formulir kontak WooCommerce. Semuanya memberikan kode pendek atau opsi untuk menyematkan formulir di halaman.

Kami juga dapat membuat solusi khusus untuk merender formulir di halaman WooCommerce.

Ada banyak cara untuk merender formulir kontak WooCommerce dalam file template. Sebagai contoh,

  1. Dengan membuat kode pendek dengan tema function.php
  2. Menggunakan plugin WordPress khusus atau yang sudah ada.
  3. Dengan membuat widget untuk menampilkan form kontak.

Artikel ini menunjukkan beberapa plugin yang tersedia untuk integrasi formulir kontak WooCommerce. Ini juga menjelaskan cara mengonfigurasi plugin ini untuk merender formulir di halaman toko.

Alasan memiliki formulir kontak di toko WooCommerce

Formulir kontak WooCommerce sangat penting untuk alasan berikut.

  1. Izinkan pelanggan untuk mengajukan pertanyaan dan tiket dukungan.
  2. Untuk memungkinkan diskusi tentang pembelian.
  3. Untuk mendorong pelanggan untuk menambahkan umpan balik dan komentar untuk meningkatkan penjualan.
  4. Untuk menanyakan produk dan pemesanan

Daftar plugin formulir kontak Woocommerce

Ini adalah daftar plugin WordPress yang digunakan untuk membuat formulir kontak WooCommerce. Sebagian besar dari mereka memiliki versi gratis dan integrasinya sederhana.

Plugin formulir kontak Jumlah fasilitas pembaruan terbaru
Formulir WP 5+ juta 2 minggu yang lalu
Formulir Kontak 7 (CF7) 5+ juta 3 bulan yang lalu
Bentuk ninja 1+ juta 2 bulan yang lalu
Profesional yang kuat 300.000+ 2 hari yang lalu
Formulir kontak awal yang sederhana 10000+ 2 bulan yang lalu
Formulir kontak oleh BestWebSoft 80.000+ 2 bulan yang lalu
Bentuk Gravitasi 20000 20000+ 2 minggu yang lalu

Instal dan aktifkan plugin WooCommerce untuk mengubah situs WordPress menjadi toko online.

Kemudian, integrasikan salah satu plugin di atas untuk menyediakan formulir kontak WooCommerce di toko.

Di bagian yang akan datang, kita akan melihat mekanisme penggunaan plugin gratis dalam daftar di atas.

Sebelum itu, instal WordPress dan unduh plugin WooCommerce untuk menginstal dan mengaktifkannya.

Bagaimana cara membuat formulir kontak menggunakan WPForms?

Plugin WPForms membantu membuat formulir kontak WooCommerce dalam 5 menit.

Ada dua langkah untuk menampilkan formulir kontak di halaman WordPress WooCommerce.

  • Kustomisasi formulir kontak menggunakan pengaturan WPForms.
  • Sematkan formulir kontak WooCommerce ke halaman yang sudah ada atau baru.

Untuk menyesuaikan formulir kontak, ikuti langkah-langkah di bawah ini dengan admin WordPress

  • Buka WpForms -> Semua Formulir melalui menu sebelah kiri.
  • Pilih judul formulir kontak dan templat.
  • Buat formulir dengan menyeret dan menjatuhkan alat bidang dan menyimpan formulir.
  • Sematkan formulir di halaman yang sudah ada atau yang baru dibuat.

Menyematkan formulir kontak WooCommerce di templat toko sangat mudah.

  • Pilih formulir kontak yang akan disematkan.
  • Klik opsi “Sematkan” di bagian atas editor formulir di sebelah tombol “Simpan”.
  • Pilih salah satu dari tiga cara seperti yang ditunjukkan di bawah ini untuk menyematkan formulir kontak WooCommerce.

Sematkan formulir kontak WooCommerce

Bagaimana cara membuat formulir kontak WooCommerce menggunakan CF7?

Contact Form 7 adalah salah satu plugin kustomisasi formulir yang paling banyak diinstal. Ini membantu untuk menyesuaikan formulir kontak WooCommerce dalam aspek berikut.

Instal dan aktifkan proses Wizard Kustomisasi Formulir Kontak.

Formulir kontak WooCommerce 7

Langkah 1: Sesuaikan templat formulir

Mencakup semua bidang formulir yang mungkin untuk dirender di Templat formulir. Ini memiliki opsi yang dapat dipilih di bagian atas editor teks kaya dari jendela pengeditan formulir.

Langkah 2: Sesuaikan format email

Kemudian, ini memungkinkan Anda untuk mendesain template email. Dalam opsi ini, dimungkinkan untuk membuat header dan isi email dengan subjek dan detail lainnya.

Kustomisasi template email CF7

Langkah 3: Konfigurasikan pesan konfirmasi

Pesan pengakuan memandu pengguna akhir. Ini membantu untuk melengkapi formulir kontak WooCommerce dengan mudah. Ini untuk tujuan berikut.

  • Untuk merespons dengan pesan sukses atau gagal.
  • Untuk menampilkan teks bantuan tentang memasukkan data yang salah format dalam formulir.
  • Untuk mengingatkan pengguna untuk memasukkan semua bidang wajib.
  • Untuk meminta pengguna menerima persyaratan atau memilih konten formulir jika berlaku.

Setelah konfigurasi berhasil, simpan Templat formulir. Selanjutnya, salin kode pendek untuk merender formulir kontak WooCommerce ini ke frontend.

Kode pendek ditampilkan di bawah judul formulir kontak di jendela editor. Tempatkan kode pendek ini di formulir di sebelah kanan di mana formulir kontak diharapkan akan ditampilkan.

Membuat formulir dengan plugin Ninja Forms WordPress

Instal plugin Ninja Forms untuk menyebarkan templat formulir kontak ke halaman WooCommerce Anda.

Setelah mengaktifkan plugin, admin WordPress akan menampilkan menu. Untuk memilih Templat formulir kontak, buka Formulir Ninja -> Tambah Baru.

Ini juga memungkinkan penyesuaian ekstensif formulir kontak WooCommerce. Itu meluncur di panel bidang formulir dengan opsi seret dan lepas.

Pembentuk ninja

Ada 4 opsi untuk mengatur email dan tindakan yang harus diambil saat mengirimkan formulir.

  1. Catatan Pengajuan: Penyimpanan basis data bidang formulir yang dikirimkan.
  2. Email Confirmation: Pesan konfirmasi kepada pelanggan tentang status penerimaan pesan.
  3. Pemberitahuan Email: Memberi tahu manajer tentang upaya pelanggan untuk menghubunginya.
  4. Pesan sukses: Konfirmasikan pelanggan melalui UI formulir.

Setel tindakan formulir

Setiap tindakan memiliki instruksi yang dapat disesuaikan untuk mengatur berikut ini.

  • Ini memungkinkan untuk mengonfigurasi subjek, isi, dan tajuk surat konfirmasi dan pemberitahuan.
  • Ini memungkinkan untuk mengatur pesan konfirmasi yang ditampilkan di UI.
  • Ini memiliki opsi untuk menandai beberapa bidang formulir sebagai dikecualikan dari disimpan dalam database.

Ini juga memiliki fitur-fitur canggih untuk membatasi pengguna masuk. Ini juga membatasi jumlah formulir yang dikirimkan dengan batas yang dikonfigurasi.

Formulir Pro yang Tangguh di situs web eCommerce WordPress

Ini memiliki berbagai templat formulir kontak WordPress gratis atau PRO.

Formulir Kosong memungkinkan Anda mengkustomisasi Templat formulir tanpa langganan atau pembayaran.

Ini gratis dan dapat menyesuaikan alur dengan judul formulir, deskripsi, dan pengaturan bidang.

Formulir kontak profesional yang kuat

Seperti plugin formulir kontak lainnya, plugin ini juga memiliki pembuat formulir untuk menyeret dan menjatuhkan bidang.

Ini memiliki fitur gratis yang cukup untuk membuat formulir kontak WooCommerce. mereka,

  • Mengaktifkan atau menonaktifkan tampilan judul dan deskripsi formulir di atas bidang formulir.
  • Konfigurasi perilaku pasca-pengiriman dapat berupa salah satu dari berikut ini.
    • Teks tanggapan untuk menampilkan pesan sukses atau kesalahan.
    • Respons HTML dari halaman WordPress.
    • Setelah mengirimkan, Anda akan diarahkan ke halaman terpisah.
  • Aktifkan integrasi pot Madu untuk melindungi formulir dari bot dan pengguna jahat.
  • Aktifkan/nonaktifkan pemeriksaan spam berdasarkan keunikan token saat mengirim menggunakan JavaScript.

Formulir kontak WooCommerce profesional yang kuat

Setelah membuat formulir kontak WooCommerce, klik perbarui untuk menyimpan perubahan.

Ini juga memiliki opsi “Sematkan” untuk menempatkan formulir di halaman WordPress. Gambar di atas menunjukkan opsi “Sematkan”, “Pratinjau” dan “Perbarui” di sudut kanan atas.

Bagaimana cara menggunakan plugin Formulir Kontak Dasar Sederhana di halaman WooCommerce?

“Formulir Kontak Dasar Sederhana” mudah diintegrasikan seperti namanya. Tidak seperti semua plugin di atas, ia memiliki pengaturan halaman tunggal untuk konfigurasi.

Meskipun tidak memiliki pembuat formulir, ia menawarkan daftar konfigurasi yang dapat digulir panjang. Ini lebih dari cukup untuk menyiapkan formulir kontak WooCommerce yang berguna.

Ini berisi placeholder untuk menambahkan konten tambahan dengan bidang formulir. mereka,

  • Deskripsi formulir di bagian atas dan bawah bidang.
  • Teks bantuan di atas tombol kirim untuk memandu pelanggan.
  • Menandai tanggapan sukses atau gagal.
  • CSS khusus untuk mengizinkan formulir kontak WooCommerce di tema toko.
  • Aktifkan tantangan atau pertanyaan captcha.
  • Sertakan kata berhenti

Halaman pengaturan ini berisi semua bidang formulir minimum yang diperlukan untuk formulir kontak. Ini seperti nama, email, tag, teks, dan lainnya.

Setelah konfigurasi, tambahkan kode pendek [simple_contact_form] Dalam bentuk halaman toko UI, menyediakan formulir yang relevan untuk memungkinkan pelanggan mengungkapkan keraguan mereka tentang pesanan yang dilakukan.

Hasil

Menggunakan salah satu plugin di atas, membuat formulir kontak WooCommerce seharusnya mudah. Hal ini memungkinkan toko Anda untuk memungkinkan pelanggan Anda untuk menanyakan tentang pesanan yang dilakukan dan kustomisasi produk.

Pilihan ini membantu untuk memilih salah satunya berdasarkan kebutuhan situs WooCommerce.

Plugin ini memiliki sejumlah variabel untuk dikonfigurasi. Terkadang, diharapkan ada formulir sederhana yang memungkinkan pelanggan untuk bertanya.

Jika Anda menginginkan solusi yang elegan daripada konfigurasi rumit ini, kode khusus adalah yang terbaik. Mari kita lihat cara membuat plugin formulir kontak WooCommerce di artikel selanjutnya.

Kembali ke atas


Source link

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.