Stwórz własny formularz logowania, rejestracji w Elementorze FREE. Essential Addons, darmowa wtyczka

🔥 Siema! Zastanawiałeś się czasami jak urozmaicić, poprawić wygląd formularza logowania, bądź rejestracji na stronie Wordpress? Żaden problem. W dodatku odpicujemy - chociaż to za mocne słowo, zmienimy wygląd formularza logowania oraz rejestracji dla klientów testowego sklepu. To wszystko w oparciu o darmową wersję Elementora. Skorzystamy z darmowej wtyczki Essential Addons for Elementor, która jest solidnym wzmocnieniem naszego Page Buildera na Wordpressie. Następnie wykonamy operację zmiany wyświetlania menu nawigacyjnego dla użytkowników zalogowanych oraz wylogowanych.

🔥 Kup hosting oraz domenę w DHOSTING.PL z 20% rabatem!
🔥 KOD: zrobiestrone

Kokpit logowania dla klientów jest troszkę nijaki. W ustawieniach Woocommerce możemy ustawić, aby klienci mieli możliwość rejestrowania się oraz logowania przez zakładkę MOJE KONTO. Jeżeli znasz się na CSS-ie to bez problemu będziesz mógł spersonalizować wygląd takich formularz za pomocą właśnie tego języka. Jeżeli jednak nie czujesz się dobry w językach CSS, HTML to polecam Ci Elementora. Dodatkowo właśnie za pomocą jego darmowej wersji stworzymy sobie templatki pod formularz logowania oraz rejestracji na sklep Woocommerce.

Skorzystamy w tym celu z darmowej wtyczki Essential Addons for Elementor. Jest to konkretna wtyczka z całą masą fajnych i darmowych widgetów do Elementora. Jednym z nich jest właśnie Register/Login Form, dzięki którym stworzymy nasze templatki.

Dodatkowo menu nawigacyjne w omawianym przykładzie stworzone jest za pomocą wtyczki Header, Footer and Blocks for Elementor. Jest to kolejne darmowe rozszerzenie do Elementora. Wtyczka pozwala nam na tworzenie nagłówki, menu nawigacyjnego, stopek, różnego rodzaju sekcji, które możemy powielać na stronie. Menu stworzone za pomocą tej wtyczki poustawiamy tak, aby dla zalogowanych użytkowników ikonka USER kierowała do zakładki Moje konto. Natomiast w przypadku użytkowników niezalogowanych, ikonka kierować będzie do stworzonej przez nas zakładki, gdzie znajdować będą się formularz logowania oraz rejestracji.

🧲 Użyte wtyczki w odcinku:

🔐 Potrzebujesz darmowy certyfikat SSL na stronę? Sprawdź!

🔥 Zobacz jak stworzyć stronę Wordpress krok po kroku:

🔥 Tworzenie sklepu internetowego krok po kroku (motyw Astra):

🔥 Tworzenie sklepu internetowego krok po kroku (motyw Woostify):

Music:
Jeff II - Wait For Me
Link to the song:

Creative Commons — Attribution 3.0 Unported — CC BY 3.0

Creative Commons — Attribution 3.0 Unported — CC BY 3.0

[tobiaszjasniok]

Świetny materiał. Stworzyłem tego typu formularz logowania na swojej stronie internetowej i wszystko działa bez zarzutu, ale brakuje mi jednego bardzo istotnego elementu, a mianowicie przycisku za pomocą którego użytkownik będzie mógł się wylogować. W jaki sposób mogę takowy stworzyć?

[konstancjaadamska]

Cześć Emil, jak zrobić przycisk, który będzie wylogowywał użytkownika?

[Maciu]

U mnie Advanced Tabs z automatu robi czarne tło jak tylko wyjde z elementora żeby zobaczyć efekty. W samym elementorze i podglądzie tło jest takie jakie ustawiłem. Wiesz może co jest przyczyną? Wykluczyłem już konflikt z motywem i przeglądarką.

[cinek]

Cześć. Super poradnik. Jak zawsze pomocny. Mam problem. Stworzyłem formularz rejestracji w forminatorze. Skonfigurowałem WP Mail SMTP, a testowy email przychodzi bez przeszkód. Gdy tworzę konto jako przykładowy klient, dochodzi tylko domyślny email wordpress z linkiem do aktywacji konta. Dodam, że do tworzenia maila powitalnego użyłem Email Template Customizer. Co może być nie tak?

[lukekowal]

Tworzysz świetne materiały, chyba jedyne poradniki na polskim YT odnośnie logowania, rejestracji i ogólnie całej otoczki moje konto, a to ważne bo ten standardowy sposób prezentacji z hasłem wysyłanym na mail jest straszny. A czy można zrobić podobnie jak prezentowałeś na filmie bez tych wtyczek na elementorze pro? Bo widze że jest widget logowanie ale nie ma rejestracji i na theme builder przy nagłówku nie moge znaleść takiego conditiona aby odnosił się do zalogowanych czy niezalogowanych ale może źle szukam.

[wiktorskotowski]

Cześć czy dzięki tej wtyczce mogę edtować formularz rejstracji woocomerce ?

[michakorczyk]

Co radzisz w sytuacji gdy formularz się rozjeżdża w urządzeniach mobilnych? Jest jakaś fajna wtyczka do optymalizacji?

[RobertRutkowski-qnqi]

Siema, pisałem do Ciebie na mail w sprawie postawienia strony od podstaw. ale nie odnaleziono adresu. Spradzałeem dwa razy.

[piotrrybicki]

Cześć, może pokazałbyś, jak zrobić panel logowania z możliwością dodawania wpisów zdjęć na stronę bloga przez internautów? Fajne filmy bardzo pomocne.

[KarolinaNiezgoda-kq]

Witam, gdy przechodzę do logowania, wyświetla się informacja, że token zabezpieczający nie pasuje. Jak to poprawić ?

[czerwinskimariusz]

A czy jest jakaś wtyczka która robi audyt strony ? w sensie zbiera info kiedy użytkownik się zarejestrował zaakceptował regulamin i politykę prywatności ?

[klaradab]

Panie Emilu, czym Pan nagrywa te filmy ? Tj jakim programem? Bo ja mam activepresenter ale on tylko ekran nagrywa a nie ma okienka na osobę.

[Rejken]

Witam, czy ten plugin umożliwia, albo jakiś inny plugin dodania na stronie ikonki np słuchawki gdzie po kliknięciu wyskoczy okienko popup gdzie można wpisać własny numer telefonu żeby to sklep zadzwonił do mnie?

[Lvcasz]

Mi ten element advanced tabs nie działa. Nawet tekstu nie wyświetla, nie mówiąc o załadowaniu templatki. Spotkał się ktoś z czymś takim?

[mateuszmateusz]

bardzo fajny materiał dziękuje bardzo ale mam jeden problem mianowicie po tym jak użytkownik popełni błąd przy rejestracji np. nie akceptując regulaminu przenosi go do formularzu logowania a ja chciałbym żeby zostawał w formularzu rejestracji bo jednak użytkownik chce się zarejestrować może wiesz jak to naprawić?

[maticz]

A jak mogę dodać kolejny checkbox z regulaminem przy rejestracji w koncie klienta?

[LucasP]

Witam. Nie pokazuje mi w Login Form Generał opcji Rejestracji i tak samo nie pojawia się ona w formularzu. Jak to naprawić ?

[MurzynskieMigdalki]

A jak robisz button "kontynuuj jako gość"? Po prostu dodajesz nowy button i odnośnik, który przekierowuje do koszyka?

[monikastachow]

Czy Ty to tworzysz dla osób, które wszystko wiedza czy dla początkujących? Bo jeśli dla tych drugich to mało czytelne....ja nie rozumiem kiedy mowisz: to tutaj, tych tam, to takie, tam, ale..., a tu robimy to, tak poprostu, ja sobie z tego zrezygnuje..." takie wypowiedzi są mało czytelne...I mnóstwo niewyjaśnionych ruchów z dziwnymi słowami....wiesz dla początkujących są niezrozumiałe kiedy ich nie tłumaczysz .... ale wypowiadam się tylko jako początkujący, więc jeśli to dla bardziej zaawansowanych to spoko ;)