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.
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.
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.
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"]
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.
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.
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.
Igjen, naviger til Brukerregistrering >> Innstillinger, og under fanen WooCommerce, vil du se delen Registrering for synkronisering av kassen. Her 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.
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.
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.
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
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.
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
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.
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.
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- 10 WooCommerce plugins for å skape en dynamisk prising
- Hvordan moderere kommentarer i WordPress
- 6 WordPress-plugins for å legge til Authorize.Net på nettstedet ditt
- Noen WordPress plugins for å engasjere besøkende
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.
...