Czy chcesz utworzyć stronę rejestracyjną w Elementorze?
Jeśli chcesz stworzyć stronę internetową WordPress, który umożliwia rejestrację użytkownika, bardzo istotną rzeczą, którą musisz podać, jest strona rejestracji. Elementor nie ma domyślnego widżetu do dodania forma subskrypcję strony, ale możesz ją dodać za pomocą widżetu Formularz z małą sztuczką. Tego dowiemy się wkrótce w tym artykule.
Ponieważ widget Formularz jest dostępna tylko w Elementorze 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) | ||
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”).
Oto przykład stworzonego przez nas formularza.
Kiedyś définition wypełnione pola 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.
Otwórz blok Dodatkowe opcje i aktywuj opcję Zamówienia Indywidualne 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.
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.
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ę.
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.
...