Tworzenie formularza logowania i rejestracji dla Elementora

Jeśli chcesz stworzyć witrynę członkostwa, w której ludzie rejestrują się, aby korzystać ze specjalnych funkcji, lepiej utworzyć dedykowaną stronę logowania i rejestracji. Dzięki temu Twoja witryna będzie bardziej profesjonalna, poprosisz o dodatkowe informacje podczas rejestracji i nie tylko.

Dlatego przygotowaliśmy szczegółowy samouczek, który pomoże Ci utworzyć niestandardową stronę logowania i rejestracji za pomocą plugin do tworzenia stron Elementor .

Elementor jest zdecydowanie jedną z najpopularniejszych i najbardziej funkcjonalnych plugin do tworzenia stron dla WordPress. Darmowa wersja plugin zawiera mnóstwo bloków i widżetów do podstawowej budowy witryny. Natomiast wersja Pro z plugin istnieje oferowanie bardziej zaawansowanych widżety i bloków.

Teraz widżet do tworzenia formularzy dostarczany z Elementorem jest zablokowany w jego wersji pro. Jednak zamiast kupować Elementor Pro do tworzenia formularza rejestracyjnego, zalecamy skorzystanie z plugin Ultimate Addon for Elementor (ZEA), ponieważ zawiera ona wiele potężnych bloków i widżetów w porównaniu z Elementor Pro.

Spis treści

Korzyści z utworzenia niestandardowej strony rejestracyjnej

Jeśli chodzi o samą funkcjonalność, nie ma problemu z używaniem w witrynie internetowej wyglądającej ogólnie strony rejestracji. Ale jeśli to zrobisz, stracisz mnóstwo korzyści, jakie daje strona rejestracyjna dostosowana do Twojej witryny.

Oto przegląd niektórych kluczowych korzyści wynikających z utworzenia niestandardowej strony rejestracji, aby dać ci pomysł:

1. Spersonalizuj strony rejestracji użytkowników

Za pomocą niestandardowych stron rejestracyjnych można tworzyć formularze rejestracyjne z niestandardowymi polami i projektować je zgodnie z własnymi wymaganiami. Formularze można dostosowywać do swoich potrzeb i wymagań, tak aby współgrały z pomysłem biznesowym i witryną internetową.

Widget Formularz rejestracji użytkownika może służyć do:

  • Eleganckie rozwiązanie dla zostania członkiem sklepu internetowego
  • Niestandardowy formularz rejestracyjny WordPress odzwierciedlający Twoją firmę
  • Bezpieczny formularz dla forów i stron e-learningowych
  • Dostosowany formularz rejestracyjny dla witryn członkowskich

2. Zbierz wszystkie wymagane informacje z jednego formularza

Jeśli jest jakaś konkretna informacja, którą chcesz zebrać od swoich członków, możesz uczynić ją częścią swojego formularza rejestracyjnego.

Tak więc nie jest to tylko nazwa użytkownika i hasło, które użytkownik może wybrać i to wszystko. Możesz dodać więcej pól formularza, takich jak imię i nazwisko, adres e-mail, dane kontaktowe i tak dalej. Możesz elegancko budować kompleksowe formularze za pomocą niestandardowych pól, w których możesz wprowadzić część swojego formularza rejestracyjnego.

3. Dostosuj środowisko użytkownika

Możesz zapewnić swoim członkom spersonalizowane środowisko użytkownika. Może to być przekierowywanie użytkowników na określoną stronę, pomaganie im w automatycznym logowaniu się na konta lub wysyłanie wiadomości e-mail do ich skrzynki odbiorczej.

4. Zwalczanie spamu i zwiększanie bezpieczeństwa

Dzięki dodatkowi Honeypot i ReCaptcha możesz zwalczać spamerów i zapobiegać fałszywym rejestracjom.

5. Idealnie pasuje do Twojego stylu marki

Formularz rejestracyjny powinien wyglądać tak jak inne strony Twojej witryny. Dzięki niestandardowym formularzom rejestracyjnym możesz tworzyć formularze, które będą współgrać z Twoją firmą.

Jak utworzyć niestandardowy formularz rejestracji użytkownika za pomocą Elementora?

Teraz, gdy masz już podstawową wiedzę na temat tego, w jaki sposób niestandardowy formularz rejestracji użytkownika może pomóc Ci w biznesie, oto kompleksowy przewodnik krok po kroku, jak korzystać z Elementora i dodatku do Zjednoczonych Emiratów Arabskich, aby pomóc Ci stworzyć własny, niestandardowy sposób logowania użytkownika.

Oto przewodnik w trzech krokach o tym, jak utworzyć formularz rejestracji użytkownika dla swojej witryny internetowej.

Uwaga : zanim przejdziesz dalej, upewnij się, że masz włączoną Członkostwo , przechodząc do Pulpitu > Ustawienia > Ogólne > Członkostwo: Włączone .

1.png

Włączenie opcji członkostwa pozwoli każdemu użytkownikowi zarejestrować się w Twojej witrynie.

Krok 1: Utwórz formularz rejestracyjny użytkownika za pomocą Plugin UAE (Ultimate Addon for Elementor)

Aby utworzyć niestandardowy formularz rejestracji użytkownika, upewnij się, że masz zaktualizowaną wersję plugin UAE z aktywowanym blokiem.

Po upewnieniu się, że warunki wstępne tworzenia strony logowania są spełnione, musisz utworzyć lub dodać nową stronę. I edytuj stronę, na której chcesz załączyć formularz rejestracji użytkownika.

Jeśli przeciągniesz i upuścisz widżet, zobaczysz domyślne pola formularza.

2.png

Możesz bawić się polami - możesz usunąć pole, którego nie potrzebujesz, lub dodać inne pola, takie jak nazwa użytkownika, imię itp.

Istnieje możliwość zarządzania wymaganą i szerokością kolumny w poszczególnych polach formularza.

Możesz również zarządzać rozmiarem wejściowym i etykietami pól (niezależnie od tego, czy chcesz je wyświetlić, czy ukryć), lub znacznikiem wymaganym.

Krok 2: Skonfiguruj ustawienia formularza

Po omówieniu podstaw możesz skonfigurować ustawienia formularza, odwiedzając sekcję Ustawienia ogólne . Możesz tutaj wykonać następujące funkcje:

  • Nowa rola użytkownika
  • Wybierz „Działania po rejestracji”

Oto szczegółowy opis obu:

Nowa rola użytkownika

Jeśli masz witrynę członkowską, która wymaga od użytkownika zarejestrowania go w Twojej witrynie, domyślnie przypisujesz „Rolę użytkownika” jako subskrybent .

Możesz ustawić domyślną rolę użytkownika dla swoich członków, a przypisana rola zostanie ustawiona dla wszystkich nowych użytkowników, gdy zarejestrują się w Twojej witrynie.

Untitled.png

Wybierz czynności po rejestracji

4.png

Użytkownik może wybrać następujące Akcje, które może wykonać po zarejestrowaniu się w serwisie członkostwa, korzystając z widżetu Formularz rejestracji użytkownika:

  • Automatyczne logowanie : dzięki tej opcji możesz zezwolić użytkownikowi na automatyczne logowanie do Twojej witryny. Po podaniu danych uwierzytelniających po raz pierwszy użytkownik nie będzie musiał się ponownie logować, ponieważ po udanej rejestracji zostanie automatycznie zalogowany do serwisu.
  • Przekieruj po rejestracji : dzięki tej opcji możesz przekierować użytkowników na stronę powitalną lub stronę logowania – po udanej rejestracji. Możesz ustawić stronę przekierowania, wklejając adres URL żądanej strony w polu adresu URL tej opcji.
  • Wyślij wiadomość e-mail: gdy użytkownik zarejestruje go pomyślnie na Twojej stronie, ta opcja wyśle ​​do niego wiadomość e-mail z potwierdzeniem rejestracji. Treść wiadomości e-mail można dostosować i możesz nadać jej osobisty charakter, aby uzyskać więcej ciepła. Ale jeśli chcesz wysłać tę samą wiadomość e-mail do wszystkich swoich użytkowników, możesz to również zrobić, korzystając z tej opcji.
5.png
  • Ukryj po rejestracji: Czasami możesz chcieć ukryć formularz rejestracyjny użytkownika po pomyślnej rejestracji na Twojej stronie. Dzięki opcji „Ukryj po rejestracji” możesz ukryć formularz rejestracyjny, kierując ich na stronę logowania lub po prostu wyświetlić komunikat „Pomyślne” po podaniu im linku do strony logowania i uzyskania dostępu do witryny. Tę opcję można znaleźć w sekcji Ustawienia ogólne na karcie Zawartość widżetu.

Przechodząc dalej, możesz zaprojektować i stylizować formularz rejestracji użytkownika za pomocą zakładki Styl widżetu.

Po wykonaniu tej czynności proces tworzenia i konfiguracji widżetu Formularz rejestracji użytkownika zostanie zakończony. Formularz jest gotowy do opublikowania w witrynie Live.

Krok 3: Dodaj formularz rejestracyjny użytkownika do swojej witryny internetowej

Ta część jest dość podstawowa i prosta. Możesz bezpośrednio przeciągnąć i upuścić, aby dodać ten widżet, tak jak każdy inny widżet Elementora. Możesz także zapisać sekcję zawierającą widżet i pobrać Zapisaną sekcję na wymaganej stronie rejestracji.

6.png

Poniżej opisaliśmy kilka dodatkowych sposobów dodawania dowolnego widżetu w edytorze Elementora.

np. dla formularza rejestracji użytkownika na stronie WooCommerce

Jeśli chcesz stworzyć niestandardową stronę WooCommerce, tj. Stronę Moje konto, pod nazwą jako Strona konta niestandardowego, możesz po prostu:

Klikając przycisk „Edytuj za pomocą Elementora”, przejdziesz do edytora Elementora.

Możemy utworzyć inny formularz rejestracyjny, tak jak ten, i zapisać go do użytku na stronie konta niestandardowego, wykonując te same wyżej wymienione kroki.

Na koniec, aby ustawić stronę jako „Strona mojego konta”, przejdź do pulpitu nawigacyjnego WordPress. I podążaj następującą ścieżką w opcji WooCommerce:

WooCommerce> Ustawienia> Zaawansowane> Ustawienia strony> Strona Moje konto> Strona Moje konto> wybierz Strona konta niestandardowego

8.png

Możesz zobaczyć stronę zawierającą Zjednoczonych Emiratach Arabskich na stronie Konta WooCommerce.

Wniosek:

Możesz stworzyć stylowy formularz rejestracyjny, z wybranymi opcjami, dla swojej strony internetowej za pomocą Elementora i ZEA .

Postępując zgodnie z instrukcjami podanymi w tym artykule, możesz zarejestrować użytkowników za pomocą widżetu Formularz rejestracji użytkownika w ZEA . Jest to proste i eleganckie rozwiązanie do tworzenia stylowego formularza rejestracyjnego dla nowych użytkowników.

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Pola wymagane są oznaczone *