Har du någonsin undrat hur du kan ändra dina WooCommerce-inloggnings- och registreringssidor?
Om du använder WooCommerce för din webbutik är du redan ganska bekant med den senare. Det är en av de bästa e-handelsplattformarna idag.
Du kan inte ignorera det faktum att det är mycket bekvämt att använda och kan gynna din webbutik mycket. Det finns många samlingar av WordPress-teman et WooCommerce plugins och tillägg för att hjälpa dig att göra det.
Men ändå är några av dess funktioner som WooCommerce-inloggning eller WooCommerce-registreringsformulär ganska begränsade. Detta är vad vi kommer att täcka i den här artikeln.
Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg
Tillbaka till varför vi är här.
Varför anpassa WooCommerce-inloggnings- och registreringsformulär?
Begränsade fältalternativ:
Standardregistrerings- och inloggningsformuläret för WooCommerce har tillräckliga fält för att en användare ska kunna skapa ett konto. Men om du vill lägga till några fler fält kan du inte göra det som standard. Du kan inte lägga till och visa fält som kryssrutor, rullgardinsmenyer och fakturerings- och leveransadress vid behov eller önskat.
Separata inloggnings- och registreringssidor
Som standard visas WooCommerce-inloggnings- och registreringsformulär på samma sida. Även om detta också är mycket användbart, Du kan inte skapa separata sidor för inloggnings- och registreringsformulär om du vill. Du måste använda kod eller något annat plugin för att övervinna detta.
Designbegränsningar
För vissa användare kan den visuella representationen av standard WooCommerce-inloggnings- och registreringsformulär vara lite tråkig och tråkig. Tyvärr ger WooCommerce dig inte möjlighet att anpassa dem. Således kan du inte använda olika färger, textformat eller ramar på standardformuläret.
Anpassa dina WooCommerce-inloggnings- och registreringsformulär:
De flesta anpassningarna av din WooCommerce-inloggningssida och registreringsformulär kan enkelt göras med bara ett plugin, Användarregistrering. Detta är ett plugin som är särskilt fokuserat på att skapa effektiva inloggnings- och registreringsformulär för din webbplats. Den har en gränssnitt som stöder dra och släpp-funktionalitet som du enkelt kan göra dina anpassningar utan codage.
Allt du behöver göra är för att installera och aktivera det.
Du måste också lägga till några av dess tillägg.WooCommerce -tillägg kan hjälpa till att fortsätta vidare. Med det här tillägget kan du enkelt integrera dina personliga registreringsformulär i WooCommerce och övervinna WooCommerce-begränsningarna.
Därefter kan du använda den för att skapa WooCommerce-inloggnings- eller registreringsformulär och börja redigera dem.
1. Lägg till ytterligare fält i ditt WooCommerce-inloggnings- eller registreringsformulär
Le Wordpress plugin Användarregistrering ger dig möjlighet att lägga till fler fält i ditt registreringsformulär. Först och främst måste du skapa ett nytt registreringsformulär därifrån gå till Användarregistrering >> Lägg till nytt i WordPress-instrumentpanelen.
Upptäck också Hur man lägger till en bakgrundsbild i WordPress
Du kan använda fälten i WooCommerce fakturering och frakt ytterligare från fliken Fält på vänster sida av skärmen.
Du kan till och med lägga till ytterligare fält med rullgardinsmenyer, kryssrutor och alternativknappar om det behövs.
Dessa fält kan enkelt läggas till med hjälp av dra och släpp-funktionen Wordpress plugin Användarregistrering. Dina nya formulärfält kommer sedan att synas på registreringsformuläret när dina användare vill skapa ett nytt konto.
2. Byt ut standard WooCommerce-inloggnings- och registreringsformulär
När du har skapat ditt nya WooCommerce-inloggnings- eller registreringsformulär bör du ersätta det med standard WooCommerce-formuläret.
Se även vår guide om Hur man lägger till en WooCommerce butik på Facebook
Allt du behöver göra är att fortsätta WooCommerce >> Inställningar och öppna fliken Konton och sekretess. Under avsnittet Konto skapande, kontrollera Tillåt kunder att skapa ett konto på sidan "Mitt konto" och Spara ändringar.
Gå sedan till Användarregistrering >> Inställningar och öppna fliken WooCommerce. Välj här registreringsformuläret du vill integrera. Kontrollera sedan alternativet Byt ut registreringssida och spara ändringarna.
Läs också vår artikel om Hur att visa en meny för din WooCommerce villkorade prenumeranter
Nu kommer ditt personliga WooCommerce-inloggningsformulär och registreringsformulär att visas.
Både WooCommerce-inloggnings- och registreringsformulär visas som standard på samma sida. Men om du vill visa dem på olika sidor, du kan också göra det med hjälp av plugin Användarregistrering. Skapa först separata sidor för registrerings- och inloggningssidorna.
För att visa inloggningssidan separat, lägg till följande kortkod på sidan du vill visa. Du bör också omdirigera den till kontosidans länk efter användarinloggning. Lägg bara till parametern REDIRECT_URL till länken på sidan och publicera den senare.
[user_registration_my-compte redirect_url = "länk till kontosida"]
För att visa registreringssidan separat, du måste ha den WooCommerce-registreringskod som du skapade. Du kan få det genom att fortsätta Användarregistrering >> Användarregistrering från WordPress-instrumentpanelen.
Kopiera och klistra in kortkoden där du vill visa registreringsformuläret. Publicera sedan sidan.
Ou
Du kan bara använda blockredigeraren för att visa registreringsformuläret du skapade. Sök bara efter blocket Användarregistrering och välj det registreringsformulär du vill visa. Publicera sedan sidan.
3. Visa ytterligare fält på kontosidan
Efter att ha loggat in eller registrerat sig för ett nytt konto omdirigeras användaren till sidan mitt konto. Men ytterligare information på WooCommerce-inloggnings- eller registreringssidan kanske inte visas på kontosidan.
Voici 10 WordPress-plugins för att lägga till en miniräknare på din webbplats
Men när du väl har bytt ut inloggnings- och registreringsformulären kan du se dess ytterligare information på kontosidan. Bara fortsätt Mitt konto >> Kontouppgifter.
4. Integrera WooCommerce-kontot på kassasidan
För att underlätta för dina kunder kan du också visa det personliga registreringsformuläret vid kassan med plugin för användarregistrering. Du kan även välja vilka fält du vill att de ska fylla i på kassasidan. För att lägga till ditt WooCommerce-konto på kassasidan behöver du bara följa de angivna stegen.
Läs också vår artikel om 10 WordPress WooCommerce-plugins att använda på din blogg
Bara fortsätt WooCommerce >> Inställningar och öppna fliken Konton och sekretess. Sedan i avsnittet Konto och integritet, markera alternativet Tillåt kunder att skapa ett konto under ordervalidering.
Återigen, navigera till Användarregistrering >> Inställningar, och under fliken WooCommerce, du kommer att se avsnittet Synkroniseringsregistrering. Här räcker det kontrollera alternativet: Markera det här alternativet för att synkronisera användarregistrering med WooCommerce kassaregistrering. Ytterligare fält som inte är tillgängliga i WooCommerce-registreringsformuläret visas.
Då behöver du bara välja de fält som du vill visa för dina kunder i kassans registreringsformulär. Det inkluderar även fakturerings- och leveransadressfält.
Nästa gång din kund vill checka ut, kommer de att få formuläret med ytterligare specifika fält som de kan fylla i.
5. Omforma WooCommerce-inloggnings- och registreringsformuläret
Användarregistrering är utmärkt Wordpress plugin av formulärbyggare som till och med låter dig anpassa WooCommerce-inloggnings- och registreringsformulär helt.
Du kan använda hans addon Style Customizer för att hjälpa dig att ändra utseendet på hela registreringsformuläret som du vill. Det är ganska enkelt att använda eftersom det har ett gränssnitt som stöder dra och släpp-funktionalitet med alternativ för förhandsgranskning i realtid.
Allt du behöver göra är att köpa tillägget Style Customizer och redigera ditt befintliga WooCommerce-formulär eller skapa ett nytt. Klicka sedan på knapp med en penselikon längst ner till höger på skärmen.
Nu kan du se panelen Anpassare.
Här kan du ändra alla typer av designelement för dina inloggnings- och registreringsformulär. Några av dem behandlar det övergripande utseendet på formuläret, fältetiketter, beskrivning och alternativknappen eller kryssrutan. Det har till och med ytterligare alternativ för sektionstitlar, inlägg och ytterligare CSS.
När du är klar med att anpassa dem, spara dem. Varje ändring du gör i stilanpassningen integreras automatiskt i WooCommerce-inloggnings- eller registreringsformuläret.
Upptäck också Hur lösenordsskyddar du dina WordPress-formulär
Således kommer du att kunna se dessa ändringar var du än placerar formuläret i din webbutik.
Sammanfattning:
Här är några av de mest användbara tipsen för hur du kan använda och anpassa olika aspekter av ditt WooCommerce-inloggnings- och registreringsformulär. Det kan vara till stor hjälp för att locka ett antal kunder till din webbplats med ett enkelt gränssnitt som gör att de kan skapa eller logga in på sitt WooCommerce-konto.
Andra ytterligare premium WordPress-plugins
Upptäck också andra Wordpress plugins premium som optimerar prestandan för din WordPress-blogg eller webbplats.
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 lokala, leverantörslistor 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.
Läs också vår artikel om Hur du håller dina besökare längre på din webbplats
2. Pan Zoom Bild
Detta plugin låter dig enkelt lägga till panoreringszoomfunktion för bilder på din Wordpress blogg genom en kortkod. Du kan till exempel integrera den i din artikel eller din sida.
Som funktioner har du bland annat: panoramazoom på en enda bild eller ett galleri med obegränsade bilder, kontrollstångens läge kan vara topp, höger, botten och vänster, botten på behållaren kan vara mörk, ljus och inget av det; liveförhandsgranskningen i instrumentpanelen, exemplet med flera panoreringszoom på samma sida, etc.
Upptäck också vår 5 kortkoder premium WordPress plugins
Ladda ner | demo | webbhotell
3. Marknadsföring Automation
Detta premium WordPress-plugin ger ett enkelt och flexibelt användargränssnitt, vars syfte är att hjälper dig att enkelt skapa ett kraftfullt nyhetsbrev på din webbplats. Dess flexibilitet gör att du kan hantera ett brett spektrum av händelser, villkor och åtgärder - så att du enkelt kan konfigurera din e-postmarknadsföringsstrategi för att skicka, spåra och dra nytta av den.
Dess huvudsakliga funktioner är: möjligheten att tillämpa villkorlig logik baserat på reaktionen och på besökarnas beteende, spårning av handlingarna från besökarna på webbplatsen, perfekt för alla lojalitetsprogram, utmärkt för marknadsföringsstrategier som satsar på belöningarna, en intuitiv instrumentbräda, segmenteringen av webbplatsbesökare, möjligheten att göra undersökningar, sms-aviseringar och via e-post, popup-fönster baserade på besökarnas beteende, bannerannonser baserade på besökarnas beteende och mycket mer.
Ladda ner | demo | webbhotell
Rekommenderade resurser
Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.
- 10 WooCommerce plugins för att skapa en dynamisk prissättning
- Hur man mäter kommentarer i WordPress
- 6 WordPress-plugins för att lägga till Authorize.Net på din webbplats
- Vissa Wordpress plugins att engagera besökare
Slutsats
Här! Det är det för vår artikel som visar hur du anpassar WooCommerce-registrerings- och inloggningsformulär. Nu kommer du att ha möjligheten att skapa registreringsformulär och tuff anslutning till plugin-programmet Användarregistrering. Små detaljer som dessa är mycket viktiga för din onlinebutik för att se till att dina kunder använder dem ofta.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Om du har kommentarer eller förslag, tveka inte att meddela oss i det reserverade avsnittet. Men under tiden, dela den här artikeln på dina olika sociala nätverk.
.
