Wilt u een persoonlijk registratieformulier voor uw gebruikers maken?

Het standaard WordPress-registratieformulier geeft de WordPress-branding weer en komt niet overeen met het WordPress-thema van uw website.

Als je WordPress nog nooit hebt geïnstalleerd, lees dan in deze tutorial Hoe u uw blog installeert en configureert

In deze zelfstudie laten we u zien hoe u een aangepast registratieformulier in WordPress maakt.

Waarom een ​​gepersonaliseerd registratieformulier op WordPress toevoegen

De standaard WordPress-registratiepagina toont de WordPress-branding en het logo. Het komt niet noodzakelijk overeen met de rest van uw website.

Door een aangepast registratieformulier te maken, kunt u het registratieformulier toevoegen aan een pagina van uw website. Het helpt u een meer consistente gebruikerservaring te bieden tijdens het registratieproces.

Voordat u doorgaat, kunt u ontdekken Hoe u aanmeldings- en inlogpagina's van WordPress kunt aanpassen

Met een gepersonaliseerd registratieformulier kunnen gebruikers ook na registratie worden doorgestuurd. U kunt ook extra profielvelden weergeven, deze combineren met het aangepaste inlogformulier en ze verbinden met uw e-mailmarketingafdeling.

Dat gezegd hebbende, gaan we snel kijken hoe u een aangepast registratieformulier in WordPress kunt maken.

Een aangepast inlogformulier maken

Het eerste dat u hoeft te doen, is en installeren activeer de WPForms-plug-in. Voor meer informatie bekijk onze stapsgewijze handleiding voor het installeren van een WordPress-plug-in.

Je hebt het plan tenminste nodig Pro »Om toegang te krijgen tot gebruikersregistratieformulieren.

Na activering moet u ' WPForms »Instellingen Om uw WPForms-licentiesleutel in te voeren. U kunt deze sleutel op uw WPForms-account krijgen.

wpform-licentie-key

Ga dan naar ' WPForms> Add-ons ". Klik op de knop installeren Addon »Op de extensie« Gebruiker Inschrijfformulieren .

extensie-user-registratie-vorm

WPForms zal de extensie downloaden en installeren. U moet op de knop klikken "Enable" om de extensie te gebruiken.

De uitbreiding-activate-on-wordpress

U bent nu klaar om uw gepersonaliseerde registratieformulier te maken.

Je moet bezoeken " WPForms> Nieuw toevoegen Om de WPForms Video Builder te gebruiken.

Eerst moet u een naam voor uw formulier invoeren en vervolgens de sjabloon "Gebruikersregistratieformulier"(Gebruikersregistratieformulier).

bouwer wpforms

WPForms zal een eenvoudig registratieformulier voor u maken. Dit voorbeeld heeft de volgende velden.

  • Achternaam voornaam
  • Gebruikersnaam
  • E-mail
  • Wachtwoord
  • korte biografie

U kunt velden toevoegen vanuit het linkerdeelvenster. U hoeft alleen velden te slepen om hun volgorde te wijzigen.

Aangepaste velden toevoegen aan uw aangepaste registratieformulier

Met WPForms kunt u ook profielvelden aan uw formulier toevoegen. Om dit te doen heeft u een gespecialiseerde plug-in nodig.

In dit voorbeeld gebruiken we de gratis plug-in Gebruiker Meta Manager

Het eerste wat u hoeft te doen, is de plug-in installeren en activeren " Gebruiker Meta Manager ". Raadpleeg onze gids over voor meer informatie Hoe een plug-in op WordPress te installeren (toevoegen)

Na het activeren van de plug-in moet u naar de volgende locatie gaan Gebruikers> Gebruikers beheren En voeg meta's toe om door te gaan.

add meta-des-by-gebruiker past

Maar u moet eerst een sleutel invoeren. Deze sleutel laat u weten hoe het aangepaste gebruikersprofielveld intern wordt herkend.

Dan moet u een type veld kiezen. In dit voorbeeld gebruiken we een URL-veld om de Facebook-profiel-URL toe te voegen. Onder « label », U moet het label invoeren dat zichtbaar is voor gebruikers bij het invullen van dit veld.

Ontdek voordat u doorgaat Hoe u aangepaste velden op WordPress weer te geven

Klik op de knop Verzenden "(Voorleggen) om het aangepaste metaveld toe te voegen. U kunt vervolgens de sectie bezoeken Gebruikers »Uw profiel Om het veld te zien.

nieuw-field-facebook-profiel

Nu we een aangepast veld hebben gemaakt, gaan we het toevoegen aan het aangepaste registratieformulier in WPForms.

gaan naar  WPForms »Alle formulieren » om uw gepersonaliseerde registratieformulier te wijzigen of om een ​​nieuw aan te maken.

Klik daarna op een veld in het linkerdeelvenster om het aan uw formulier toe te voegen. In dit voorbeeld voegen we een veld toe " URL van de website Naar onze vorm.

add-a-new-field-wpforms

Het veld Website/ URL Wordt nu weergegeven in het voorbeeld van uw formulier. U hoeft er alleen maar op te klikken en WPForms zal zijn eigenschappen in het linkerdeelvenster weergeven.

We moeten het websitelabel wijzigen ' Website / URL " voor " Facebook Profiel". U kunt ook een beschrijving voor het veld toevoegen.

Wijziging van een plugin-verbindingsveld WordPress WPForms

Vergeet niet op de knop «te klikken Enregistrer In de rechterbovenhoek van het scherm om uw formulier op te slaan.

Dan moet je op de knop klikken Parameters (Instellingen) voor de geavanceerde instellingen van het formulier. Op de pagina Instellingen ", Klik op de" Gebruikersregistratie .

WPForms zal uw velden weergeven en een vervolgkeuzemenu hieronder zodat u kunt selecteren welk registratieveld u kunt " mapper"(Verbinden of harmoniseren).

Ontdek onze 8 premie WordPress plugins om aangepaste velden maken

U zult merken dat WPForms " kaarten »Automatisch uw standaard velden zoals naam, e-mail, wachtwoord, etc….

U kunt een pagina selecteren waarnaar gebruikers moeten worden omgeleid zodra ze het formulier valideren.

U moet omlaag scrollen naar de " Aangepaste gebruikersmeta ". Hier kunt u de eerder gemaakte aangepaste meta-sleutel invoeren en vervolgens het veld selecteren van het formulier dat u wilt "toewijzen".

Mapper-a-field-pas-wpforms

Vergeet niet uw instellingen op te slaan

Hoe een registratieformulier op WordPress toe te voegen

Voordat u aan dit deel begint, nodigen we u uit om te ontdekken Hoe u een aangepaste registratiepagina op WordPress

Als het klaar is, voegen we een formulier samen op WordPress

WPForms maakt het gemakkelijk om widgets toe te voegen in de zijbalk of in uw pagina's en artikelen. U moet beginnen met het bewerken van een artikel / pagina.

Op het bewerkingsscherm ziet u de nieuwe WPForms-knop.

add-a-form-wpforms

Als u erop klikt, wordt een contextmenu geopend. U moet uw formulier selecteren in het vervolgkeuzemenu en vervolgens op de "  Voeg Form .

U zult merken dat de shortcode " WPForms Verschijnt in de inhoudseditor van uw artikel. U kunt nu uw artikelen / pagina publiceren of opslaan en vervolgens een voorbeeld van uw formulier bekijken.

PREVIEW-of-vorm, past

Met WPForms kunt u ook uw aangepaste registratieformulier in de zijbalk toevoegen. Bezoek het menu  Uiterlijk >> Widgets >>en voeg een widget toe WPForms Naar een zijbalk.

form-of-the-bar-Side

U moet het formulier selecteren dat u wilt weergeven in het vervolgkeuzemenu in de widgetinstellingen. Vergeet niet om de widgetinstellingen op te slaan.

Dat is alles, u kunt nu uw website bezoeken om uw gepersonaliseerde registratieformulier in actie te zien.

Form-pas-wordpress

 

Hiermee wordt het aanmaken van een persoonlijk registratieformulier beëindigd. Maar voordat u verder gaat, raden we u aan het artikel te lezen WPForms: de beste WordPress-plug-in om een ​​contactformulier te maken

Als u op zoek bent naar andere premium-oplossingen om duidelijk dezelfde taak te volbrengen, bekijk dan onze 3 WordPress plugins hieronder.

1. WP Custom Admin Login

WP Custom Admin Login is een WordPress Plugin WordPress standaard inlogpagina maatwerk premium. Hiermee kunt u deze pagina aanpassen vanuit de WordPress Customizer en wordt geleverd met meer dan 25 verbluffende paginasjablonen waaruit u volledig kunt kiezen.

Wp aangepaste admin login wordpress plugin om een ​​aangepaste admin login pagina te maken

Zelfs als u niet over codeervaardigheden beschikt, kunt u in een mum van tijd een uitzonderlijke inlogpagina maken. De visuele interface is zeer intuïtief, waarmee u uw inlogpagina volgens uw voorkeuren kunt configureren. Het ondersteunt video's en afbeeldingen die als achtergrond op uw pagina kunnen worden gebruikt.

Downloaden | demonstratie | web hosting

2. Flex-Register

Flex-Register is een WordPress Plugin waarmee u een registratie- of inlogformulier in een lightbox kunt toevoegen. Een verversing van de pagina is niet nodig en werkt direct na installatie. Er is dus geen configuratie nodig.

Flex register bootstrap 3 lightbox voor register wordpress

Het zorgt er ook voor dat uw formulier overeenkomt met de stijl van het actieve WordPress-thema op uw website. Als functie biedt het onder andere: een strak ontwerp en goed becommentarieerde code, het volledig aanpasbare uiterlijk, compatibiliteit met de meeste ds WordPress-thema's populair, ondersteuning voor meerdere browsers en meer.

Download | Demo | web hosting

3. Inloggen Ninja

Ce WordPress Plugin stelt u in staat om uw inlogpagina aan te passen. Het is meer dan alleen uw inlogformulier aanpassen. U kunt de hele pagina aanpassen, de kleur wijzigen, een achtergrondafbeelding toevoegen, een logo toevoegen en meer.Ninja login wordpress plugin

De andere kenmerken zijn: bescherming van inlog- en registratieformulieren met captcha, automatisch en handmatig verbannen van IP's die u met brute kracht aanvallen, een gedetailleerd logboek van alle verbindingsgerelateerde activiteiten, gebruikersomleiding op basis van rollen en gebruikersnamen, e-mailmeldingen ontvangen voor alle inloggebeurtenissen, gebruiksvriendelijke grafische interface, gedetailleerde documentatie en meer.

Download | Demo | web hosting

Andere aanbevolen bronnen

Wilt u andere soorten formulieren maken? Voel je vrij om deze lijst met aanbevolen bronnen te bekijken. 

Conclusie

Alstublieft ! Dat is alles voor deze tutorial. Ik hoop dat je hiermee eenvoudig een aangepaste vorm van registratie op WordPress kunt maken. Wij nodigen u ook uit om onze te raadplegen middelen als je een beginnende blogger bent

Als u suggesties of opmerkingen heeft, zijn deze welkom. Maar, als je leuk vond, aarzel dan niet om  deel dit artikel op uw verschillende sociale netwerken.

...