Chcesz stworzyć spersonalizowany formularz rejestracyjny dla swoich użytkowników?

Domyślny formularz rejestracyjny WordPress wyświetla markę WordPress i nie pasuje do motywu WordPress Twojej witryny.

Jeśli nigdy nie instalowałeś WordPress, dowiedz się w tym samouczku Jak zainstalować i skonfigurować bloga

W tym samouczku pokażemy, jak utworzyć niestandardowy formularz rejestracyjny w WordPress.

Po co dodawać spersonalizowany formularz rejestracyjny na WordPress

Domyślna strona rejestracji WordPress wyświetla markę i logo WordPress. Niekoniecznie pasuje do reszty Twojej witryny.

Utworzenie niestandardowego formularza rejestracyjnego umożliwia dodanie formularza rejestracyjnego do strony Twojej witryny. Pomaga zapewnić bardziej spójne wrażenia użytkownika podczas procesu rejestracji.

Zanim przejdziesz dalej, możesz odkryć Jak dostosować strony rejestracji i logowania w WordPress

Spersonalizowany formularz rejestracyjny umożliwia również przekierowanie użytkowników po rejestracji. Możesz także wyświetlić dodatkowe pola profilu, połączyć je z niestandardowym formularzem logowania i połączyć je z działem marketingu e-mailowego.

Powiedziawszy to, przyjrzymy się, jak utworzyć niestandardowy formularz rejestracyjny WordPress.

Tworzenie własnego formularza logowania

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywuj wtyczkę WPForms, Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Przynajmniej będziesz potrzebować planu Pro »Dostęp do formularzy rejestracji użytkowników.

Po aktywacji musisz odwiedzić „ WPForms »Ustawienia Aby wprowadzić klucz licencyjny WPForms. Możesz pobrać ten klucz na swoje konto WPForms.

wpform-licencja-key

Następnie przejdź do „ WPForms> Addons ”. Kliknij przycisk Zainstaluj dodatek »Na rozszerzeniu« Formularze rejestracji użytkowników ".

Rozszerzenie-user-registration-forma

WPForms pobierze i zainstaluje rozszerzenie. Będziesz musiał kliknąć przycisk "Enable" aby rozpocząć korzystanie z rozszerzenia.

Rozszerzenie aktywować na wordpress

Jesteś teraz gotowy do stworzenia spersonalizowanego formularza rejestracyjnego.

Musisz odwiedzić „ WPForms> Dodaj nowe Aby użyć Konstruktora wideo WPForms.

Najpierw musisz wpisać nazwę formularza, a następnie wybrać szablon "Formularz rejestracyjny użytkownika"(Formularz rejestracyjny użytkownika).

wpforms builder

WPForms utworzy dla Ciebie prosty formularz rejestracyjny. Ten przykład będzie miał następujące pola.

  • Nazwisko Imię
  • Nazwa użytkownika
  • E-mail
  • hasło
  • Krótka biografia

Możesz dodać pola z lewego panelu. Będziesz musiał tylko przeciągać pola, aby zmienić ich kolejność.

Dodawanie pól niestandardowych do niestandardowego formularza rejestracyjnego

WPForms pozwala również dodawać pola profilu do formularza. Aby to zrobić, potrzebujesz specjalnej wtyczki.

W tym przykładzie używamy darmowej wtyczki Meta Manager użytkownika ". 

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę „ Meta Manager użytkownika ”. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat Jak zainstalować (dodać) wtyczkę na WordPress

Po aktywacji wtyczki musisz przejść do następującej lokalizacji Użytkownicy> Zarządzaj użytkownikami I dodaj meta, aby kontynuować.

dodać meta-des-by-użytkownik Dostosowuje

Ale najpierw musisz wprowadzić klucz. Ten klucz pozwala wiedzieć, jak pole niestandardowego profilu użytkownika zostanie wewnętrznie rozpoznane.

Następnie musisz wybrać typ pola. W tym przykładzie używamy pola adresu URL, aby dodać adres URL profilu na Facebooku. Pod « Etykieta », Musisz wpisać etykietę, która będzie widoczna dla użytkowników podczas wypełniania tego pola.

Zanim przejdziesz dalej, odkryj Jak wyświetlić niestandardowe pola na WordPress

Kliknij przycisk Prześlij "(Przedkładać), aby dodać niestandardowe pole meta. Następnie możesz odwiedzić sekcję użytkowników »Twój profil Aby zobaczyć pole.

new-field-facebook-profile

Teraz, gdy utworzyliśmy niestandardowe pole, dodajmy je do niestandardowego formularza rejestracji w WPForms.

przejdź do  WPForms »Wszystkie formularze » aby zmodyfikować swój spersonalizowany formularz rejestracyjny lub utworzyć nowy.

Następnie kliknij pole z lewego panelu, aby dodać je do formularza. W tym przykładzie dodajemy pole „ URL strony internetowej Do naszej formy.

add-a-new-polowego wpforms

Pole Strona internetowa/ URL Pojawi się teraz w podglądzie formularza. Musisz go tylko kliknąć, a WPForms wyświetli jego właściwości w lewym okienku.

Musimy zmienić etykietę witryny „ Adres URL witryny Dla „ Profil Facebooka”. Możesz także dodać opis pola.

modyfikacja pola połączenia wtykowego WordPress WPForms

Nie zapomnij kliknąć przycisku « Enregistrer W prawym górnym rogu ekranu, aby zapisać formularz.

Następnie musisz kliknąć przycisk Parametry (Ustawienia) dla zaawansowanych ustawień formularza. Na stronie Ustawienia ", Kliknij na" Rejestracja nowego użytkownika ".

WPForms wyświetli twoje pola i rozwijane menu poniżej, abyś mógł wybrać, które pole rejestracji możesz " mapa"(Podłącz lub zharmonizuj).

Odkryj nasze 8 premium WordPress wtyczki do tworzenia niestandardowych pól

Zauważysz, że WPForms ” mapy »Automatycznie Twoje domyślne pola, takie jak imię i nazwisko, e-mail, hasło itp.

Możesz wybrać stronę, na którą chcesz przekierować użytkowników po sprawdzeniu poprawności formularza.

Będziesz musiał przewinąć w dół do „ Niestandardowa meta użytkownika ”. Tutaj możesz wprowadzić utworzony wcześniej niestandardowy klucz meta, a następnie wybrać pole formularza, który chcesz „zmapować”.

mapper-a-field-Dostosuj-wpforms

Nie zapomnij zapisać ustawień

Jak dodać formularz rejestracyjny do WordPress

Przed rozpoczęciem tej części zapraszamy do odkrycia Jak utworzyć własną stronę rejestracyjną na WordPressie

Jeśli to zrobisz, dodajmy razem formularz na WordPress

WPForms ułatwia dodawanie widżetów na pasku bocznym lub na stronach i artykułach. Musisz zacząć od edycji artykułu / strony.

Na ekranie edycji zauważysz nowy przycisk WPForms.

Add-A-Form-wpforms

Kliknięcie go spowoduje wyświetlenie menu kontekstowego. Musisz wybrać formularz z menu rozwijanego, a następnie kliknąć przycisk „  Dodaj Form ".

Zauważysz, że skrót „ WPForms Pojawi się w edytorze treści Twojego artykułu. Będziesz teraz mógł publikować lub zapisywać swoje posty / stronę, a następnie wyświetlić podgląd formularza.

PRZEGLĄD arkusza, dostosowuje

WPForms umożliwia również dodanie niestandardowego formularza rejestracyjnego na pasku bocznym. Odwiedź menu  Wygląd >> Widżety >>i dodaj widżet WPForms Do paska bocznego.

Forma-of-the-bar-Side

Musisz wybrać formularz, który chcesz wyświetlić, z menu rozwijanego w ustawieniach widżetu. Nie zapomnij zapisać ustawień widżetu.

To wszystko, możesz teraz odwiedzić swoją witrynę internetową, aby zobaczyć spersonalizowany formularz rejestracyjny w akcji.

Form-Dostosuj-wordpress

 

Tym samym kończy się tworzenie spersonalizowanego formularza rejestracyjnego. Ale zanim przejdziesz dalej, sugerujemy zapoznanie się z artykułem WPForms: najlepsza wtyczka WordPress do utworzenia formularza kontaktowego

Jeśli szukasz innych rozwiązań premium, aby stworzyć oczywiście to samo zadanie, sprawdź nasze 3 WordPress wtyczki poniżej.

1. WP Niestandardowe logowanie administratora

Niestandardowe logowanie administratora WP to WordPress Plugin Domyślna premia dostosowywania strony logowania WordPress. Pozwala dostosować tę stronę za pomocą narzędzia WordPress Customizer i zawiera ponad 25 wspaniałych szablonów stron, z których będzie można wybierać.

Własna wtyczka WP do logowania administratora do tworzenia niestandardowych stron logowania administratora

Nawet jeśli nie masz umiejętności kodowania, będziesz w stanie szybko stworzyć wyjątkową stronę logowania. Jego interfejs wizualny jest bardzo intuicyjny, co pozwoli ci skonfigurować stronę logowania zgodnie z własnymi preferencjami. Obsługuje filmy i obrazy, które można wykorzystać jako tło na stronie.

Pobierz | Demo | hosting

2. Flex-Rejestracja

Flex-Register to WordPress Plugin co umożliwia dodanie formularza rejestracji lub logowania w lightboxie. Odświeżenie strony nie będzie konieczne i będzie działać natychmiast po instalacji. W związku z tym żadna konfiguracja nie będzie konieczna.

Flex register bootstrap 3 lightbox do rejestracji wordpress

Zajmie się również dopasowaniem Twojego formularza do stylu aktywnego motywu WordPress na Twojej stronie. Jako funkcja oferuje między innymi: przejrzysty design i dobrze skomentowany kod, w pełni konfigurowalny wygląd, kompatybilność z większością ds. Motywy WordPress popularne, obsługa wielu przeglądarek i nie tylko.

Pobierz | Demo | hosting

3. Zaloguj się Ninja

Ce WordPress Plugin umożliwia dostosowanie strony logowania. To coś więcej niż dostosowanie formularza logowania. Możesz dostosować całą stronę, zmieniając jej kolor, dodając obraz tła, dodając logo i nie tylko.Wtyczka do logowania do WordPressa

Inne funkcje to: ochrona formularzy logowania i rejestracji za pomocą captcha, automatyczne i ręczne blokowanie adresów IP, które atakują cię brutalną siłą, szczegółowy dziennik wszystkich działań związanych z połączeniem, przekierowanie użytkownika na podstawie role i nazwy użytkowników, otrzymywanie powiadomień e-mail o wszystkich zdarzeniach logowania, łatwy w użyciu interfejs graficzny, szczegółowa dokumentacja i nie tylko.

Pobierz | Demo | hosting

Inne zalecane zasoby

Chciałbyś tworzyć inne rodzaje formularzy? zapraszamy do zapoznania się z listą zalecanych zasobów. 

Wnioski

Voila! To tyle w tym samouczku. Mam nadzieję, że pozwoli ci to łatwo stworzyć niestandardową formę rejestracji na WordPress. Zapraszamy również do konsultacji z naszą firmą zasoby, jeśli jesteś początkującym blogerem

Jeśli masz jakieś sugestie lub uwagi, będą one mile widziane. Ale jeśli lubisz nie wahaj się  udostępnij ten artykuł w różnych sieciach społecznościowych.

...