Jak utworzyć niestandardowy formularz rejestracji użytkownika w WordPress

Czy Twój formularz rejestracji użytkownika wygląda jak standardowa strona logowania WordPress? Domyślny formularz jest funkcjonalny, ale często nie pasuje do niestandardowej identyfikacji wizualnej Twojej witryny.

Niestandardowy formularz rejestracji zapewnia lepsze wrażenia dla Twoich odwiedzających. Buduje zaufanie i pozwala na zbieranie konkretnych informacji, takich jak profile społecznościowe lub biografie użytkowników.

W WPBeginner wierzymy, że każda część Twojej witryny powinna wyglądać profesjonalnie. Przetestowaliśmy najpopularniejsze kreatory formularzy, aby znaleźć najłatwiejszy sposób na dostosowanie rejestracji użytkowników.

W tym przewodniku pokażemy Ci krok po kroku, jak utworzyć niestandardowy formularz rejestracji użytkownika w WordPress.

Dlaczego warto dodać niestandardowy formularz rejestracji użytkownika w WordPress?

Domyślna strona rejestracji użytkowników WordPress wyświetla branding i logo WordPress, co nie pasuje do reszty projektu witryny WordPress.

Utworzenie nowego formularza rejestracji użytkownika pozwala na dodanie formularza rejestracji na dowolnej stronie witryny i pomaga zapewnić bardziej spójne wrażenia użytkownika podczas procesu rejestracji.

Za pomocą formularza rejestracyjnego możesz zbierać od użytkowników konkretne informacje, które mogą być unikalne dla Twojego bloga WordPress lub firmy.

Może to obejmować dodatkowe dane kontaktowe, preferencje lub wszelkie inne informacje istotne dla funkcjonalności Twojej witryny.

Na przykład, jeśli organizujesz wydarzenie, formularz rejestracyjny pomoże Ci zebrać od uczestników kluczowe informacje, takie jak ograniczenia dietetyczne, preferencje dotyczące sesji lub specjalne wymagania.

Niestandardowy formularz rejestracji użytkownika pozwala również na przekierowanie użytkowników po rejestracji. Możesz nawet wyświetlić dodatkowe pola profilu użytkownika, połączyć je z niestandardowym formularzem logowania po stronie front-end i połączyć go z Twoją usługą e-mail marketingu.

Mając to na uwadze, przyjrzyjmy się krok po kroku, jak utworzyć niestandardowy formularz rejestracji użytkowników w WordPress.

Jak utworzyć niestandardowy formularz rejestracji użytkownika w WordPress

Najprostszym sposobem na utworzenie niestandardowego formularza rejestracji użytkownika jest użycie WPForms. Naszym zdaniem jest to najlepsza wtyczka formularzy kontaktowych dla WordPress. Pozwala ona na tworzenie wszelkiego rodzaju nowych formularzy w WordPress.

W WPBeginner używamy WPForms do wszystkich naszych potrzeb związanych z formularzami kontaktowymi, a także do naszej corocznej ankiety. Mamy tylko dobre doświadczenia z tym narzędziem. Szczególnie doceniamy, że jego kreator typu „przeciągnij i upuść” sprawia, że jest on niezwykle przyjazny dla użytkownika.

Aby dowiedzieć się więcej, zapoznaj się z naszą recenzją WPForms.

Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Bardziej szczegółowe instrukcje znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź na stronę WPForms » Ustawienia z paska bocznego administracji WordPress, aby wprowadzić klucz licencyjny.

Klucz ten możesz uzyskać ze swojego konta na stronie WPForms.

Po zweryfikowaniu klucza musisz odwiedzić stronę WPForms » Dodatki z panelu WordPress.

Stąd znajdź „Dodatek do rejestracji użytkowników”, a następnie kliknij przycisk „Zainstaluj dodatek” pod nim.

WPForms zainstaluje i aktywuje dodatek User Registration na Twojej stronie WordPress. Zobaczysz, że status zmieni się na „Aktywny” po zainstalowaniu dodatku.

Jesteś teraz gotowy do stworzenia niestandardowego formularza rejestracji użytkowników.

Aby to zrobić, odwiedź stronę WPForms » Dodaj nowy z paska bocznego administratora.

Spowoduje to przejście do strony „Wybierz szablon”, gdzie możesz zacząć od wpisania nazwy tworzonego formularza.

Po wykonaniu tej czynności po prostu zlokalizuj szablon „Formularz rejestracji użytkownika” i kliknij przycisk „Użyj szablonu” pod nim.

Spowoduje to uruchomienie kreatora formularzy WPForms na Twoim ekranie. W prawej kolumnie zauważysz opcje pól i podgląd formularza w lewym rogu ekranu.

Domyślny formular rejestracyjny zawiera już pola: nazwa, nazwa użytkownika, hasło, e-mail i krótkie bio.

Możesz jednak łatwo dodać więcej pól do formularza z lewego panelu, a także przeciągać pola, aby zmienić ich kolejność.

Wtyczka pozwala również edytować każde pole formularza. Aby to zrobić, po prostu kliknij dowolne pole formularza, a w lewej kolumnie zobaczysz opcję „Opcje pola”.

Stąd możesz zmienić etykietę pola, edytować jego format, dodać opis, skonfigurować formatowanie warunkowe, ustawić pole jako wymagane i wiele więcej.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz”, aby zachować swoje ustawienia.

Uwaga: Jeśli chcesz wysyłać powiadomienia e-mail do zarejestrowanych użytkowników, zapoznaj się z naszym poradnikiem jak wysyłać e-maile z potwierdzeniem po przesłaniu formularza WordPress.

Dodawanie niestandardowych pól w niestandardowym formularzu rejestracji użytkowników

WPForms pozwala również na podłączenie niestandardowych pól profilu użytkownika do formularza rejestracji użytkownika.

Aby to zrobić, musisz dodać dodatkowe pola profilu użytkownika do swojej witryny WordPress, a najłatwiejszym sposobem jest użycie wtyczki WordPress.

W tym samouczku używamy wtyczki Advanced Custom Fields. Jednak funkcja mapowania pól WPForms będzie działać z każdą wtyczką, która używa standardowych niestandardowych pól WordPress do dodawania i przechowywania metadanych użytkownika.

Najpierw musisz zainstalować i aktywować wtyczkę Advanced Custom Fields. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem dla początkujących na temat jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczki przejdź na stronę ACF » Grupy pól z paska bocznego administracji WordPress. Tutaj kliknij przycisk „+ Dodaj grupę pól”.

Przekieruje Cię to do strony „Dodaj nową grupę pól”, gdzie możesz zacząć od wpisania tytułu dla grupy pól.

W tym samouczku utworzymy niestandardowe pole dla danych konta w mediach społecznościowych.

Następnie przewiń w dół do menu rozwijanego „Typ pola” i wybierz typ dla niestandardowego pola. Możesz wybrać tekst, liczby, obrazy, pliki, pola wyboru, adresy URL, hasła i wiele więcej.

Gdy już to zrobisz, wprowadź etykietę pola, która pojawi się na stronie profilu.

Na przykład, jeśli chcesz dodać niestandardowe pole do zbierania profili na Facebooku, możesz nazwać etykietę pola „Facebook”.

Zauważysz, że Nazwa pola zostanie automatycznie wygenerowana podczas wprowadzania etykiety pola, ale możesz ją edytować.

Następnie przejdź do zakładki „Walidacja” w sekcji „Etykieta”. Tutaj możesz włączyć przełącznik „Wymagane”, aby użytkownicy musieli wypełnić to niestandardowe pole przed przesłaniem formularza.

Możesz nawet ustawić limit znaków dla pola z tego miejsca.

Gdy już to zrobisz, po prostu przełącz się na zakładkę „Prezentacja” u góry.

Możesz teraz dodać instrukcje dla autorów, tekst zastępczy dla pola, atrybuty opakowania i wiele więcej.

Następnie możesz również dodać logikę warunkową do niestandardowego pola, które tworzysz, przełączając się na zakładkę „Logika warunkowa” u góry.

Po wprowadzeniu zmian przewiń w dół do sekcji „Zasady lokalizacji”. Stąd musisz utworzyć zestaw reguł określających, które ekrany będą używać tych niestandardowych pól.

Ponieważ chcemy, aby to pole pojawiło się dla wszystkich profili użytkowników, będziemy musieli wybrać opcję „Rola użytkownika” z menu rozwijanego po lewej stronie.

Następnie pozostaw menu rozwijane pośrodku bez zmian, a następnie wybierz opcję „Wszystkie” z menu rozwijanego po prawej stronie.

Teraz niestandardowa grupa pól, którą tworzymy, będzie wyświetlana dla wszystkich profili użytkowników.

Następnie przełącz się na zakładkę „Ustawienia grupy” u góry.

Gdy już tam będziesz, upewnij się, że grupa pól jest aktywna, przesuwając przełącznik z „Nie” na „Tak”.

Po wykonaniu tej czynności możesz również dodać inne niestandardowe pola do grupy pól, klikając przycisk „Dodaj pole” u góry strony.

Na przykład, jeśli chcesz utworzyć wiele pól mediów społecznościowych, możesz kliknąć przycisk „Dodaj pole” i zacząć dostosowywać pole dla innych platform mediów społecznościowych.

Pamiętaj, że wszystkie utworzone pola będą częścią tej samej grupy pól.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz zmiany” u góry, aby zapisać swoje ustawienia.

Pomyślnie opublikowałeś swoją grupę pól.

Teraz, aby wyświetlić utworzone niestandardowe pole, przejdź do strony Użytkownik » Profil z obszaru administracyjnego.

Tutaj zobaczysz swoje niestandardowe pola dodane na dole strony profilu.

Teraz, gdy utworzyłeś niestandardowe pole profilu użytkownika, musisz dodać je do niestandardowego formularza rejestracji użytkownika w WPForms.

Po tym będziesz musiał upewnić się, że pole formularza jest powiązane z polem niestandardowym, aby dane były prawidłowo przechowywane.

Aby to zrobić, przejdź do strony WPForms » Wszystkie Formularze z panelu administracyjnego WordPress. Następnie kliknij link „Edytuj” pod formularzem rejestracji użytkownika, który właśnie utworzyłeś i zapisałeś wcześniej.

Spowoduje to otwarcie formularza w kreatorze formularzy WPForms. Gdy tam będziesz, po prostu przeciągnij pole z lewego panelu, aby dodać je do swojego formularza.

W tym przykładzie dodajemy pole „Witryna/URL” do naszego formularza.

Po dodaniu pola Witryna/URL kliknij je, aby otworzyć właściwości pola w lewej kolumnie.

Teraz zmień etykietę pola z Witryna/URL na nazwę utworzonej grupy pól.

Jeśli chcesz, możesz również dodać opis pola.

Po tym nie zapomnij kliknąć przycisku „Zapisz”, aby zapisać swój formularz.

Następnie musisz kliknąć przycisk „Ustawienia” w prawym rogu, aby uzyskać zaawansowane ustawienia formularza i mapowanie pól. Na stronie Ustawienia kliknij zakładkę „Rejestracja użytkownika”.

WPForms wyświetli teraz pola Twojego formularza i poniżej nich menu rozwijane, aby wybrać pole rejestracji WordPress, z którym ma zostać zmapowane.

Zauważysz, że WPForms automatycznie zmapuje Twoje domyślne pola, takie jak Nazwa, E-mail, Hasło i inne.

Stąd wybierz opcję nazwy grupy pól z menu rozwijanego pod opcją „Witryna”.

Następnie przewiń w dół do sekcji „Niestandardowe metadane użytkownika”.

W polu „Niestandardowy klucz meta” musisz wprowadzić konkretną „Nazwę pola” dla swojego niestandardowego pola, znalezioną w ustawieniach ACF (nie tytuł grupy pól). Następnie wybierz odpowiadające mu pole formularza, z którym chcesz je powiązać, z menu rozwijanego.

Uwaga: Jeśli chcesz wysyłać powiadomienia e-mail do zarejestrowanych użytkowników, zapoznaj się z naszym poradnikiem jak wysyłać e-maile z potwierdzeniem po przesłaniu formularzy WordPress.

Na koniec kliknij przycisk „Zapisz” w prawym górnym rogu ekranu, aby zapisać ustawienia.

Dodawanie niestandardowego formularza rejestracji użytkowników w WordPressie

WPForms sprawia, że dodawanie formularzy do wpisów, stron i widżetów bocznych WordPressa jest niezwykle proste.

Najpierw musisz otworzyć istniejący lub nowy wpis/stronę, na której chcesz dodać niestandardowy formularz rejestracji.

Gdy już tam będziesz, kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu, aby otworzyć menu bloków.

Stąd znajdź i dodaj blok WPForms do strony/wpisu.

Następnie możesz wybrać swój niestandardowy formularz rejestracyjny z menu rozwijanego w samym bloku.

Teraz zobaczysz podgląd swojego formularza rejestracyjnego w edytorze WordPress. Opublikuj swój wpis lub stronę, aby zobaczyć niestandardowy formularz rejestracyjny w akcji.

Dodaj niestandardowy formularz rejestracji użytkowników do paska bocznego

WPForms pozwala również na dodanie niestandardowego formularza rejestracji użytkownika do paska bocznego. Po prostu odwiedź stronę Wygląd » Widżety z obszaru administracyjnego i kliknij przycisk „Dodaj blok” (+).

Spowoduje to otwarcie menu bloków, z którego możesz dodać blok WPForms do zakładki paska bocznego na stronie „Widżety”.

Następnie po prostu wybierz formularz rejestracji użytkownika z menu rozwijanego w bloku WPForms.

Po zakończeniu nie zapomnij kliknąć przycisku „Zaktualizuj”, aby przechowywać ustawienia.

Teraz możesz odwiedzić swoją witrynę, aby zobaczyć formularz rejestracji użytkownika na pasku bocznym witryny.

Dodaj niestandardowy formularz rejestracji użytkownika w edytorze całego witryny

Jeśli używasz motywu blokowego WordPress, nie będziesz mieć strony widżetów. Aby dodać formularz rejestracyjny na pasku bocznym za pomocą Edytora Pełnej Witryny (FSE), przejdź do strony Wygląd » Edytor z paska bocznego administratora.

Po przejściu do tego miejsca, kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu, aby otworzyć menu bloków.

Stąd musisz znaleźć i dodać blok WPForms w preferowanym miejscu na swojej stronie internetowej.

Następnie wybierz formularz rejestracji z menu rozwijanego w samym bloku.

Na koniec kliknij przycisk „Zapisz”, aby zapisać swoje ustawienia.

Teraz odwiedź swoją witrynę, aby zobaczyć niestandardowy formularz rejestracji użytkowników w akcji.

Bonus: Utwórz niestandardową stronę logowania z formularzem rejestracyjnym

Kiedy dodasz swój formularz rejestracyjny do strony w swojej witrynie, WordPress domyślnie użyje układu, szablonu i stylu Twojego motywu.

Jednakże, możesz stworzyć oszałamiającą stronę rejestracji od podstaw, korzystając z konstruktora stron docelowych WordPress.

SeedProd to najlepszy kreator stron dla WordPress. Jest przyjazny dla użytkownika i oferuje kreator metodą przeciągnij i upuść, który pomaga tworzyć wszystkie rodzaje stron docelowych. Wtyczka oferuje również gotowe szablony i wiele funkcji dostosowywania.

Niektóre z naszych marek partnerskich użyły go do stworzenia niestandardowych motywów, dzięki czemu ich strony są atrakcyjne wizualnie i zdobywają uznanie użytkowników. Aby dowiedzieć się więcej, możesz przeczytać naszą recenzję SeedProd.

Najpierw musisz zainstalować i aktywować wtyczkę SeedProd na swojej stronie. Szczegółowe instrukcje znajdziesz w naszym poradniku jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź na stronę SeedProd » Ustawienia, aby wprowadzić klucz licencyjny wtyczki. Informacje te znajdziesz na swoim koncie na stronie internetowej SeedProd.

Po zweryfikowaniu klucza jesteś gotowy do utworzenia strony logowania z formularzem rejestracji.

Na początek przejdź do ekranu SeedProd » Strony docelowe z paska bocznego administratora, a następnie kliknij przycisk „Skonfiguruj stronę logowania”.

Spowoduje to przejście do ekranu „Wybierz nowy szablon strony”, gdzie możesz wybrać gotowy szablon dla strony logowania, którą zamierzasz utworzyć.

Po wybraniu szablonu pojawi się okno podręczne.

Musisz teraz wprowadzić nazwę dla swojej strony docelowej i adres URL. Gdy to zrobisz, kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Następnie możesz edytować swoją stronę logowania za pomocą kreatora stron docelowych typu „przeciągnij i upuść” SeedProd.

Aby to zrobić, wybierz blok z menu po lewej stronie i przeciągnij go tam, gdzie chcesz go dodać na stronie logowania.

Na przykład, możesz dodać nagłówek, obraz, wideo lub blok udostępniania w mediach społecznościowych do swojej strony docelowej.

Po wykonaniu tej czynności przejdź do sekcji Zaawansowane bloki z lewej kolumny.

Stąd wybierz blok „Formularz kontaktowy” i umieść go na swojej stronie logowania.

Sugerujemy usunięcie istniejącego bloku Nazwa użytkownika i Hasło z szablonu, aby użytkownicy nie musieli dwukrotnie wprowadzać danych logowania.

Następnie kliknij blok WPForms na swojej stronie logowania, aby otworzyć jego ustawienia w lewej kolumnie.

Zobaczysz teraz opcję „Wybierz formularz” w menu.

Stąd wybierz swój formularz rejestracyjny z menu rozwijanego.

Powinieneś teraz zobaczyć podgląd swojego formularza rejestracyjnego w kreatorze strony docelowej.

Na koniec nie zapomnij kliknąć przycisku „Zapisz”, aby zachować zmiany.

Następnie możesz przejść do zakładki „Połącz” i zintegrować różne usługi e-mail marketingu z formularzem rejestracji.

SeedProd łatwo integruje się z popularnymi usługami marketingu e-mailowego, takimi jak Drip, Constant Contact, AWeber i inne, co może pomóc w rozbudowie Twojej listy e-mailowej.

Następnie możesz przejść do zakładki „Ustawienia strony” i zmienić Status strony na Opublikuj w ustawieniach Ogólnych.

Możesz nawet edytować tytuł strony i adres URL oraz włączyć link SeedProd z tej zakładki.

Jeśli chcesz zoptymalizować swoją stronę pod kątem wyszukiwarek, przejdź do zakładki SEO.

Stąd możesz skonfigurować ustawienia, wprowadzając tytuł SEO, opis, miniaturę w mediach społecznościowych i inne.

SeedProd pozwala również dodawać fragmenty kodu w ustawieniach Skryptów. Gdy będziesz zadowolony z ustawień, po prostu kliknij przycisk „Zapisz” u góry i zamknij edytor stron.

Następnie przejdź do ekranu SeedProd » Strony docelowe i przełącz przełącznik pod „Stroną logowania”, aby uczynić swoją stronę „Aktywną”.

Możesz teraz odwiedzić swoją stronę logowania, aby zobaczyć formularz rejestracyjny w akcji.

Często zadawane pytania dotyczące formularzy rejestracji użytkowników

Często otrzymujemy od czytelników pytania dotyczące dostosowywania procesu rejestracji użytkowników. Oto odpowiedzi na niektóre z najczęstszych pytań dotyczących formularzy rejestracji w WordPress.

1. Jak mogę zatrzymać spamowe rejestracje w moim formularzu?

Spamowe rejestracje mogą być uciążliwe. Zalecamy włączenie wbudowanej funkcji zapobiegającej spamowi typu „honeypot” w WPForms. Możesz również dodać pole CAPTCHA do swojego formularza, aby jeszcze bardziej blokować boty.

2. Czy mogę ręcznie zatwierdzać użytkowników, zanim będą mogli się zalogować?

Tak, możesz kontrolować, kto uzyskuje dostęp do Twojej witryny. Ustawienia rejestracji użytkowników WPForms pozwalają na włączenie „Zatwierdzania przez administratora” dla nowych kont. Oznacza to, że użytkownicy nie mogą się zalogować, dopóki nie przejrzysz ich rejestracji.

3. Czy mogę zbierać płatności podczas rejestracji użytkownika?

Absolutnie. Możesz połączyć rejestrację użytkownika z polami płatności, korzystając ze Stripe, PayPal lub Square. Jest to idealne rozwiązanie, jeśli tworzysz witrynę członkowską z opłatą lub pobierasz opłatę za dostęp.

4. Jaką rolę użytkownika powinienem przypisać nowym użytkownikom?

Dla większości stron internetowych powinieneś przypisać rolę „Subskrybent” nowym zarejestrowanym użytkownikom. Zapewnia to, że mogą oni przeglądać treści na Twojej stronie, ale nie mogą zmieniać ustawień strony, instalować wtyczek ani edytować postów.

5. Czy mogę pozwolić użytkownikom na przesłanie zdjęcia profilowego?

Tak, możesz dodać pole przesyłania plików do swojego formularza rejestracyjnego. Następnie możesz przypisać to pole do metadanych profilu użytkownika, aby zostało zapisane jako jego awatar lub zdjęcie biograficzne.

Dodatkowe zasoby

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo stworzyć niestandardowy formularz rejestracji użytkowników w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia niestandardowej strony logowania lub naszymi najlepszymi wyborami najlepszych wtyczek członkowskich dla WordPress.

• Jak stworzyć niestandardową stronę logowania WordPress (kompletny przewodnik)
• Jak zatrzymać rejestrację spamu na Twojej stronie członkowskiej WordPress
• Kompleksowy przewodnik po tworzeniu strony członkowskiej WordPress
• Przewodnik dla początkujących po rolach użytkowników i uprawnieniach w WordPressie

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.