WooCommerce er mest populære e-handelsplugin i WordPress-økosystemet. Imidlertid har den et litt irriterende brukervennlighetsproblem. Som standard viser ikke WooCommerce om en bruker er logget på eller ikke på e-handelssiden din.
Noen ganger kan dette være forvirrende for kundene dine. Siden de fleste av de populære netthandelbutikkene (si ebay eller Amazon) viser en påloggingsknapp i menyen, kan kundene forvente det samme i e-handelsbutikkene dine også.
Imidlertid, når det gjelder en WooCommerce-drevet butikk, må en bruker besøke 'kontoen min' -siden for å opprette en konto eller sjekke om han er logget inn eller ikke.
I denne opplæringen forklarer vi hvordan du legger til innloggings- / utloggingsalternativ til toppmenyen i WooCommerce nettsted butikk. Dette er en av de mer populære tipsene og triksene av CollectiveRay.com - så følg med hvis du vil lære flere tips og triks!
Lag en topp primærmeny
Trinn 1: Før du fortsetter, sørg for at du har lagt til en meny som hovedmeny for temaet ditt. Sørg også for at du har laget en full WordPress-sikkerhetskopi i tilfelle noe går galt
Hvis du ikke har lagt til en meny som hovedmeny, logger du på WordPress-administratoren din, går til Utseende >> Meny. Under menyinnstillingene oppretter du en meny og merker av for "Topp primærmeny".
Topp tips: Hvis du ikke er komfortabel med å gjøre kodeendringer, vil du kanskje vurdere å ansette en WordPress-utvikler. Klikk her for å lære hvordan du ansetter den ideelle WordPress-utvikleren: https://www.collectiveray.com/wordpress-developers-for-hire
Endre functions.php for å opprette Woocommerce logout link og login link
Trinn 2: Legg til koden nedenfor i funksjonsfilen til temaet ditt.
add_filter ('wp_nav_menu_items', 'add_loginout_link', 10, 2);
funksjon add_loginout_link ($ items, $ args) {
hvis (is_user_logged_in () && $ args-> theme_location == 'primær') {
$ items. = ' Logg ut ';
} elseif (! is_user_logged_in () && $ args-> theme_location == 'primary') {
$ items. = ' Logg Inn ';
} returner $ varer;
}
OPPDATERING: Vi har nettopp blitt informert av en nyttig leser / kommentator på nettstedet som sa at wc_get_page_id nå skulle brukes i stedet for (nå avviklet) woocommerce_get_page_id
Hvis du ikke er komfortabel med å gjøre kodeendringer selv, kan du sjekke ut noen av disse høyt vurderte, men billige Fiver-konsertene.
Bekreft koblingen til pålogging / utlogging til Woocommerce
Når du har endret functions.php for å legge til Woocommerce-påloggings- / utloggingskoblingene, er det på tide å se resultatet av endringene. Hvis du har gjort endringene riktig, ser du resultatet nedenfor.
Du er ferdig! Nå kan du se at innloggings- / utloggingsalternativet vises i toppmenyen i butikken din. Dette trikset er spesielt nyttig hvis du har opprettet en abonnementsboksbasert virksomhet som vi har beskrevet her..
WordPress-utloggingslenke / URL
Nå som vi har vist deg hvordan du gjør dette for WooCommerce, er det kanskje på tide å gjøre det samme og opprette en WordPress Logout-kobling. Dette er ofte tilfelle hvis du har bestemt deg for å deaktivere admin-linjen, men likevel vil ha muligheten til å logge av, bare for å være på den sikre siden.
Hvis du bare leter etter en måte å avslutte de påloggede øktene på, kan du bare besøke følgende på nettstedet ditt.
https://<yoursite.com>/wp-login.php?action=logout
Du får en liten bekreftelsesskjerm som spør "Vil du virkelig logge av?" - når du klikker på lenken, blir du logget av.
Som alltid er det flere måter å gjøre dette på.
WordPress-logg-URL er noe du faktisk kan bruke i menyen din, hvis du vil opprette en WordPress-logg-knapp. Bare lenke URL-en ovenfor, og selvfølgelig vil dette tillate brukeren å avslutte alle gjeldende økter.
Hvis dette av en eller annen grunn ikke fungerer, må du kanskje tilpasse funksjonene.php for å aktivere denne funksjonaliteten.
add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2); funksjon add_login_logout_link ($ items, $ args) {ob_start (); wp_loginout ('index.php'); $ loginoutlink = ob_get_contents (); ob_end_clean (); $ items. = ' '. $ loginoutlink. ' '; returner $ varer; }
OBS: denne metoden ovenfor fungerer og er aktivert hvis du bruker WordPress tilpassede menyer, dvs. menyfunksjonen som er tilgjengelig i admin-delen under Utseende> Menyer.)
WordPress-logout-kortkode
Akkurat som med de fleste funksjoner, vil du oppdage at det også er en plugg inn som kan brukes til å generere en WordPress Logout Shortcode. I tillegg til de forskjellige konfigurasjonene du kan utføre, gir dette pluginet deg muligheten til å bruke følgende kortkoder i innleggene og sidene dine.
[logout] - En standard utloggingskobling, der brukeren forblir på påloggingsskjermen etter å ha blitt logget av. [logout_to_home] - En lenke som logger ut brukeren, og omdirigerer dem til hjemmesiden din. [logout_to_current] - En lenke som logger ut brukeren, og omdirigerer dem tilbake til gjeldende side / URL.
Pluggen har også forskjellige alternativer for å konfigurere utseendet og tekstene, eller den faktiske brukeropplevelsen.
WooCommerce-pålogging
Siden kjøpet av WooCommerce av Automattic, har WooCommerce integrert mer og mer funksjonalitet fra WordPress.com i WooCommerce. En av de store funksjonene har vært muligheten til å logge inn på WooCommerce.com via WordPress.com-kontoen din
Men dette er kanskje ikke en ideell situasjon for kundene dine som vanligvis nå ville ha en WordPress.com -konto, så slik funksjonalitet ville være brukless for dem.
Så hvordan kan du opprette et påloggings- / avloggingssystem for konto som de er kjent med? Dette er hvor WooCommerce Social Login spiller inn!
Woocommerce sosial pålogging
WooCommerce Social Login er en premium WooCommerce -utvidelse som muliggjør sosiale pålogginger for Seamless opprettelse av kontoer og kasser. Dette er stort. Fordi visste du at kontoregistreringer er en veldig betydelig barriere for salg?
I følge Statista kan du faktisk miste opptil 21% av kundene dine på grunn av dette problemet med den langvarige prosessen med å opprette konto før du sjekker ut.
Så hvordan reduserer du denne sperringen? Dette er hvor WooCommerce Social Login-utvidelsen kommer til spill.
Ved å installere denne utvidelsen til WooCommerce-nettbutikken din, kan du tillate brukere å logge på med sine Facebook-, Twitter-, Google-, Amazon-, LinkedIn-, PayPal-, Disqus-, Yahoo- eller VK-kontoer i stedet for å måtte opprette en ny brukerkonto med en ny sett med legitimasjon. Brukeren kan da bare klikke på sin foretrukne nettverkslogo og logge inn på nettstedet ditt ved å bruke det. Forresten, hvis du er interessert i lage din egen tilpassede logo med en gratis app, sjekk ut artikkelen vår.
Så når en kunde besøker nettstedet ditt for første gang, kan de med denne utvidelsen bare klikke på knappen til deres favoritt sosiale nettverk, og egentlig få en konto opprettet på nettstedet ditt med et enkelt klikk.
Dette reduserer barrieren, og du har også flere validerte brukerkontoer som du til slutt kan bruke til forskjellige typer meldinger (hvis de velger det).
Hvorfor bruke WooCommerce Social Login?
- Det gir deg muligheten til å synkronisere kundekontoer med de mest populære sosiale nettverkene
- Gjør kundeopprettelse og kassasømless som ikke krever den langvarige prosessen med å opprette og bekrefte kontoer
- Reduser friksjon, øk salg og gjenta kjøp, og reduser forlatelse av vogn
- Sosiale pålogginger er en akseptert og pålitelig måte å logge på tredjeparts nettsteder på
Dette er en premie som er vel verdt prisen på bare $ 79. Du vil tjene pengene tilbake mange ganger til gjengjeld.
Sjekk WooCommerce Social Login
Alt annet du vil vite om å logge ut
Er det noe du vil vite og mangler, er denne artikkelen? Vi vil gjerne få kommentarene dine slik at vi kan fortsette å gjøre dette innlegget bedre!
IMH
Ønsker du en rask nettside?
Hvem prøver jeg å lure? Gjør vi ikke alle?
Så hvorfor sliter så mange av oss?
Den største utfordringen er vanligvis å finne et raskt, pålitelig vertsselskap.
Vi har alle vært gjennom marerittene - støtte tar evigheter eller løser ikke problemet vårt å alltid skylde på noe på din side...
Men den største bummeren er at nettsiden alltid føles treg.
At CollectiveRay vi hoster med InMotion hosting og nettsiden vår er dum rask. Vi kjører på en tilpasset stabel med LightSpeed-serveroppsett på MariaDB med en PHP7.4-motor og frontet gjennom Cloudflare.
Kombinert med våre front-end-optimaliseringer serverer vi pålitelig 6000 brukere hver eneste dag, med topper på 50+ samtidige brukere.
Vil du ha et raskt oppsett som vårt? Overfør nettstedet ditt gratis til InMotion-hosting og få 50 % rabatt på gjeldende priser.
Prøv InMotion Hosting med 50 % rabatt for CollectiveRay besøkende KUN i november 2023!
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!
Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.