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

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.

Klikk her for å finne billige Fiverr-konserter som hjelper deg med å løse dette

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!  

om forfatteren

Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/E-post: Denne e-postadressen er beskyttet mot programmer som samler. Du må aktivere Javascript for å kunne se den.

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.