Aanmaken van aanmeldings- en registratieformulier voor Elementor

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

Daarom hebben we een gedetailleerde zelfstudie samengesteld om u te helpen een aangepaste inlog- en registratiepagina te maken met behulp van de Elementor- plugin het bouwen van pagina's .

Elementor is verreweg een van de meest populaire en veelzijdige plugin ins voor paginabuilder voor WordPress. De gratis versie van de plugin geleverd met tonnen blokken en widgets voor eenvoudige siteconstructie. Terwijl er een pro-versie van de plugin bestaat die meer geavanceerde widgets en blokken biedt.

Nu is de widget voor het maken van formulieren die bij Elementor wordt geleverd, vergrendeld in de pro-versie. In plaats van Elementor Pro te gebruiken voor het samenstellen van uw registratieformulier, raden we u echter aan om in plaats daarvan voor de Ultimate Addon for Elementor (VAE) plugin in te gaan, 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 in termen van functionaliteit is het geen probleem om een ​​generiek ogende registratiepagina op uw website te gebruiken. Maar als u dit doet, mist u de vele voordelen van een registratiepagina die op maat is gemaakt voor uw website.

hier is een overzicht van 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 maken en deze ontwerpen volgens uw vereisten. U kunt de formulieren zo opmaken dat ze passen bij 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 om uw bedrijf weer te geven
  • Een beveiligd formulier voor forums en e-learningwebsites
  • Een aangepast registratieformulier voor lidmaatschapswebsites

2. Verzamel alle vereiste informatie uit een enkel formulier

Als er bepaalde informatie is die u van uw leden wilt verzamelen, kunt u dat als onderdeel van uw registratieformulier opnemen.

Het is 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 maken met behulp van aangepaste velden waarin u een deel van uw registratieformulier kunt maken.

3. Pas de gebruikerservaring aan

U kunt uw leden een aangepaste gebruikerservaring bieden. Dit kan gebruikers omleiden naar een specifieke pagina, hen helpen automatisch in te loggen op hun accounts of een e-mail sturen naar hun inbox.

4. Bestrijding van spam en verbetering van de beveiliging

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 passen bij uw bedrijf.

Hoe maak je een aangepast gebruikersregistratieformulier aan met Elementor?

Nu je een basiskennis hebt van hoe een aangepast gebruikersregistratieformulier je bedrijf kan helpen, volgt hier een uitgebreide stapsgewijze handleiding over het gebruik van Elementor en de UAE-add-on om je te helpen bij het creëren van je eigen gebruikersaanmeldingservaring.

Hier is 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 .

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)

Om een ​​aangepast gebruikersregistratieformulier te maken, moet u ervoor zorgen dat u de bijgewerkte versie van de VAE- plugin , met het geactiveerde blok.

Als u eenmaal aan de voorwaarden voor het maken van een inlogpagina heeft voldaan, moet u een nieuwe pagina maken of toevoegen . En bewerk de pagina waaraan u het gebruikersregistratieformulier wilt toevoegen.

Als u de widget sleept en neerzet, kunt u de standaardformuliervelden zien.

2.png

Je kunt spelen met de velden - 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 de kolombreedte op individuele formuliervelden te beheren.

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

Stap 2: Configureer uw formulierinstellingen

Nadat u de basis hebt behandeld, kunt u de formulierinstellingen configureren door naar het gedeelte Algemene instellingen te gaan. U kunt vanaf hier de volgende functies uitvoeren:

  • Nieuwe gebruikersrol
  • Kies 'Acties na registratie'

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 ze zich registreren op uw website.

Untitled.png

Acties voor kiezen na registratie

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:

  • Auto-login : 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 doorverwijzen naar een welkomstpagina of een inlogpagina. U kunt een omleidingspagina instellen door de gewenste pagina-URL in het URL-veld onder deze optie te plakken.
  • Stuur een e-mail: wanneer de gebruiker hem succesvol op uw website heeft geregistreerd, zal deze optie hem een ​​e-mail sturen ter bevestiging van zijn registratie. De inhoud van de e-mail kan worden aangepast 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 met succes heeft geregistreerd op uw site. Met de optie 'Verbergen na registratie' kunt u het registratieformulier verbergen terwijl u hen naar een inlogpagina leidt of gewoon een weergave van het bericht 'Succesvol' nadat u hen een link hebt gegeven om naar de inlogpagina te gaan om toegang te krijgen tot de website. U vindt deze optie onder de sectie Algemene instellingen op het tabblad Inhoud van de widget.

Verderop kunt u het gebruikersregistratieformulier ontwerpen en opmaken 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. U kunt deze widget rechtstreeks 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 om te helpen bij het toevoegen van een widget in de Elementor-editor.

bijv. voor gebruikersregistratieformulier op een WooCommerce-pagina

Als u een aangepaste WooCommerce-pagina wilt maken, dwz Mijn accountpagina, onder de naam Aangepaste accountpagina, kunt u eenvoudig:

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

We kunnen op deze manier een ander registratieformulier maken en het opslaan voor gebruik op de aangepaste accountpagina door dezelfde bovenstaande stappen te volgen.

Ga ten slotte naar het WordPress Dashboard om de pagina in te stellen als 'Mijn accountpagina'. En volg het volgende pad onder de WooCommerce-optie:

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

8.png

U kunt de pagina met VAE op de WooCommerce Account-pagina.

Gevolgtrekking:

U kunt een stijlvol registratieformulier maken, met een optievoorkeur naar uw keuze, voor uw website met Elementor en UAE .

Door de stappen in dit artikel te volgen, kunt u gebruikers registreren met de widget Gebruikersregistratieformulier van de 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 met *