Har du noen gang lurt på hvordan du kan endre innloggings- og registreringssidene til WooCommerce?

Hvis du bruker WooCommerce for nettbutikken din, er du allerede ganske kjent med sistnevnte. Det er en av de beste e-handelsplattformene i dag.

Du kan ikke se bort fra at det er veldig praktisk å bruke og kan være til nytte for nettbutikken din. Det er mange samlinger av WordPress-temaer et WooCommerce plugins og utvidelser for å hjelpe deg med å gjøre det.

Men fremdeles er noen av funksjonene som WooCommerce-pålogging eller WooCommerce-registreringsskjema ganske begrenset. Dette er hva vi vil dekke i denne artikkelen.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Hvorfor tilpasse WooCommerce påloggings- og registreringsskjemaer?

Begrensede feltalternativer:

Standard WooCommerce-registrerings- og påloggingsskjema har tilstrekkelige felt for at en bruker kan opprette en konto. Men hvis du vil legge til noen flere felt, kan du ikke gjøre det som standard. Du kan ikke legge til og vise felt som avkrysningsruter, rullegardinmenyer og fakturerings- og leveringsadresse når det er nødvendig eller ønsket.

Separate påloggings- og registreringssider

Som standard vises WooCommerce-påloggings- og registreringsskjemaene på samme side. Selv om dette også er veldig nyttig, du kan ikke opprette separate sider for påloggings- og påmeldingsskjema hvis du ønsker det. Du må bruke kode eller et annet plugin for å løse dette.

Designbegrensninger

For noen brukere kan den visuelle representasjonen av standard WooCommerce påloggings- og registreringsskjemaer være litt kjedelig og kjedelig. Dessverre gir WooCommerce deg ikke muligheten til å tilpasse dem. Dermed kan du ikke bruke forskjellige farger, tekstformater eller grenser til standardskjemaet.

Tilpass WooCommerce-påloggings- og registreringsskjemaene:

De fleste tilpasningene av WooCommerce-påloggingssiden og registreringsskjemaet kan enkelt gjøres med bare ett plugin, bruker~~POS=TRUNC. Dette er et plugin som er spesielt fokusert på å lage effektive påloggings- og registreringsskjemaer for nettstedet ditt. Den har en grensesnitt som støtter dra og slipp-funksjonalitet  som du enkelt kan tilpasse deg uten koding.

Alt du trenger å gjøre er for å installere og aktivere den.

Brukerregistrering woocommerce påloggingsregistrering

Du må også legge til noen av utvidelsene.WooCommerce -tillegg kan bidra til å fortsette videre. Med dette tillegget kan du enkelt integrere dine tilpassede registreringsskjemaer i WooCommerce og overvinne WooCommerce-begrensninger.

Din woocommerce

Etter det kan du bruke den til å opprette WooCommerce-påloggings- eller registreringsskjemaer og begynne å redigere dem.

1. Legg til flere felt på WooCommerce-påloggings- eller registreringsskjemaet

Le WordPress Plugin bruker~~POS=TRUNC gir deg muligheten til å legge til flere felt i registreringsskjemaet. Først og fremst må du opprette et nytt registreringsskjema derfra, gå til bruker~~POS=TRUNC >> Legg til nytt i WordPress-oversikten.

Oppdag også Slik legger du til et bakgrunnsbilde i WordPress

Du kan bruke feltene i WooCommerce fakturering og frakt tillegg fra fanen Felt på venstre side av skjermen.

Du kan til og med legge til flere felt med rullegardinmenyer, avkrysningsruter og alternativknapper om nødvendig.

Disse feltene kan enkelt legges til ved å bruke dra og slipp-funksjonaliteten til WordPress Plugin Bruker registrering. Dine nye skjemafelt vil da være synlige på registreringsskjemaet når brukerne dine ønsker å opprette en ny konto.

2. Bytt ut standard WooCommerce påloggings- og registreringsskjemaer

Når du har opprettet ditt nye WooCommerce-påloggings- eller registreringsskjema, bør du erstatte det med standard WooCommerce-skjema.

Se også vår guide om Hvordan legge til en WooCommerce butikk på Facebook

Alt du trenger å gjøre er å fortsette WooCommerce >> Innstillinger og åpne fanen Regnskap og konfidensialitet. Under seksjonen Opprette konto, sjekk Tillat kunder å opprette en konto på "Min konto" -siden og Lagre endringer.

Erstatt standard skjemaer woocommerce registrering

Så gå til bruker~~POS=TRUNC >> Innstillinger og åpne fanen WooCommerce. Velg her registreringsskjemaet du vil integrere. Sjekk deretter alternativet Erstatt registreringsside og lagre endringene.

Les også artikkelen vår om Hvordan å vise en meny for WooCommerce betinget abonnenter

Nå vises ditt personlige WooCommerce-påloggingsskjema og registreringsskjema.

Både WooCommerce-påloggings- og registreringsskjemaer vises som standard på samme side. Men hvis du ønsker å vise dem på forskjellige sider, du kan gjøre det også ved hjelp av pluginet bruker~~POS=TRUNC. Opprett først separate sider for registrerings- og påloggingssidene.

For å vise påloggingssiden separat, legg til følgende kortnummer på siden du vil vise. Du bør også omdirigere den til kontosidekoblingen etter brukerinnlogging. Bare legg til parameteren redirect_url  til lenken til siden og publiser sistnevnte.

[user_registration_my-account redirect_url = "link til kontoside"]

Bytt ut standard skjemaer for registrering av netthandel 1

For å vise registreringssiden separat, du må ha WooCommerce-registreringskoden du opprettet. Du kan få det ved å fortsette bruker~~POS=TRUNC >> Brukerregistrering fra WordPress-dashbordet.

Kopier og lim inn kortkoden der du vil vise registreringsskjemaet. Publiser deretter siden.

Ou

Du kan bare bruke blokkeringseditoren for å se registreringsskjemaet du opprettet. Bare søk etter blokken bruker~~POS=TRUNC og velg registreringsskjemaet du vil vise. Publiser deretter siden.

Bytt ut standard skjemaer for registrering av netthandel 2

3. Vis flere felt på kontosiden

Etter at du har logget på eller registrert deg for en ny konto, blir brukeren omdirigert til siden man compte. Men tilleggsdetaljene på WooCommerce-påloggings- eller registreringssiden vises kanskje ikke på kontosiden.

her er 10 WordPress-plugins for å legge til en kalkulator på nettstedet ditt

Men når du har erstattet påloggings- og registreringsskjemaene, kan du se tilleggsdetaljene på kontosiden. Bare fortsett  Min konto >> Kontodetaljer.

Merk: Utseendet til siden Min konto kan variere fra tema til tema.

4. Integrer WooCommerce-kontoen på kassen

For å gjøre det enklere for kundene dine, kan du også vise det personlige registreringsskjemaet på kasse-siden med plugin for brukerregistrering. Du kan til og med velge hvilke felt du vil at de skal fylle ut på kassen. For å legge til WooCommerce-kontoen din på kassen, trenger du bare å følge trinnene.

Les også artikkelen vår om 10 WordPress WooCommerce-plugins du kan bruke på bloggen din

Bare fortsett WooCommerce >> Innstillinger og åpne fanen Regnskap og konfidensialitet. Så i seksjonen Konto og personvern, sjekk alternativet Tillat kunder å opprette en konto under ordrevalidering.

Autoriser kunder å opprette kontosiden min konto

Igjen, naviger til Brukerregistrering >> Innstillinger, og under fanen WooCommerce, vil du se delen Registrering for synkronisering av kassenHer er det nok sjekk alternativet: Merk av for dette alternativet for å synkronisere brukerregistrering med WooCommerce kassaregistrering. Flere felt som ikke er tilgjengelige i WooCommerce-registreringsskjemaet, vises.

Integrasjon woocommerce innlogging og registrering side konto

Da trenger du bare å velge feltene du vil vise til kundene dine på registreringsskjemaet for kassen. Det inkluderer til og med fakturerings- og leveringsadressefeltene.

Neste gang kunden din ønsker å sjekke ut, vil de motta skjemaet med flere spesifikke felt som de kan fylle ut.

5. Design på nytt WooCommerce påloggings- og registreringsskjemaer

Brukerregistrering er utmerket WordPress Plugin skjemabygger som til og med lar deg tilpasse WooCommerce-påloggings- og registreringsskjemaer.

Du kan bruke hans addon Stiltilpasser for å hjelpe deg med å endre utseendet på hele registreringsskjemaet slik du vil. Det er ganske enkelt å bruke, siden det har et grensesnitt som støtter dra og slipp-funksjonalitet med forhåndsvisningstilbud i sanntid.

Tilleggsprogram for tilpasningsstil

Alt du trenger å gjøre er å kjøpe Style Customizer-tillegget og redigere det eksisterende WooCommerce-skjemaet eller opprette et nytt. Klikk deretter på knapp med penselikon nederst til høyre på skjermen.

Nå vil du kunne se Tilpasningspanelet.

Her kan du endre alle slags designelementer for påloggings- og registreringsskjemaene dine. Noen av dem tar for seg det generelle utseendet til skjemaet, feltetiketter, beskrivelse og alternativknapp eller avkrysningsrute knappestiler. Det har til og med flere alternativer for seksjonstitler, innlegg og ekstra CSS.

Når du er ferdig med å tilpasse dem, lagrer du dem. Hver endring du gjør i stiltilpasningen, blir automatisk integrert i WooCommerce-påloggings- eller registreringsskjemaet.

Oppdag også  Hvordan passordbeskytte WordPress-skjemaene dine

Så du vil kunne se disse endringene uansett hvor du legger skjemaet i nettbutikken din.

Sammendrag:

Her er noen av de mest nyttige tipsene om hvordan du kan bruke og tilpasse forskjellige aspekter av WooCommerce-påloggings- og registreringsskjemaene dine. Det kan være til stor hjelp for å tiltrekke seg et antall kunder til nettstedet ditt med et enkelt grensesnitt som lar dem opprette eller logge på WooCommerce-kontoen.

Andre ekstra premium WordPress-plugins 

Oppdag også andre WordPress plugins premium som optimaliserer ytelsen til WordPress-bloggen eller nettstedet ditt.

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 lokale, leverandørlister osv. Mapsvg plugin wordpress katalog

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.

Les også artikkelen vår om Slik holder du besøkende lenger på nettstedet ditt

Last ned| dEMO | Webhotell

2. Pan Zoom Bilde

Denne plugin-modulen lar deg enkelt legge til panoreringszoomfunksjon for bilder på din WordPress blog gjennom en kortkode. Du kan for eksempel integrere den i artikkelen din eller siden din.

Image zoom pan wordpress plugin for zoom

Som funksjonalitet vil du blant annet ha: panoramazoomen på et enkelt bilde eller et galleri med ubegrensede bilder, posisjonen til kontrollstangen kan være topp, høyre, bunn og venstre, bunnen av beholderen kan være mørk, lys og ingenting av det; live forhåndsvisning i dashbordet, eksemplet på flere panorering på samme side, etc.

Oppdag også vår 5 kortkodes premium WordPress plugins

Last ned | dEMO | Webhotell

3. Markedsføring Automasjon

Denne premium WordPress-plugin-en gir et enkelt og fleksibelt brukergrensesnitt, hvis formål vil være hjelper deg med å lage et kraftig nyhetsbrev på nettstedet ditt. Fleksibiliteten vil tillate deg å administrere et bredt spekter av hendelser, forhold og handlinger - slik at du enkelt kan konfigurere markedsføringsstrategien din for å sende, spore og tjene på den.

Markedsautomatisering wordpress plugins oppretter nyhetsbrev nettsted

Dens viktigste funksjoner er: muligheten for å bruke betinget logikk basert på reaksjonen og de besøkendes atferd, sporing av handlingene til de besøkende på nettstedet, perfekt for alle lojalitetsprogrammer, utmerket for markedsføringsstrategier som satser på belønningen, et intuitivt instrumentpanel, segmenteringen av besøkende på nettstedet, muligheten for å gjøre undersøkelser, sms-varsler og via e-post, popup-vinduer basert på besøkende atferd, bannerannonser basert på besøkende atferd og mye mer.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Her! Det er det for artikkelen vår som viser deg hvordan du tilpasser WooCommerce-påmeldings- og påloggingsskjemaer. Nå vil du ha  muligheten for å opprette registreringsskjemaer og bitchy forbindelse til brukerregistreringsprogrammet. Små detaljer som disse er veldig viktige for nettbutikken din for å sikre at kundene dine bruker dem ofte.

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Hvis du har det kommentarer eller forslag, ikke nøl med å gi oss beskjed i den reserverte delen. Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine

...