Przejdź do głównej treści

Jak utworzyć stronę rejestracyjną w Elementorze

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy chcesz utworzyć stronę rejestracyjną w Elementorze?

Jeśli chcesz zbudować witrynę WordPress, która umożliwia rejestrację użytkownika, bardzo istotną rzeczą, którą musisz podać, jest strona rejestracji. Elementor nie ma domyślnego widżetu do dodawania formularza rejestracyjnego do strony, ale możesz go dodać za pomocą widżetu Formularz z małą sztuczką. Dowiemy się wkrótce w tym artykule.

Ponieważ widżet Formularz jest dostępny tylko w Elementor Pro, musisz uaktualnić swój Elementor do wersji pro.

Jak utworzyć formularz rejestracyjny w Elementorze

Elementor nie ma domyślnego widżetu do dodawania formularza rejestracyjnego. Ale, jak wspomniano wcześniej, możesz utworzyć stronę rejestracji użytkownika za pomocą widżetu Formularz za pomocą małej sztuczki. Potrzebne będą dwa komponenty:

  • Sam formularz rejestracji użytkownika
  • Skrypt PHP, który pozwala dodać nowego użytkownika

Zanim zaczniemy, załóżmy, że używasz Elementora od jakiegoś czasu i utworzyłeś już formularz za pomocą widżetu Formularz.

Gdy będziesz gotowy, wykonaj poniższe czynności, aby rozpocząć tworzenie strony rejestracji w Elementorze.

Krok 1: Utwórz formularz rejestracyjny

Najpierw utwórz nową stronę i edytuj ją za pomocą Elementora. Oczywiście możesz również edytować istniejącą stronę. W edytorze Elementor dodaj widżet Formularz do pola edycji, przeciągając go z lewego panelu.

Przejdź do lewego panelu, aby dostosować formularz. Pierwszy blok opcji, który musisz otworzyć, to blok Pola formularza pod zakładką Zawartość. Formularz rejestracyjny, który stworzymy będzie składał się z 5 pól w następujący sposób:

mistrzem Typ pola etykieta
imię teksty Imię
nom teksty Nick
użytkownik (wymagane) teksty Użytkownik
E-mail (obowiązkowo) E-mail E-mail
Wymagane hasło) hasło hasło

Nazwa formularza: Utwórz nowego użytkownika

Jedna ważna rzecz do zapamiętania. Upewnij się, że używasz dokładnie tych samych etykiet pól, co w powyższej tabeli, w tym wielkich i małych liter, ponieważ będą one używane jako zmienne w skrypcie PHP, którego będziemy używać.

Czytaj także: Jak utworzyć wyskakujące okienko zgody na pliki cookie za pomocą Elementora?

Pamiętaj też, aby nadać formularzowi nazwę. Ponownie upewnij się, że używasz dokładnie tej samej nazwy (w tym wielkich i małych liter), której używamy w tym przykładzie (w tym przypadku „Utwórz nowego użytkownika”).

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Oto przykład stworzonego przez nas formularza.

Po zakończeniu definiowania pól formularza otwórz blok Akcja po przesłaniu. Ponieważ chcesz utworzyć formularz rejestracji użytkownika, możesz ustawić akcję na przekierowanie.

W bloku Przeadresować, Wklej adres URL, do którego mają być kierowani Twoi użytkownicy po utworzeniu nowego użytkownika. Możesz na przykład przekierować ich na stronę logowania do swojej witryny.

Jak utworzyć stronę rejestracyjną w Elementorze

Otwórz blok Dodatkowe opcje i aktywuj opcję zwyczaj Wiadomości. Możesz zastąpić komunikat o sukcesie czymś w rodzaju „Utworzono użytkownika”.

Twój formularz jest gotowy. Stronę możesz opublikować po zakończeniu jej edycji.

Krok 2: Dodaj nową funkcję, aby dodać nowego użytkownika

Oto skrypt PHP, który pozwala dodać nowego użytkownika do witryny WordPress.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

add_action ('elementor_pro / formularze / nowy_rekord', 'blogpascher_creer_un_nouvel_user', 10, 2); funkcja blogpascher_creer_un_new_user ($rekord, $ajax_handler) {$form_name = $rekord->get_form_settings ('form_name'); // Sprawdź, czy formularz to "utwórz nowego użytkownika" w przeciwnym razie - zatrzymaj się i wróć; if ('Utwórz nowego użytkownika'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ użytkownik = $ form_data ['Użytkownik']; // Pobierz wartość wprowadzoną jako "Nazwa użytkownika" $ hasło = $ form_data ['Hasło']; // Pobierz wartość wprowadzoną jako "Hasło" $ email = $ form_data ['Email']; // Pobierz wartość wprowadzoną jako "Email" $ user = wp_create_user ($ nazwa użytkownika, $ hasło, $ e-mail); // Utwórz nowego użytkownika, jeśli się powiedzie zwróć identyfikator użytkownika if (is_wp_error ($ user)) {// jeśli wystąpił błąd podczas tworzenia nowego użytkownika $ ajax_handler-> add_error_message ("Niemożliwe utworzenie nowego użytkownika: $ user-> get_error_message ()); // dodaj wiadomość $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" Imię "]; //Pobierz wartość wprowadzoną jako „Imię"
    $ last_name = $ form_data ["Nazwa"]; //Uzyskaj wartość wprowadzoną jako „Nom"
    wp_update_user (tablica ("ID" => $ użytkownik, "first_name" => $ first_name, "last_name" => $ last_name)); // Zaktualizuj użytkownika imieniem i nazwiskiem}

Możesz umieścić powyższy kod w pliku functions.php Twojego tematu. Aby to zrobić, przejdź do Wygląd -> Edytor motywów na pulpicie WordPress. Kliknij plik functions.php w prawym panelu, aby go edytować i wkleić skrypt PHP na końcu pliku funkcje.php.

Oto podgląd.

Jak utworzyć stronę rejestracyjną w Elementorze

Kliknij przycisk Aktualizować plik w edytorze, aby zaktualizować plik functions.php.

Potencjalne błędy

Po pomyślnym utworzeniu nowego konta przez użytkowników istnieje duża szansa, że ​​nie będą mogli uzyskać dostępu do pulpitu WordPress, nawet jeśli pomyślnie się zalogowali. Jeśli wystąpi ten problem, spróbuj zmienić rolę użytkownika na Współtwórcę lub wyższą rolę (Autor lub Edytor).

Czytaj także: Jak eksportować i importować modele Elementora

Aby to zrobić, przejdź do Konta-> Wszystkie konta. Najedź kursorem myszy na użytkownika, którego rolę chcesz zmienić i kliknij link Edit.

Przewiń w dół do opcji Rola i wybierz nową rolę z menu rozwijanego. Kliknij przycisk Zaktualizuj użytkownika na dole, aby zastosować nową modyfikację.

Jeśli chcesz, aby każdy nowo zarejestrowany użytkownik miał rolę Contributor, możesz ustawić ją (rolę Contributor) jako rolę domyślną.

Zobacz także: Jak utworzyć stronę logowania za pomocą Elementora

Aby to zrobić, przejdź do Ustawienia-> Ogólne. Przewiń w dół do opcji Domyślna rola dla każdego nowego konta i wybierz domyślną rolę z menu rozwijanego. Nie zapomnij kliknąć przycisku Zapisz zmiany na dole, aby zastosować nową modyfikację.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Jeśli nadal chcesz, aby nowi użytkownicy mieli rolę subskrybenta i zezwolić im na dostęp do pulpitu nawigacyjnego WordPress, możesz spróbować rozwiązać problem, tymczasowo wyłączając aktywne wtyczki i ponownie włączając je pojedynczo, aż zobaczysz, która wtyczka jest powodujący problem.

Pobierz Elementor Pro teraz!

Wnioski

Tutaj jest ! To tyle w tym artykule, który pokazuje, jak utworzyć stronę rejestracji w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry