Apakah Anda ingin membuat halaman pendaftaran di Elementor?
Jika Anda ingin buat situs web WordPress yang memungkinkan pendaftaran pengguna, hal yang sangat penting yang perlu Anda sediakan adalah halaman pendaftaran. Elementor tidak memiliki widget default untuk ditambahkan bentuk berlangganan ke suatu halaman, tetapi Anda dapat menambahkannya menggunakan widget Untuk m dengan sedikit trik. Kami akan segera mengetahuinya di artikel ini.
Sejak widget Untuk m hanya tersedia di Elementor Pro, Anda perlu mengupgrade Elementor Anda ke versi pro.
Cara membuat formulir pendaftaran di Elementor
Elementor tidak memiliki widget default untuk menambahkan formulir pendaftaran. Namun, seperti yang disebutkan sebelumnya, Anda dapat membuat halaman pendaftaran pengguna menggunakan widget Formulir dengan sedikit trik. Ada dua komponen yang Anda perlukan:
- Formulir pendaftaran pengguna itu sendiri
- Skrip PHP yang memungkinkan Anda menambahkan pengguna baru
Sebelum kita mulai, mari kita asumsikan bahwa Anda telah menggunakan Elementor selama beberapa waktu dan telah membuat formulir menggunakan widget Formulir.
Setelah Anda siap, ikuti langkah-langkah di bawah ini untuk mulai membuat halaman pendaftaran di Elementor.
Langkah 1: Buat formulir pendaftaran
Pertama, buat halaman baru dan edit dengan Elementor. Tentu saja, Anda juga dapat mengedit halaman yang ada. Di bawah editor Elementor, tambahkan widget Formulir ke kotak edit dengan menyeretnya dari panel kiri.
Pergi ke panel kiri untuk menyesuaikan formulir. Blok opsi pertama yang perlu Anda buka adalah blok Formulir Bidang di bawah tab Kandungan. Form pendaftaran yang akan kita buat terdiri dari 5 field sebagai berikut:
juara | Jenis bidang | label |
nama depan | teks | Nama depan |
nom | teks | nama |
pengguna (wajib) | teks | Pemakai |
Email (wajib) | ||
Kata sandi (wajib) | kata sandi | kata sandi |
Nama formulir: Buat pengguna baru
Satu hal krusial yang perlu diperhatikan. Pastikan untuk menggunakan label bidang yang sama persis seperti pada tabel di atas termasuk huruf besar dan kecil karena akan digunakan sebagai variabel pada skrip PHP yang akan kita gunakan.
Baca juga: Cara membuat popup persetujuan cookie dengan Elementor
Juga, pastikan untuk memberi nama formulir Anda. Sekali lagi, pastikan untuk menggunakan nama yang sama persis (termasuk huruf besar dan kecil) yang kita gunakan dalam contoh ini ("Buat pengguna baru" dalam kasus ini).
Berikut adalah contoh formulir yang kami buat.
sekali definisi isian formulir yang sudah diisi, buka blok Tindakan Setelah Kirim. Karena Anda ingin membuat formulir pendaftaran pengguna, Anda dapat mengatur tindakan ke redirect.
Di blok Alihkan, Tempelkan URL yang Anda inginkan untuk mengarahkan pengguna Anda setelah membuat pengguna baru. Misalnya, Anda dapat mengarahkan mereka ke halaman login situs web Anda.
Buka blok Opsi tambahan dan aktifkan opsi Kustom Pesan. Anda dapat mengganti pesan sukses dengan sesuatu seperti "Pengguna telah dibuat".
Formulir Anda sekarang sudah siap. Anda dapat mempublikasikan halaman setelah Anda selesai mengeditnya.
Langkah 2: Tambahkan fungsi baru untuk menambahkan pengguna baru
Berikut adalah skrip PHP yang memungkinkan Anda menambahkan pengguna baru ke situs web WordPress Anda.
add_action('elementor_pro / formulir / catatan_baru', 'blogpascher_creer_un_nouvel_user', 10, 2); function blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Periksa apakah formulir adalah "buat pengguna baru" jika tidak - berhenti dan kembali; if ('Buat pengguna baru'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data(); $ pengguna = $ form_data ['Pengguna']; // Dapatkan nilai yang dimasukkan sebagai "Nama Pengguna" $ kata sandi = $ form_data ['Kata Sandi']; // Dapatkan nilai yang dimasukkan sebagai "Kata Sandi" $ email = $ form_data ['Email']; // Dapatkan nilai yang dimasukkan sebagai "Email" $ user = wp_create_user ($ username, $ password, $ email); // Buat user baru, jika berhasil kembalikan user_id if (is_wp_error ($ user)) {// jika ada kesalahan membuat user baru $ ajax_handler-> add_error_message("Tidak mungkin membuat user baru: ". $user-> get_error_message()); // tambahkan pesan $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //Dapatkan nilai yang dimasukkan sebagai "Nama depan" $ nama_belakang = $ form_data ["Nama"]; //Dapatkan nilai yang dimasukkan sebagai "Nom" wp_update_user (array ("ID" => $ pengguna, "first_name" => $ first_name, "last_name" => $ last_name)); // Perbarui pengguna dengan nama depan dan belakang}
Anda dapat menempatkan kode di atas dalam file functions.php dari tema Anda. Untuk melakukannya, buka Penampilan -> Editor tema di dasbor WordPress Anda. Klik pada file functions.php di panel kanan untuk mengeditnya dan menempelkan skrip PHP di akhir file fungsi.php.
Berikut ini adalah pratinjau.
Klik tombol Perbarui file di editor untuk memperbarui file functions.php.
Potensi kesalahan
Setelah pengguna Anda berhasil membuat akun baru, kemungkinan besar mereka tidak akan dapat mengakses dasbor WordPress meskipun mereka telah berhasil masuk. Jika Anda mengalami masalah ini, coba ubah peran pengguna menjadi Kontributor atau peran yang lebih tinggi (Penulis atau Editor).
Baca juga: Cara mengekspor dan mengimpor model Elementor
Untuk melakukannya, buka Akun-> Semua akun. Arahkan mouse Anda ke pengguna yang perannya ingin Anda ubah dan klik tautannya Edit.
Gulir ke bawah ke opsi Peran dan pilih peran baru dari menu tarik-turun. Klik pada tombol Perbarui pengguna di bagian bawah untuk menerapkan modifikasi baru.
Jika Anda ingin setiap pengguna yang baru terdaftar memiliki peran Kontributor, Anda dapat mengaturnya (peran Kontributor) sebagai peran default.
Lihat juga: Cara membuat halaman login dengan Elementor
Untuk melakukannya, buka Pengaturan-> Umum. Gulir ke bawah ke opsi Peran default untuk setiap akun baru dan pilih peran default dari menu tarik-turun. Jangan lupa klik tombolnya Simpan perubahan di bagian bawah untuk menerapkan modifikasi baru.
Jika Anda terus ingin pengguna baru memiliki peran pelanggan dan ingin mengizinkan mereka mengakses dasbor WordPress, Anda dapat mencoba menyelesaikan masalah dengan menonaktifkan sementara plugin aktif dan mengaktifkannya kembali satu per satu hingga Anda melihat plugin mana yang menyebabkan masalah.
Dapatkan Elementor Pro Sekarang!
Kesimpulan
Disini adalah ! Itu saja untuk artikel ini yang menunjukkan cara membuat halaman pendaftaran di Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana fberi tahu kami di komentar.
Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...