Hoe u aanmeldings- en inlogformulieren voor WooCommerce kunt aanpassen

Waarom zou u de inlog- en registratieformulieren van WooCommerce aanpassen?

Beperkte veldopties:

Het standaard WooCommerce registratie- en inlogformulier heeft voldoende velden voor een gebruiker om een ​​account aan te maken. Maar als u nog een paar velden wilt toevoegen, kunt u dat niet standaard doen. U kan niet toevoegen en weergeven velden zoals selectievakjes, vervolgkeuzemenu's en factuur- en verzendadres indien nodig of gewenst.

Aparte login- en registratiepagina's

Standaard worden de inlog- en registratieformulieren van WooCommerce op dezelfde pagina weergegeven. Hoewel dit ook erg handig is, u kunt geen aparte pagina's maken voor inlog- en registratieformulieren als u dat wenst. U moet code of een andere plug-in gebruiken om dit te verhelpen.

Ontwerpbeperkingen

Voor sommige gebruikers kan de visuele weergave van de standaard WooCommerce-aanmeldings- en registratieformulieren een beetje saai en saai zijn. Helaas geeft WooCommerce je niet de mogelijkheid om ze aan te passen. U kunt dus geen verschillende kleuren, tekstindelingen of randen gebruiken op het standaardformulier.

Pas uw inlog- en registratieformulieren voor WooCommerce aan:

De meeste aanpassingen van uw WooCommerce-inlogpagina en aanmeldingsformulier kunnen eenvoudig worden gedaan met slechts één plug-in, Gebruikersregistratie. Dit is een plug-in die speciaal is gericht op het maken van efficiënte inlog- en registratieformulieren voor uw website. Het heeft een interface die slepen en neerzetten ondersteunt  waarmee u gemakkelijk uw aanpassingen kunt maken zonder codage.

Het enige wat u hoeft te doen is om het te installeren en te activeren.

U moet ook enkele van de extensies toevoegen.WooCommerce-add-on kan helpen om verder te gaan. Dankzij deze add-on kunt u uw aangepaste registratieformulieren moeiteloos in WooCommerce integreren en de beperkingen van WooCommerce overwinnen.

Daarna kunt u het gebruiken om WooCommerce-inlog- of registratieformulieren te maken en deze te bewerken.

1. Voeg extra velden toe aan uw WooCommerce-login of registratieformulier

Le WordPress Plugin Gebruikersregistratie geeft u de mogelijkheid om meer velden aan uw registratieformulier toe te voegen. Allereerst moet u vanaf daar een nieuw registratieformulier maken Gebruikersregistratie >> Nieuwe toevoegen in het WordPress-dashboard.

Ontdek ook Hoe u een achtergrondafbeelding toevoegt in WordPress

U kunt de velden van WooCommerce facturering en verzending extra van het tabblad Velden aan de linkerkant van het scherm.

U kunt zelfs de extra velden toevoegen met vervolgkeuzemenu's, selectievakjes en keuzerondjes indien nodig.

Deze velden kunnen eenvoudig worden toegevoegd met behulp van de slepen-en-neerzetten-functionaliteit van de WordPress Plugin Gebruikersregistratie. Uw nieuwe formuliervelden zijn dan zichtbaar op het registratieformulier wanneer uw gebruikers een nieuw account willen aanmaken.

2. Vervang de standaard inlog- en registratieformulieren van WooCommerce

Nadat u uw nieuwe WooCommerce-inlog- of registratieformulier heeft aangemaakt, moet u deze vervangen door het standaard WooCommerce-formulier.

Zie ook onze gids over Hoe maak je een WooCommerce winkel toe te voegen op Facebook

Het enige dat u hoeft te doen, is doorgaan WooCommerce >> Instellingen en open het tabblad Accounts en vertrouwelijkheid. Onder de sectie Account aanmaken, controleren Sta klanten toe om een ​​account aan te maken op de "Mijn account" pagina en wijzigingen opslaan.

Ga dan naar Gebruikersregistratie >> Instellingen en open het tabblad WooCommerce. Selecteer hier het registratieformulier dat u wilt integreren. Vink vervolgens de optie aan Vervang de registratiepagina en sla de wijzigingen op.

Lees ook ons ​​artikel over Hoe maak je een menu voor uw WooCommerce voorwaardelijke abonnees weer te geven

Nu worden uw gepersonaliseerde WooCommerce-inlogformulier en registratieformulier weergegeven.

Zowel inlog- als registratieformulieren voor WooCommerce worden standaard op dezelfde pagina weergegeven. Maar als jij wil ze op verschillende pagina's weergeven, u kunt dat ook doen met de plug-in Gebruikersregistratie. Maak eerst aparte pagina's voor de registratie- en loginpagina's.

Om de inlogpagina afzonderlijk weer te geven, voeg de volgende shortcode toe aan de pagina die u wilt weergeven. U moet het ook omleiden naar de accountpaginalink nadat de gebruiker zich heeft aangemeld. Voeg gewoon de parameter toe REDIRECT_URL  naar de link van de pagina en publiceer de laatste.

[user_registration_my-account redirect_url = "accountpaginalink"]

Om de registratiepagina afzonderlijk weer te geven, je moet de WooCommerce-registratie shortcode hebben die je hebt aangemaakt. Je kunt het krijgen door door te gaan Gebruikersregistratie >> Gebruikersregistratie vanuit het WordPress-dashboard.

Kopieer en plak nu de shortcode waar u het registratieformulier wilt weergeven. Publiceer vervolgens de pagina.

Ou

U kunt eenvoudig de Block Editor gebruiken om het door u gemaakte registratieformulier te bekijken. Zoek gewoon naar het blok Gebruikersregistratie en selecteer het registratieformulier dat u wilt bekijken. Publiceer vervolgens de pagina.

3. Toon extra velden op de accountpagina

Na het inloggen of registreren voor een nieuw account, wordt de gebruiker doorgestuurd naar de pagina Mijn account. Maar de aanvullende details op de inlog- of registratiepagina van WooCommerce worden mogelijk niet weergegeven op de accountpagina.

Alsjeblieft 10 WordPress-plug-ins om een ​​rekenmachine aan uw website toe te voegen

Maar zodra u de aanmeldings- en registratieformulieren met succes hebt vervangen, kunt u de aanvullende details op de accountpagina bekijken. Ga gewoon verder  Mijn account >> Accountgegevens.

4. Integreer het WooCommerce-account op de afrekenpagina

Voor het gemak van uw klanten kunt u ook het gepersonaliseerde registratieformulier op de afrekenpagina weergeven met de plug-in voor gebruikersregistratie. U kunt zelfs kiezen welke velden u ze wilt laten invullen op de afrekenpagina. Om uw WooCommerce-account toe te voegen aan de afrekenpagina, hoeft u alleen maar de gegeven stappen te volgen.

Lees ook ons ​​artikel over 10 WordPress WooCommerce-plug-ins om op uw blog te gebruiken

Ga gewoon verder WooCommerce >> Instellingen en open het tabblad Accounts en vertrouwelijkheid. Dan in de sectie Account en privacy, vink de optie aan Sta klanten toe om een ​​account aan te maken tijdens ordervalidatie.

Navigeer opnieuw naar Gebruikersregistratie >> Instellingen, en onder het tabblad WooCommerce, je zult de sectie zien Checkout-registratie synchroniseren. Hier is het genoeg vink de optie aan: Vink deze optie aan om gebruikersregistratie te synchroniseren met WooCommerce afrekenregistratie. Extra velden die niet beschikbaar zijn op het WooCommerce-registratieformulier, worden weergegeven.

Vervolgens hoeft u alleen maar de velden te selecteren die u aan uw klanten wilt laten zien op het aanmeldingsformulier voor de kassa. Het bevat zelfs velden voor factuur- en verzendadressen.

De volgende keer dat uw klant wil afrekenen, ontvangt hij het formulier met aanvullende specifieke velden die hij moet invullen.

5. Herontwerpen van WooCommerce login en registratieformulieren

Gebruikersregistratie is uitstekend WordPress Plugin formulierbouwer waarmee u zelfs WooCommerce-inlog- en registratieformulieren volledig kunt aanpassen.

U kunt zijn addon Stijl Customizer om u te helpen het uiterlijk van het volledige registratieformulier naar wens te veranderen. Het is vrij eenvoudig te gebruiken omdat het een interface heeft die slepen en neerzetten ondersteunt met real-time voorbeeldopties.

Het enige dat u hoeft te doen, is de Style Customizer-add-on kopen en uw bestaande WooCommerce-formulier bewerken of een nieuw formulier maken. Klik vervolgens op het knop met een penseelpictogram rechtsonder op je scherm.

Nu kunt u het Customizer-paneel zien.

Hier kunt u allerlei ontwerpelementen voor uw inlog- en registratieformulieren wijzigen. Sommige hebben betrekking op het algemene uiterlijk van het formulier, veldlabels, beschrijving en stijlen van keuzerondjes of selectievakjes. Het heeft zelfs extra opties voor sectietitels, berichten en extra CSS.

Sla ze op als u klaar bent met het aanpassen ervan. Elke wijziging die u aanbrengt in de stijlaanpassing, wordt automatisch geïntegreerd in het inlog- of registratieformulier van WooCommerce.

Ontdek ook  Hoe u uw WordPress-formulieren met een wachtwoord beveiligt

U kunt deze wijzigingen dus overal zien waar u het formulier in uw online winkel plaatst.

Overzicht :

Hier zijn enkele van de handigste tips over hoe u verschillende aspecten van uw WooCommerce-aanmeldings- en registratieformulieren kunt gebruiken en aanpassen. Het kan een grote hulp zijn bij het aantrekken van een aantal klanten naar uw website met een eenvoudige interface waarmee ze hun WooCommerce-account kunnen maken of in kunnen loggen.

Andere extra premium WordPress-plug-ins 

Ontdek ook andere WordPress plugins premium die de prestaties van uw WordPress-blog of -website optimaliseren.

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises lokaal, leverancierslijsten, etc. 

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Lees ook ons ​​artikel over Hoe uw bezoekers langer op uw website te houden

Downloaden| demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Alstublieft ! Dat is het voor ons artikel dat u laat zien hoe u aanmeldings- en inlogformulieren voor WooCommerce kunt aanpassen. Nu heb je  de mogelijkheid om registratieformulieren en een bitchy-verbinding met de plug-in voor gebruikersregistratie te maken. Kleine details zoals deze zijn erg belangrijk voor uw online winkel om ervoor te zorgen dat uw klanten ze vaak gebruiken.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Si vous avez reacties of suggesties, aarzel niet om ons te laten weten in de gereserveerde sectie. Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken. 

...