Login- en registratieformulier maken voor Elementor

Als u een lidmaatschapswebsite wilt maken waar mensen zich aanmelden om gebruik te maken van speciale functies, kunt u beter een speciale inlog- en registratiepagina maken. Hierdoor kunt u uw website een stuk professioneler laten aanvoelen, tijdens de aanmeldingsprocedure om aanvullende gebruikersinformatie vragen en nog veel meer.

En daarom hebben we een gedetailleerde tutorial samengesteld om u te helpen een aangepaste inlog- en registratiepagina te maken met behulp van de plugin voor paginabuilder .

Elementor is veruit een van de meest populaire en veelzijdige plugin voor WordPress. De gratis versie van de plugin wordt geleverd met talloze blokken en widgets voor de basisconstructie van de site. Terwijl er een pro-versie van de plugin bestaat die meer geavanceerde widgets en blokken biedt.

Nu is de formulierbouwerwidget die bij Elementor wordt geleverd, vergrendeld in de pro-versie. In plaats van Elementor Pro voor het bouwen van uw registratieformulier, raden we u echter aan om in plaats daarvan voor de Ultimate Addon for Elementor (UAE) plugin , omdat deze wordt geleverd met veel krachtige blokken en widgets in vergelijking met Elementor Pro.

Inhoudsopgave

Voordelen van het maken van een aangepaste registratiepagina

Alleen al qua functionaliteit is het geen probleem om een ​​generiek ogende registratiepagina op uw website te gebruiken. Maar als u dit doet, loopt u de vele voordelen mis die gepaard gaan met een registratiepagina die op maat is gemaakt voor uw website.

hier is een blik op enkele van de belangrijkste voordelen van het maken van een aangepaste registratiepagina om u een idee te geven:

1. Personaliseer gebruikersregistratiepagina's

Met behulp van aangepaste registratiepagina's kunt u registratieformulieren met aangepaste velden bouwen en deze ontwerpen volgens uw vereisten. U kunt de formulieren aanpassen aan uw behoeften en vereisten, zodat ze aansluiten bij uw bedrijfsidee en uw website.

De widget Gebruikersregistratieformulier kan voor het volgende worden gebruikt:

  • Een elegante oplossing om lid te worden van een online winkel
  • Een aangepast WordPress-registratieformulier dat uw bedrijf weerspiegelt
  • Een veilig formulier voor forums en e-learningwebsites
  • Een op maat gemaakt registratieformulier voor lidmaatschapswebsites

2. Verzamel alle vereiste informatie uit één enkel formulier

Als u bepaalde informatie van uw leden wilt verzamelen, kunt u dat onderdeel maken van uw registratieformulier.

Het zijn dus niet alleen een gebruikersnaam en wachtwoord die een gebruiker kan kiezen, en dat is alles. U kunt meer formuliervelden toevoegen, zoals naam, e-mailadres, contactgegevens enzovoort. U kunt op elegante wijze uitgebreide formulieren bouwen met behulp van aangepaste velden waarin u een onderdeel van uw registratieformulier kunt maken.

3. Pas de gebruikerservaring aan

U kunt uw leden een gebruikerservaring op maat bieden. Dit kan bestaan ​​uit het omleiden van gebruikers naar een specifieke pagina, het helpen automatisch inloggen op hun accounts of het verzenden van een e-mail naar hun inbox.

4. Spam bestrijden en de beveiliging verbeteren

Met de toevoeging van Honeypot en ReCaptcha kun je spammers bestrijden en valse registraties voorkomen.

5. Perfect voor uw merkstijl

Een registratieformulier moet er net zo uitzien als de andere pagina's van uw website. Met aangepaste registratieformulieren kunt u formulieren maken die aansluiten bij uw bedrijf.

Hoe maak ik een aangepast gebruikersregistratieformulier met Elementor?

Nu u een basiskennis heeft van hoe een aangepast gebruikersregistratieformulier uw bedrijf kan helpen, vindt u hier een uitgebreide stapsgewijze handleiding over het gebruik van Elementor en de VAE-add-on om u te helpen uw eigen aangepaste gebruikersinlogervaring te creëren.

Hier vindt u een handleiding in drie stappen over hoe u een gebruikersregistratieformulier voor uw website kunt maken.

Opmerking : voordat u verder gaat, moet u ervoor zorgen dat u de Lidmaatschap door naar Dashboard > Instellingen > Algemeen > Lidmaatschap: ingeschakeld te gaan .

1.png

Als u de lidmaatschapsoptie inschakelt, kan elke gebruiker zich op uw website registreren.

Stap 1: Maak een gebruikersregistratieformulier met behulp van de UAE Plugin (Ultimate Addon for Elementor).

Als u een aangepast gebruikersregistratieformulier wilt maken, zorg er dan voor dat u over de bijgewerkte versie van de VAE- plugin , met het geactiveerde blok.

Zodra u aan de vereisten voor het maken van een inlogpagina hebt voldaan, moet u een nieuwe pagina maken of toevoegen. En bewerk de pagina waar u het gebruikersregistratieformulier wilt bijvoegen.

Als u de widget sleept en neerzet, ziet u de standaardformuliervelden.

2.png

Je kunt met de velden spelen. Je kunt een veld verwijderen dat je niet nodig hebt, of andere velden toevoegen, zoals gebruikersnaam, voornaam, enz.

Er is een optie om de vereiste kolombreedte en kolombreedte voor individuele formuliervelden te beheren.

U kunt ook de invoergrootte en de labels van velden (of u ze nu wilt weergeven of verbergen) of de vereiste markering beheren.

Stap 2: Configureer uw formulierinstellingen

Nadat u de basisbeginselen heeft behandeld, kunt u de formulierinstellingen configureren door naar het Algemene instellingen . Vanaf hier kunt u de volgende functies uitvoeren:

  • Nieuwe gebruikersrol
  • Kies 'Na registratieacties'

Hier is een gedetailleerd verslag van beide:

Nieuwe gebruikersrol

Als u een lidmaatschapssite heeft waarvoor een gebruiker hem op uw website moet registreren, wijst u standaard de 'Gebruikersrol' toe als Abonnee .

U kunt een standaard gebruikersrol instellen voor uw leden, en de toegewezen rol wordt ingesteld voor alle nieuwe gebruikers wanneer zij zich registreren op uw website.

Zonder titel.png

Kies na registratieacties

4.png

Een gebruiker kan de volgende acties selecteren die hij kan uitvoeren nadat hij zichzelf heeft geregistreerd op een lidmaatschapssite, met behulp van de widget Gebruikersregistratieformulier:

  • Automatisch inloggen : met deze optie kunt u de gebruiker automatisch laten inloggen op uw website. Nadat de gebruiker de inloggegevens voor de eerste keer heeft opgegeven, hoeft hij niet opnieuw in te loggen, omdat hij na de succesvolle registratie automatisch op de website wordt ingelogd.
  • Omleiden na registratie : met deze optie kunt u de gebruikers na een succesvolle registratie doorsturen naar een welkomstpagina of een inlogpagina. U kunt een omleidingspagina instellen door de URL van de gewenste pagina in het URL-veld onder deze optie te plakken.
  • Stuur een e-mail: wanneer de gebruiker hem succesvol op uw website registreert, stuurt deze optie hem een ​​e-mail ter bevestiging van zijn registratie. De inhoud van de e-mail is aanpasbaar en u kunt deze e-mails persoonlijk maken voor meer warmte. Maar als u dezelfde e-mail naar al uw gebruikers wilt sturen, kunt u dat ook doen door deze optie te verkennen.
5.png
  • Verbergen na registratie: Soms wilt u het gebruikersregistratieformulier verbergen nadat hij zich succesvol heeft geregistreerd op uw site. Met de optie 'Verbergen na registratie' kunt u het registratieformulier verbergen terwijl u naar een inlogpagina wordt geleid, of eenvoudigweg naar de weergave van het bericht 'Succesvol' nadat u hen een link heeft gegeven om naar de inlogpagina te gaan en toegang te krijgen tot de website. Je vindt deze optie onder de sectie Algemene instellingen op het tabblad Inhoud van de widget.

Verderop kunt u het gebruikersregistratieformulier ontwerpen en vormgeven met behulp van het tabblad Stijl van de widget.

Nadat u dit heeft gedaan, bent u klaar met het maken en configureren van de widget Gebruikersregistratieformulier. Het formulier is klaar om live te gaan op de Live Website.

Stap 3: Voeg het gebruikersregistratieformulier toe aan uw website

Dit deel is vrij eenvoudig en eenvoudig. Je kunt deze widget direct slepen en neerzetten, net als elke andere Elementor-widget. U kunt ook de sectie met de widget opslaan en de opgeslagen sectie ophalen op de vereiste registratiepagina.

6.png

Hieronder hebben we nog een paar manieren uitgewerkt waarmee u een widget in de Elementor-editor kunt toevoegen.

bijvoorbeeld voor een gebruikersregistratieformulier op een WooCommerce-pagina

Als je een aangepaste WooCommerce-pagina wilt maken, bijvoorbeeld Mijn accountpagina, onder de naam Aangepaste accountpagina, kun je eenvoudig:

Met een klik op de knop 'Bewerken met Elementor' komt u terecht in de Elementor-editor.

We kunnen op dezelfde manier nog een registratieformulier maken en dit opslaan voor gebruik op de aangepaste accountpagina door dezelfde hierboven genoemde stappen te volgen.

Als u ten slotte de pagina wilt instellen als ‘Mijn accountpagina’, gaat u naar het WordPress Dashboard. En volg het volgende pad onder de WooCommerce-optie:

WooCommerce > Instellingen > Geavanceerd > Pagina-instelling > Mijn accountpagina> Mijn accountpagina> selecteer Aangepaste accountpagina

8.png

de widget Gebruikersregistratieformulier van de VAE zien

Conclusie:

UAE kunt u een stijlvol registratieformulier, met optievoorkeur naar keuze, voor uw website maken .

Door de stappen in dit artikel te volgen, kunt u gebruikers registreren met behulp van de widget Gebruikersregistratieformulier van VAE . Het is een eenvoudige en elegante oplossing voor het maken van een stijlvol gebruikersregistratieformulier voor uw nieuwe gebruikers.

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *