Cara Membuat Formulir Pendaftaran & Login WordPress Khusus

Cara Membuat Formulir WordPress Kustom

Ada beberapa plugin yang akan membantu Anda membuat formulir pendaftaran untuk situs WordPress Anda. Tetapi berdasarkan kemudahan penggunaan dan fungsionalitas, kami menemukan ProfilePress sebagai plugin formulir terbaik di luar sana.

ProfilePress menawarkan formulir pra-bangun yang indah yang dapat Anda sesuaikan sesuai kebutuhan Anda menggunakan fitur seret dan lepas. Konon, plugin lebih dari sekadar pembuat formulir. Menggunakan ProfilePress Anda dapat membuat:

• Profil pengguna yang cantik
• Direktori anggota yang dapat dicari dan disaring
• Batasi akses ke postingan, halaman, dan halaman anak
• Batasi akses ke kategori, tag, jenis pos khusus, dan taksonomi

Di atas semua ini, Anda dapat memperluas fungsionalitas plugin dengan menggunakan add-on seperti Google reCAPTCHA, Polylang, otentikasi dua faktor, dll. Anda dapat mempelajari lebih lanjut tentang fitur plugin di halaman daftar fitur mereka.

ProfilePress adalah plugin premium dan untuk menggunakannya Anda perlu membeli lisensi seharga $79 per tahun untuk satu situs. Jika Anda ingin menggunakannya untuk lebih dari satu situs web, berlanggananlah ke paket yang lebih tinggi.

Mari gunakan plugin untuk membuat formulir WordPress kustom.

Membuat Registrasi Kustom

Instal dan aktifkan ProfilePress di situs WordPress Anda.

Langkah 1: Untuk memastikan bahwa Anda dapat menggunakan bidang khusus pada formulir Anda, Anda perlu mengaktifkan Bidang Khusus dengan membuka ProfilePress > Addons > Bidang Khusus dan mengaktifkan tombol .

Langkah 2: Sekarang buka ProfilePress > Forms & Profiles > Add New > Registration .

Langkah 3: Selanjutnya, Anda memiliki opsi untuk mengedit templat yang dibuat sebelumnya atau membuat formulir dari awal.

Membangun formulir dari bawah ke atas membutuhkan pengetahuan tentang pengkodean dan banyak dari Anda yang membaca artikel ini kemungkinan besar tidak tahu cara membuat kode. Dalam hal ini, pilih Drag & Drop Builder .

Langkah 4: Pada halaman berikutnya, Anda perlu memberi nama formulir dan memilih template . Kemudian Anda akan melanjutkan untuk mendesain formulir menggunakan pembuat seret dan lepas.

Langkah 5: Buat formulir dengan menggunakan bidang khusus berikut:

• Nama belakang
• Alamat email
• Konfirmasi email
• Kata sandi
• konfirmasi sandi
• kekuatan kata sandi
• Situs web
• Nama panggilan
• Nama tampilan
• Nama depan
• Nama keluarga
• Unggah Gambar Profil
• Unggah Foto Sampul
• Biografi
• Pilih Peran
• HTML khusus
• reCAPTCHA

Langkah 6: Klik tombol Pratinjau Langsung untuk melihat pratinjau formulir sebelum menyimpan perubahan.

Langkah 7: Selanjutnya, gulir ke bawah ke Pengaturan Formulir . Di sini Anda dapat mengubah label tombol, warna, judul, dan pengaturan pendaftaran.

Langkah 8: Saat Anda siap, tekan tombol Simpan Perubahan . Itu dia. Formulir pendaftaran baru Anda sekarang sudah siap.

PENTING: Ingin menambahkan Google reCAPTCHA, login sosial, atau autentikasi dua faktor ke formulir Anda? Plugin ini memungkinkan Anda untuk memperluas dan menyesuaikan fungsionalitas situs web Anda. Belajarlah lagi

Selanjutnya, ada dua hal yang perlu Anda lakukan:

1. Anda harus memublikasikan formulir di halaman atau postingan baru
2. Kemudian buat formulir baru sebagai formulir pendaftaran WordPress default Anda

Kami membahas kedua tutorial dalam dua bagian berbeda di bawah ini. Tapi pertama-tama, mari kita lihat sekilas cara membuat formulir login WordPress kustom.

Membuat Formulir Login Kustom

Langkah-langkah yang perlu Anda lakukan identik dengan formulir pendaftaran kecuali untuk dua hal:

Buka ProfilePress > Forms & Profiles > Add New > Drag & Drop Builder. Dan alih-alih memilih Registrasi, pilih Login .

Kemudian setelah Anda menamai formulir dan memilih template , Anda akan melihat bahwa bidang khusus terbatas dibandingkan dengan formulir pendaftaran. Anda tidak benar-benar membutuhkan banyak bidang khusus untuk formulir masuk.

Berikut daftar bidang khusus yang dapat Anda gunakan pada formulir masuk Anda:

• Login pengguna (Nama Pengguna atau Email)
• Kata sandi
• Ingat Masuk
• HTML khusus
• reCAPTCHA

Segala sesuatu yang lain persis sama dengan formulir pendaftaran.

Ketika formulir login baru Anda sudah siap, lanjutkan ke bagian berikutnya di mana Anda akan mempelajari cara menerbitkan formulir baru (pendaftaran dan login) dan cara mengaturnya sebagai formulir WordPress default.

Cara Memublikasikan Formulir Baru di Situs Anda

Ini mudah.

Buka ProfilePress > Forms & Profiles dan pilih Login atau Registrasi . Di sisi kanan formulir, Anda seharusnya dapat melihat kode pendek. Salin kode pendek formulir yang baru saja Anda buat.

Selanjutnya, buat halaman baru dengan masuk ke Pages > Add New dan paste shortcode. Beri nama halaman dan tekan Publish .

Formulir Anda sekarang aktif di situs web Anda.

Berikut tampilan formulir pendaftaran di situs demo kami:

Dan berikut tampilan form loginnya :

Langkah selanjutnya adalah menjadikan formulir baru sebagai login atau formulir pendaftaran default Anda.

Cara Mengatur Formulir Baru sebagai Formulir WordPress Default Anda

Buka ProfilePress > Pengaturan > Global .

Pada opsi Halaman Masuk , ada menu tarik-turun. Dari tarik-turun, pilih halaman baru tempat Anda menerbitkan formulir masuk.

Dan pada opsi Halaman Pendaftaran , pilih halaman baru tempat Anda menerbitkan formulir pendaftaran.

Itu dia. Setiap kali seseorang mencoba mendaftar atau masuk ke situs Anda, mereka akan menemukan formulir baru.

Cara Membuat Formulir Kustom untuk WooCommerce

Banyak dari Anda yang membaca artikel ini bertanya-tanya apakah Anda dapat mengganti bentuk situs web WooCommerce Anda? Tentu kamu bisa. Berikut caranya:

Aktifkan dan instal ProfilePress di situs web WooCommerce Anda. Seperti yang kami katakan sebelumnya, dalam pengalaman pribadi kami, ProfilePress adalah plugin terbaik yang dapat Anda gunakan untuk membuat formulir karena mudah digunakan dan menawarkan banyak fungsi.

Selanjutnya, Anda perlu mengaktifkan integrasi WooCommerce dengan membuka ProfilePress > Addon > WooCommerce dan mengaktifkan tombol .

Membuat Formulir Pendaftaran & Login Khusus Untuk WooCommerce

Kami telah membahas langkah-langkah yang perlu Anda ambil untuk membuat formulir Pendaftaran dan Masuk di awal artikel. Anda harus mengikuti langkah-langkah yang tepat untuk membuat formulir di situs WooCommerce Anda.

Saat formulir sudah siap, terbitkan di dua halaman terpisah. Kami juga telah membahasnya di bagian “Cara Memublikasikan Formulir Baru di Situs Anda”.

Kami juga telah menunjukkan kepada Anda cara mengatur formulir baru sebagai formulir pendaftaran dan login default di situs web Anda. Anda harus mengikuti langkah yang sama di situs WooCommerce Anda.

Menambahkan Bidang Kustom ke Formulir Pembayaran WooCommerce

Ada dua jenis formulir checkout: pendaftaran dan login. Di bagian ini, Anda akan mempelajari cara membuat formulir pendaftaran atau login checkout khusus.

Formulir Masuk Pembayaran Kustom

Ingin mengganti formulir login checkout default Anda dengan formulir login checkout kustom?

Pertama-tama, buat formulir login checkout kustom. Kami telah menunjukkan kepada Anda bagaimana melakukannya di bagian sebelumnya. Silakan ikuti langkah-langkah di bagian “Membuat Formulir Login Kustom”.

Selesai? Sekarang, buka ProfilePress > Settings > General > WooCommerce .

Anda akan melihat opsi yang disebut Formulir Masuk Checkout . Muncul dengan menu tarik-turun. Pilih formulir baru dari menu tarik-turun dan simpan pengaturan Anda.

Pelanggan Anda harus dapat menggunakan formulir baru untuk masuk saat checkout.

Formulir Pendaftaran Checkout

Untuk formulir pendaftaran, ProfilePress memungkinkan Anda menambahkan bidang khusus ke formulir pendaftaran checkout WooCommerce. Anda tidak perlu membuat formulir pendaftaran dari awal. Situs web Anda akan menggunakan formulir pendaftaran default Anda sebagai formulir pendaftaran checkout tetapi Anda dapat menambahkan bidang khusus ke formulir.

Untuk menambahkan bidang khusus ke formulir pendaftaran checkout Anda, Anda harus terlebih dahulu membuat bidang khusus.

Buka WooCommerce > Pengaturan > Akun & Privasi dan aktifkan opsi “ Izinkan pelanggan membuat akun saat checkout .”

Lalu pergi ke ProfilePress > Settings > Custom Fields > Add New . Pada halaman berikutnya, masukkan label, kunci, deskripsi, dan jenis bidang. Simpan pengaturan Anda.

Setelah Anda selesai membuat semua bidang khusus, tambahkan bidang tersebut ke formulir pendaftaran checkout.

Buka ProfilePress > Pengaturan > Umum > WooCommerce > Bidang Pendaftaran Checkout dan bidang yang baru saja Anda buat akan muncul sebagai tarik-turun. Pilih mereka .

Di bagian berikutnya (yaitu Bidang Pendaftaran yang Diperlukan), Anda dapat menyisipkan bidang khusus yang ingin Anda jadikan wajib.

Formulir Pendaftaran & Login Akun Saya Kustom

Dengan ProfilePress Anda memiliki opsi untuk mengatur formulir pendaftaran dan login khusus. Pertama-tama Anda harus membuat formulir di situs WordPress Anda. Cukup ikuti langkah-langkah yang telah kami bahas di “Cara Membuat Formulir WordPress Kustom.”

Lalu pergi ke ProfilePress > Pengaturan > Umum > WooCommerce > Formulir Login Akun Saya dan pilih formulir login baru yang baru saja Anda buat.

Kemudian buka Formulir Pendaftaran Akun Saya dan pilih formulir pendaftaran baru yang baru saja Anda buat.

Di bawah ini adalah pratinjau tampilannya di halaman Akun Saya WooCommerce.

Itu saja, orang-orang. Dengan itu, kita telah sampai pada akhir tutorial ini.

Pikiran Akhir

Membuat pendaftaran WordPress khusus dan formulir login adalah ide bagus. Anda dapat menambahkan bidang khusus, mengumpulkan lebih banyak data pengguna, dan mendesain formulir dengan cara yang terlihat cocok untuk merek Anda.

Meskipun ada banyak plugin di luar sana yang akan membantu Anda membuat formulir di situs WordPress Anda, kami menemukan ProfilePress sebagai plugin formulir pendaftaran dan login pengguna terbaik. Ini sangat mudah digunakan dan terintegrasi dengan toko WooCommerce.