Loncat ke Konten Utama

Cara membuat halaman pendaftaran kustom pada WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Apakah Anda ingin membuat formulir pendaftaran yang dipersonalisasi untuk pengguna Anda?

Formulir pendaftaran WordPress default menampilkan branding WordPress dan tidak sesuai dengan tema WordPress situs web Anda.

Jika Anda belum pernah menginstal WordPress, cari tahu di tutorial ini Cara memasang dan mengkonfigurasi blog anda

Dalam tutorial ini, kami akan menunjukkan cara membuat formulir pendaftaran kustom di WordPress.

Mengapa menambahkan formulir pendaftaran yang dipersonalisasi di WordPress

Halaman registrasi WordPress default menampilkan branding dan logo WordPress. Ini tidak selalu cocok dengan situs web Anda lainnya.

Membuat formulir pendaftaran kustom memungkinkan Anda menambahkan formulir pendaftaran ke halaman situs Anda. Ini membantu Anda memberikan pengalaman pengguna yang lebih konsisten selama proses pendaftaran.

Sebelum melanjutkan, Anda dapat menemukan Cara menyesuaikan halaman pendaftaran dan login di WordPress

Formulir pendaftaran yang dipersonalisasi juga memungkinkan pengguna dialihkan setelah pendaftaran. Anda juga dapat menampilkan bidang profil tambahan, menggabungkannya dengan formulir login kustom, dan menghubungkannya dengan departemen pemasaran email Anda.

Karena itu, kita akan melihat sekilas cara membuat formulir pendaftaran WordPress kustom.

Membuat formulir login kustom

Hal pertama yang perlu Anda lakukan adalah menginstal dan aktifkan plugin WPForms. Untuk lebih jelasnya, lihat panduan langkah demi langkah kami tentang cara memasang plugin WordPress.

Setidaknya Anda akan membutuhkan rencananya per »Untuk mengakses formulir pendaftaran pengguna.

Setelah aktivasi, Anda harus mengunjungi " WPForms »Pengaturan Untuk memasukkan kunci lisensi WPForms Anda. Anda bisa mendapatkan kunci ini di akun WPForms Anda.

wpform-lisensi-key

Lalu pergi ke " WPForms> Addons ". Klik pada tombol install Addon »Tentang ekstensi« Formulir Pendaftaran pengguna '.

ekstensi-user-pendaftaran-bentuk

WPForms akan mengunduh dan menginstal ekstensi. Anda harus mengklik tombol "Aktifkan" untuk mulai menggunakan ekstensi.

Perpanjangan-mengaktifkan-on-wordpress

Anda sekarang siap untuk membuat formulir pendaftaran pribadi Anda.

Anda harus mengunjungi " WPForms> Tambahkan baru Untuk menggunakan WPForms Video Builder.

Pertama, Anda perlu memasukkan nama untuk formulir Anda, lalu pilih template "Formulir pendaftaran pengguna'(Formulir pendaftaran pengguna).

wpforms builder

WPForms akan membuat formulir pendaftaran sederhana untuk Anda. Contoh ini akan memiliki kolom berikut.

  • Nama terakhir nama depan
  • Nama pengguna
  • Surel
  • kata sandi
  • Biografi singkat

Anda dapat menambahkan bidang dari panel kiri. Anda hanya perlu menyeret bidang untuk mengatur ulang pesanan mereka.

Menambahkan bidang kustom ke formulir pendaftaran kustom Anda

WPForms juga memungkinkan Anda untuk menambahkan bidang profil ke formulir Anda. Untuk melakukan ini, Anda memerlukan plugin khusus.

Dalam contoh ini, kami menggunakan plugin gratis Pengguna Meta Manajer '. 

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin " Pengguna Meta Manajer ". Untuk detail lebih lanjut, lihat panduan kami di Cara menginstal (menambahkan) plugin di WordPress

Setelah mengaktifkan plugin, Anda harus pergi ke lokasi berikut Pengguna> Kelola Pengguna Dan tambahkan meta untuk melanjutkan.

menambahkan meta-des-by-pengguna mengkustomisasi

Tapi, Anda harus memasukkan kunci terlebih dahulu. Kunci ini akan memberi tahu Anda bagaimana bidang profil pengguna khusus akan dikenali secara internal.

Maka Anda harus memilih jenis bidang. Dalam contoh ini, kami menggunakan bidang URL untuk menambahkan URL profil Facebook. Di bawah « label », Anda harus memasukkan label yang akan terlihat oleh pengguna saat mengisi bidang ini.

Sebelum melanjutkan, temukan Bagaimana menampilkan kolom kustom di WordPress

Klik pada tombol Kirim '(menyerahkan) untuk menambahkan bidang meta khusus. Anda kemudian dapat mengunjungi bagian tersebut pengguna »Profil Anda Untuk melihat bidang.

baru-bidang-facebook-profil

Sekarang setelah kami membuat bidang khusus, mari tambahkan ke formulir pendaftaran khusus di WPForms.

pergi ke  WPForms »Semua formulir » untuk mengubah formulir pendaftaran pribadi Anda atau membuat yang baru.

Setelah itu klik pada bidang dari panel kiri untuk menambahkannya ke formulir Anda. Dalam contoh ini, kami menambahkan bidang " URL situs web Untuk formulir kami.

add-a-baru-bidang-wpforms

Lapangan Situs Web/ URL Sekarang akan muncul di pratinjau formulir Anda. Anda hanya perlu mengkliknya dan WPForms akan menampilkan propertinya di panel kiri.

Kami perlu mengubah label situs web " Website / URL Untuk " Profil Facebook". Anda juga dapat menambahkan deskripsi untuk bidang tersebut.

memodifikasi bidang WordPress masuk Plugin WPForms

Jangan lupa klik tombol « Register Di sudut kanan atas layar untuk menyimpan formulir Anda.

Maka Anda harus mengklik tombol Parameter (Pengaturan) untuk pengaturan lanjutan formulir. Di halaman pengaturan ", Klik pada" Pendaftaran Pengguna '.

WPForms akan menampilkan kolom Anda dan menu drop-down di bawah ini agar Anda dapat memilih kolom pendaftaran mana yang Anda dapat " peta'(Masuk atau menyelaraskan).

Temukan kami Plugin WordPress premium 8 untuk membuat bidang khusus

Anda akan melihat bahwa WPForms " peta »Secara otomatis bidang default Anda seperti nama, email, kata sandi, dll….

Anda dapat memilih halaman tempat Anda ingin pengguna diarahkan ulang setelah mereka memvalidasi formulir.

Anda perlu menggulir ke bawah ke " Meta Pengguna Khusus ". Di sini Anda dapat memasukkan kunci meta khusus yang dibuat sebelumnya, lalu pilih bidang formulir yang ingin Anda "petakan".

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

mapper-a-bidang-customize-wpforms

Jangan lupa untuk menyimpan pengaturan Anda

Cara menambahkan formulir pendaftaran di WordPress

Sebelum memulai bagian ini, kami mengundang Anda untuk menemukan Cara membuat halaman pendaftaran kustom pada WordPress

Jika sudah selesai, mari tambahkan formulir bersama di WordPress

WPForms memudahkan menambahkan widget di bilah sisi atau di halaman dan artikel Anda. Anda harus mulai dengan mengedit artikel / halaman.

Pada layar edit, Anda akan melihat tombol WPForms baru.

add-a-bentuk-wpforms

Mengkliknya akan memunculkan menu konteks. Anda harus memilih formulir Anda dari menu drop-down, lalu klik "  Tambahkan Form '.

Anda akan melihat bahwa kode pendek " WPForms Akan muncul di editor konten artikel Anda. Anda sekarang akan dapat menerbitkan atau menyimpan artikel / halaman Anda dan kemudian melihat pratinjau formulir Anda.

PREVIEW-of-bentuk, mengkustomisasi

WPForms juga memungkinkan Anda untuk menambahkan formulir pendaftaran kustom Anda di sidebar. Kunjungi menu  Penampilan >> Widget >>, dan tambahkan widget WPForms Ke bilah sisi.

bentuk-of-the-bar-Side

Anda harus memilih formulir yang ingin Anda tampilkan dari menu drop-down di pengaturan widget. Jangan lupa untuk menyimpan pengaturan widget.

Itu saja, Anda sekarang dapat mengunjungi situs web Anda untuk melihat formulir pendaftaran pribadi Anda beraksi.

Form-customize-wordpress

 

Ini mengakhiri pembuatan formulir pendaftaran yang dipersonalisasi. Tapi sebelum melanjutkan, kami sarankan Anda membaca artikelnya WPForms: Plugin WordPress terbaik untuk membuat formulir kontak

Jika Anda mencari solusi premium lainnya untuk menyelesaikan tugas yang sama, lihat 3 plugin WordPress kami di bawah ini.

1. Login Admin Kustom WP

WP Custom Admin Login adalah plugin WordPress premium untuk menyesuaikan halaman login standar WordPress. Hal ini memungkinkan Anda untuk menyesuaikan halaman ini dari WordPress Customizer, dan hadir dengan lebih dari 25 templat halaman luar biasa yang benar-benar dapat dipilih.

Plugin wordpress login admin kustom WP untuk membuat halaman login admin kustom

Bahkan jika Anda tidak memiliki keterampilan coding, Anda akan dapat membuat halaman login yang luar biasa dalam waktu singkat. Antarmuka visualnya sangat intuitif, yang memungkinkan Anda untuk mengonfigurasi halaman login sesuai dengan preferensi Anda. Ini mendukung video dan gambar yang dapat digunakan sebagai latar belakang pada halaman Anda.

Download | Demo | Hébergement Web

2. Flex-Register

Flex-Register adalah plugin WordPress yang memungkinkan Anda menambahkan formulir pendaftaran atau login di lightbox. Refresh halaman tidak diperlukan dan akan segera berfungsi setelah penginstalan. Tidak ada konfigurasi yang diperlukan.

Flex register bootstrap 3 lightbox untuk register wordpress

Ini juga akan mengurus pencocokan formulir Anda dengan gaya tema WordPress aktif di situs web Anda. Sebagai fitur, ia menawarkan antara lain: desain yang ramping dan kode yang dikomentari dengan baik, penampilannya yang sepenuhnya dapat disesuaikan, kompatibilitas dengan sebagian besar tema WordPress populer, dukungan untuk banyak browser dan banyak lagi.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

Download | Demo | Hébergement Web

3. Login Ninja

Plugin WordPress ini memungkinkan Anda untuk menyesuaikan halaman login Anda. Ini lebih dari sekadar menyesuaikan formulir login Anda. Anda dapat menyesuaikan seluruh halaman, mengubah warnanya, menambahkan gambar latar belakang, menambahkan logo, dan lainnya.Plugin wordpress login ninja

Fitur lainnya adalah: perlindungan formulir login dan pendaftaran dengan captcha, pelarangan otomatis dan manual IP yang menyerang Anda secara brute force, log mendetail dari semua aktivitas terkait koneksi, pengalihan pengguna berdasarkan peran dan nama pengguna, penerimaan pemberitahuan email untuk semua aktivitas masuk, antarmuka grafis yang mudah digunakan, dokumentasi terperinci dan banyak lagi.

Download | Demo | Hébergement Web

Sumber daya lain yang direkomendasikan

Apakah Anda ingin membuat jenis formulir lain? silakan periksa daftar sumber daya yang direkomendasikan ini. 

Kesimpulan

Voila! Itu saja untuk tutorial ini. Saya harap ini akan memungkinkan Anda untuk dengan mudah membuat formulir pendaftaran khusus di WordPress. Kami juga mengundang Anda untuk berkonsultasi dengan kami sumber daya jika Anda seorang blogger pemula

Jika Anda memiliki saran atau komentar, mereka akan diterima. Tetapi, jika Anda suka jangan ragu untuk  bagikan artikel ini di berbagai jejaring sosial Anda.

...  

Artikel ini berisi 1 komentar

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
8 saham
saham6
menciak2
Register