Cara membuat formulir kontak WordPress WooCommerce

Terakhir diedit oleh Vinci pada 19 Mei 2022.

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

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

Ada plugin di pasar untuk menyesuaikan formulir kontak WooCommerce. Semuanya menyediakan 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 fungsi.php
  2. Menggunakan plugin khusus atau WordPress 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 menyediakan formulir di halaman toko.

Alasan memiliki formulir kontak di toko WooCommerce

Formulir kontak WooCommerce sangat penting untuk alasan berikut.

  1. Sehingga pelanggan dapat mengajukan pertanyaan dan mendukung tiket.
  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. Kebanyakan dari mereka gratis dan mudah diintegrasikan.

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 300000+ 2 hari yang lalu
Formulir kontak awal yang sederhana 10.000+ 2 bulan yang lalu
Formulir kontak oleh BestWebSoft 80000+ 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 masing-masing plugin di atas untuk menyediakan formulir kontak WooCommerce di toko.

Di bagian selanjutnya, 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 di halaman yang sudah ada atau baru.

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

  • Buka WpForms -> All Forms melalui menu di sebelah kiri.
  • Pilih judul dan templat formulir kontak.
  • 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 ingin Anda sematkan.
  • Klik “Sematkan” di bagian atas editor formulir di sebelah tombol “Simpan”.
  • Pilih salah satu dari tiga opsi yang disediakan di bawah ini untuk menyematkan formulir kontak WooCommerce.

Masukkan 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 mempersonalisasi formulir kontak WooCommerce dalam aspek berikut.

Instal dan aktifkan proses kustomisasi wizard untuk membuat 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 jendela pengeditan formulir editor teks kaya.

Langkah 2: Sesuaikan template 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

Memandu pesan penghargaan dari pengguna akhir. Ini membantu Anda melengkapi formulir kontak WooCommerce dengan mudah. Untuk tujuan berikut.

  • Untuk menanggapi dengan pesan keberhasilan atau kegagalan.
  • Untuk menampilkan teks bantuan tentang memasukkan format data yang salah dalam formulir.
  • Untuk memperingatkan pengguna agar memasukkan semua bidang wajib.
  • Untuk memperingatkan pengguna agar menerima persyaratan atau memilih konten formulir jika ada.

Simpan Templat formulir setelah pengaturan berhasil. Kemudian, salin kode pendek untuk menyediakan formulir kontak WooCommerce ini di bagian depan.

Kode pendek ditampilkan di bawah judul formulir kontak di jendela editor. Masukkan kode pendek ini ke dalam formulir di sebelah kanan tempat formulir kontak diharapkan akan ditampilkan.

Membuat formulir dengan plugin WordPress Ninja Forms

Instal plugin Ninja Forms untuk menerapkan templat formulir kontak di halaman WooCommerce.

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

Ini juga memungkinkan kustomisasi ekstensif dari formulir kontak WooCommerce. Di panel, bidang formulir digeser dengan opsi untuk menyeret dan melepas.

Pembuat Bentuk Ninja

Ada 4 opsi untuk menyiapkan email dan apa yang harus dilakukan saat mengirimkan formulir.

  1. Catatan Pengeposan: Menyimpan database bidang formulir yang dikirimkan.
  2. Verifikasi Email: Pesan konfirmasi kepada pelanggan tentang status pesan.
  3. Pemberitahuan Email: Beri tahu manajer pelanggan yang mencoba menghubunginya.
  4. Pesan sukses: Konfirmasi pelanggan melalui formulir UI.

Setel tindakan formulir

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

  • Ini memungkinkan Anda untuk mengonfigurasi subjek, teks, dan kop surat dari surat konfirmasi dan pemberitahuan.
  • Ini memungkinkan Anda untuk mengatur pesan konfirmasi yang ditampilkan di UI.
  • Ini memiliki opsi untuk menandai beberapa bidang formulir yang telah dihapus dari 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 gratis atau formulir kontak PRO WordPress.

Menyediakan formulir kosong untuk mengkustomisasi Templat formulir tanpa langganan atau pembayaran.

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

Formulir kontak profesional yang kuat

Seperti plugin formulir kontak lainnya, plugin ini 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 bagian atas bidang formulir.
  • Mengonfigurasi perilaku pasca-pengiriman dapat berupa salah satu dari berikut ini.
    • Teks tanggapan untuk menampilkan pesan sukses atau kesalahan.
    • Respons HTML dari halaman WordPress.
    • Setelah memposting, buka halaman terpisah.
  • Aktifkan integrasi pot Madu untuk melindungi formulir dari bot dan pengguna jahat.
  • Mengaktifkan/menonaktifkan pemeriksaan spam karena keunikan bookmark 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 awal yang sederhana” seperti yang disebut sangat sederhana untuk diintegrasikan. Tidak seperti semua plugin di atas, plugin ini memiliki pengaturan satu halaman untuk konfigurasi.

Meskipun tidak memiliki pembuat formulir, ia menyediakan daftar panjang pengaturan yang dapat dikonfigurasi. Ini lebih dari cukup untuk menyiapkan formulir kontak WooCommerce yang berguna.

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

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

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

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

Hasil

Membuat formulir kontak WooCommerce seharusnya mudah dengan salah satu plugin di atas. Ini memungkinkan toko Anda mengizinkan pelanggan untuk menanyakan tentang pesanan yang dilakukan dan penyesuaian produk.

Pilihan ini akan membantu Anda memilih satu berdasarkan kebutuhan situs WooCommerce Anda.

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

Kode khusus adalah yang terbaik jika Anda menginginkan solusi yang ramping daripada konfigurasi yang rumit ini. 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.