[Hvordan] Legg til påloggings- / utloggingskoblinger for en forbedret WooCommerce-brukeropplevelse

WooCommerce

WooCommerce er mest populære e-handelsplugin i WordPress-økosystemet. Imidlertid har det litt av et nagende brukervennlighetsproblem. Som standard, WooCommerce viser ikke om en bruker er logget på eller ikke på e-handelsstedet ditt.

innhold[Forestilling]

Legg til en påloggingslogg for Woocommerce-logg til Woocommerce-menyen

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.

woocommerce min konto - logg ut lenke

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, må du sørge 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".

woocommerce-meny

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

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.

koblinger til woocommerce pålogging / utlogging

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..

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.

WordPress-avloggingsskjerm

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.

Logg ut-meny

 

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 i WooCommerce-nettbutikken din, kan du tillate brukere å logge på med deres 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.

woocommerce sosial pålogging kasse

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!  

Last ned listen over 101 WordPress-triks hver blogger burde vite

101 WordPress-triks

Klikk her for å laste ned nå
om forfatteren
David Attard
Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/
David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
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.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...