Elementor'da bir kayıt sayfası oluşturmak istiyor musunuz?

İsterseniz web sitesi oluştur Kullanıcı kaydına izin veren WordPress, sağlamanız gereken en önemli şey kayıt sayfasıdır. Elementor eklemek için varsayılan bir widget'a sahip değildir. formulaire bir sayfaya abonelik, ancak widget'ı kullanarak bir tane ekleyebilirsiniz Form küçük bir hile ile Bu yazıda birazdan öğreneceğiz.

Widget'tan beri Form yalnızca Elementor Pro'da mevcut olduğundan Elementor'unuzu pro sürümüne yükseltmeniz gerekir.

Elementor'da bir kayıt formu nasıl oluşturulur

Elementor'da kayıt formu eklemek için varsayılan bir widget yoktur. Ancak, daha önce de belirtildiği gibi, Form widget'ını kullanarak küçük bir hile ile bir kullanıcı kayıt sayfası oluşturabilirsiniz. İhtiyacınız olacak iki bileşen var:

  • Kullanıcı kayıt formunun kendisi
  • Yeni bir kullanıcı eklemenize izin veren bir PHP Komut Dosyası

Başlamadan önce, bir süredir Elementor kullandığınızı ve Form pencere aracını kullanarak bir form oluşturduğunuzu varsayalım.

Hazır olduğunuzda, Elementor'da bir kayıt sayfası oluşturmaya başlamak için aşağıdaki adımları izleyin.

Adım 1: Kayıt formunu oluşturun

İlk önce yeni bir sayfa oluşturun ve Elementor ile düzenleyin. Elbette, mevcut bir sayfayı da düzenleyebilirsiniz. Elementor düzenleyicisinin altında, Form pencere aracını sol panelden sürükleyerek düzenleme kutusuna ekleyin.

Formu özelleştirmek için sol panele gidin. Açmanız gereken ilk seçenek bloğu bloktur. Form Alanları sekmenin altında İçerik. Oluşturacağımız kayıt formu aşağıdaki gibi 5 alandan oluşacaktır:

şampiyon Alan türü etiket
ad Metinleri Adınız
nom Metinleri Soyad
kullanıcı (gerekli) Metinleri Kullanıcı
E-posta (zorunlu) E-posta E-posta
Şifre gerekli) şifre Şifre

Form adı: Yeni bir kullanıcı oluşturun

Dikkat edilmesi gereken önemli bir şey. Kullanacağımız PHP betiğinde değişkenler olarak kullanılacağından, büyük ve küçük harfler dahil yukarıdaki tablodakiyle aynı alan etiketlerini kullandığınızdan emin olun.

Ayrıca Oku: Elementor ile bir çerez izni açılır penceresi nasıl oluşturulur

Ayrıca, formunuza bir ad verdiğinizden emin olun. Yine, bu örnekte kullandığımız adın aynısını (büyük ve küçük harf dahil) kullandığınızdan emin olun (bu durumda "yeni bir kullanıcı oluştur").

İşte oluşturduğumuz formun örneği.

Bir kere tanım tamamlanmış form alanları, bloğu aç Gönderdikten Sonra Eylem. Bir kullanıcı kayıt formu oluşturmak istediğiniz için eylemi şu şekilde ayarlayabilirsiniz: yönlendir.

blokta Yönlendir, Yeni bir kullanıcı oluşturduktan sonra kullanıcılarınızın yönlendirilmesini istediğiniz URL'yi yapıştırın. Örneğin, onları web sitenizin giriş sayfasına yönlendirebilirsiniz.

Elementor'da bir kayıt sayfası nasıl oluşturulur

bloğu aç Ek Seçenekler ve seçeneği etkinleştirin görenek Iletiler. Başarı mesajını “Kullanıcı oluşturuldu” gibi bir şeyle değiştirebilirsiniz.

Formunuz artık hazır. Düzenlemeyi bitirdikten sonra sayfayı yayınlayabilirsiniz.

2. Adım: Yeni bir kullanıcı eklemek için yeni bir işlev ekleyin

İşte WordPress web sitenize yeni bir kullanıcı eklemenizi sağlayan PHP betiği.

add_action ('elementor_pro / formlar / yeni_kayıt', 'blogpascher_creer_un_nouvel_user', 10, 2); function blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Formun "yeni bir kullanıcı oluştur" olduğunu kontrol edin, aksi takdirde - durdurun ve geri dönün; if ('Yeni bir kullanıcı oluştur'! == $ form_name) {return; } $ form_data = $ kayıt-> get_formatted_data(); $ kullanıcı = $ form_data ['Kullanıcı']; // "Kullanıcı adı" olarak girilen değeri alın $ ​​şifre = $ form_data ['Şifre']; // "Parola" olarak girilen değeri alın $ email = $ form_data ['Email']; // "Email" olarak girilen değeri alın $ user = wp_create_user ($ username, $ password, $ email); // Yeni bir kullanıcı oluşturun, başarılı olursa user_id if (is_wp_error ($ user)) döndürün {// yeni bir kullanıcı oluştururken bir hata oluştuysa $ ajax_handler-> add_error_message ("İmkansız yeni bir kullanıcı oluşturun: ". $ user-> get_error_message ()); // mesajı ekleyin $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //" olarak girilen değeri alınAdınız"
    $ last_name = $ form_data ["Ad"]; //"N" olarak girilen değeri alınom"
    wp_update_user (dizi ("ID" => $ kullanıcı, "ilk_adı" => $ ilk_adı, "son_adı" => $ son_adı)); // Kullanıcıyı adı ve soyadıyla güncelleyin}

Yukarıdaki kodu dosyaya yerleştirebilirsiniz. functions.php senin temanın. Bunu yapmak için şuraya gidin: Görünüm -> Tema düzenleyici WordPress kontrol panelinizde. dosyaya tıklayın functions.php düzenlemek ve PHP betiğini dosyanın sonuna yapıştırmak için sağ panelde işlevler.php.

İşte bir önizleme.

Elementor'da bir kayıt sayfası nasıl oluşturulur

düğmesine tıklayın Dosyayı güncelle dosyayı güncellemek için düzenleyicide functions.php.

Potansiyel hatalar

Kullanıcılarınız başarılı bir şekilde yeni bir hesap oluşturduktan sonra, başarılı bir şekilde oturum açmış olsalar bile WordPress panosuna erişememeleri için iyi bir şans vardır. Bu sorunu yaşıyorsanız, kullanıcının rolünü Katkıda Bulunan veya daha yüksek bir role (Yazar veya Düzenleyici) değiştirmeyi deneyin.

Ayrıca okuyun: Elementor modelleri nasıl dışa ve içe aktarılır

Bunu yapmak için şuraya gidin: Hesaplar-> Tüm hesaplar. Farenizi, rolünü değiştirmek istediğiniz kullanıcının üzerine getirin ve bağlantıya tıklayın. Düzen.

Seçenek için aşağı kaydırın Rol ve açılır menüden yeni bir rol seçin. düğmesine tıklayın Kullanıcıyı güncelle Yeni değişikliği uygulamak için alttaki

Her yeni kayıtlı kullanıcının bir Katılımcı rolüne sahip olmasını istiyorsanız, bunu (Katkıda Bulunan rolü) varsayılan rol olarak ayarlayabilirsiniz.

Ayrıca bakınız: Elementor ile bir giriş sayfası nasıl oluşturulur

Bunu yapmak için şuraya gidin: Ayarlar-> Genel. Seçenek için aşağı kaydırın Herhangi bir yeni hesap için varsayılan rol ve açılır menüden varsayılan bir rol seçin. butona tıklamayı unutmayın Değişiklikleri Kaydet Yeni değişikliği uygulamak için alttaki

Yeni kullanıcıların bir abone rolüne sahip olmasını ve WordPress panosuna erişmelerine izin vermeye devam etmek istiyorsanız, etkin eklentileri geçici olarak devre dışı bırakıp bunları birer birer yeniden etkinleştirerek sorunu çözmeyi deneyebilirsiniz. hangi eklentinin olduğunu görene kadar. soruna neden oluyor.

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor'da nasıl kayıt sayfası oluşturacağınızı gösteren bu makale bu kadar. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...