[Kuinka] Lisää kirjautumis- ja uloskirjautumislinkkejä parantaaksesi WooCommerce-käyttökokemusta

WooCommerce

WooCommerce on suosituin verkkokaupan laajennus WordPress-ekosysteemissä. Siinä on kuitenkin hieman kiusallinen käytettävyysongelma. Oletuksena WooCommerce ei näytä, onko käyttäjä kirjautunut verkkokauppasivustollesi vai ei.

Sisällys[show]

Lisää Woocommerce-kirjautumislinkki Woocommerce-valikkoon

Toisinaan tämä voi olla hämmentävää asiakkaillesi. Koska useimmissa suosituissa verkkokaupoissa (esim. Ebay tai Amazon) on valikossa kirjautumispainike, asiakkaat voivat odottaa samaa myös verkkokauppasi.

WooCommerce-verkkokaupan tapauksessa käyttäjän on kuitenkin käytävä 'Oma tili' -sivulla luodakseen tilin tai tarkistamalla, onko hän kirjautunut sisään.

woocommerce my account - kirjautumislinkki

Tässä opetusohjelmassa kerrotaan, miten voit lisätä sisäänkirjautumis- / uloskirjautumisvaihtoehdon WooCommerce-sovelluksen ylävalikkoon verkkosivusto myymälä. Tämä on yksi suosituimmista vinkeistä CollectiveRay.com - joten pysy kuulolla, jos haluat oppia lisää vinkkejä ja temppuja!

Luo ensisijainen päävalikko

Vaihe 1: Ennen kuin jatkat, varmista, että olet lisännyt valikon teemasi ensisijaiseksi valikoksi. Varmista myös, että olet tehnyt täyden WordPress-varmuuskopion siltä varalta, että jokin menee pieleen

Jos et ole lisännyt valikkoa päävalikkona, kirjaudu sisään WordPress-järjestelmänvalvojaasi, siirry Ulkonäkö >> Valikko. Luo valikko Asetukset-kohdasta valikko ja valitse "Ensisijainen päävalikko" -ruutu.

woocommerce-valikko

Top kärki: Jos et halua tehdä koodimuutoksia, kannattaa harkita WordPress-kehittäjän palkkaamista. Napsauttamalla tätä voit oppia ihanteellisen WordPress-kehittäjän palkkaamisen: https://www.collectiveray.com/wordpress-developers-for-hire

Vaihe 2: Lisää alla oleva koodi teeman toiminnot.php-tiedostoon.

add_filter ('wp_nav_menu_items', 'add_loginout_link', 10, 2);
function add_loginout_link ($ kohdetta, $ args) {
  if (is_user_logged_in () && $ args-> theme_location == 'ensisijainen') {
    $ kohdetta. = ' Kirjautua ulos ";
  } elseif (! is_user_logged_in () && $ args-> theme_location == 'ensisijainen') {
    $ kohdetta. = ' Kirjaudu sisään ";
  } palauta $ kohdetta;
}

PÄIVITYS: Meitä on juuri neuvonut verkkosivuston hyödyllinen lukija / kommentaattori, joka sanoi, että wc_get_page_id pitäisi nyt käyttää (nyt vanhentuneen) woocommerce_get_page_id-tunnuksen sijaan

Jos et halua tehdä koodimuutoksia itse, voit tarkistaa joitain näistä erittäin arvostetuista, mutta halvoista Fiver-keikoista.

Tarkista Woocommerce-kirjautumis- / uloskirjautumislinkki

Kun olet muuttanut funktioita.php lisätäksesi Woocommerce-kirjautumis- / uloskirjautumislinkit, on aika nähdä muutosten tulos. Jos olet tehnyt muutokset oikein, näet tuloksen alla.

woocommerce-kirjautumis- / uloskirjautumislinkit

Olet valmis! Nyt voit nähdä, että Kirjaudu / Kirjaudu ulos -vaihtoehto näkyy myymälän ylävalikossa. Tämä temppu on erityisen hyödyllinen, jos olet perustanut tilaajalaatikkoon perustuvan yrityksen, jonka olemme yksityiskohtaisesti selostaneet tätä.

Nyt kun olemme osoittaneet, kuinka tämä tehdään WooCommercelle, ehkä on aika tehdä sama asia ja luoda WordPress-uloskirjauslinkki. Näin on usein, jos olet päättänyt poistaa hallintapalkin käytöstä, mutta silti haluaisit vaihtoehdon kirjautua ulos vain ollaksesi turvallisella puolella.

Jos etsit vain tapaa lopettaa kirjautuneet istunnot, käy vain seuraavassa verkkosivustollasi.

https://<yoursite.com>/wp-login.php?action=logout 

Saat pienen vahvistusruudun, jossa kysytään "Haluatko todella kirjautua ulos?" - Kun napsautat linkkiä, sinut kirjataan ulos.

WordPress-kirjautumisnäyttö

Kuten aina, tähän on useita tapoja. 

WordPress-uloskirjautumisen URL-osoite on jotain, jota voit itse käyttää valikossa, jos haluat luoda WordPress-kirjautumispainikkeen. Linkitä vain yllä oleva URL-osoite, ja tietysti näin käyttäjäsi voi lopettaa kaikki nykyiset istunnot.

Kirjaudu ulos -valikko

 

Jos tämä ei jostain syystä toimi, sinun on ehkä mukautettava toimintoja.php tämän toiminnon käyttöönottamiseksi. 

add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2); function add_login_logout_link ($ kohdetta, $ args) {ob_start (); wp_loginout ('index.php'); $ loginoutlink = ob_get_contents (); ob_end_clean (); $ kohdetta. = ' ". $ loginoutlink. ' "; palauta $ kohteita; }

 

Huomautus: Tämä yllä oleva menetelmä toimii ja on käytössä, jos käytät WordPressin mukautettuja valikoita eli valikkotoimintoa, joka on käytettävissä järjestelmänvalvojan osiossa Ulkonäkö> Valikot.)

WordPress-kirjautumisen lyhytkoodi

Aivan kuten useimmissa toiminnoissa, huomaat myös, että on kytkeä jota voidaan käyttää WordPress-uloskirjautumisen lyhytkoodin luomiseen. Eri kokoonpanojen lisäksi, joita voit suorittaa, tämä laajennus antaa sinulle mahdollisuuden käyttää seuraavia pikakoodeja viesteissäsi ja sivuillasi.

[uloskirjautuminen] - tavallinen uloskirjautumislinkki, jossa käyttäjä pysyy kirjautumisnäytössä kirjautumisen jälkeen. [uloskirjautuminen_kotiin] - Linkki, joka kirjaa käyttäjän ulos ja ohjaa hänet kotisivullesi. [logout_to_current] - Linkki, joka kirjaa käyttäjän ulos ja ohjaa hänet takaisin nykyiselle sivulle / URL-osoitteeseen.

Laajennuksella on myös useita vaihtoehtoja ulkoasun ja tekstin tai todellisen käyttökokemuksen määrittämiseen.

Kirjaudu sisään

Siitä lähtien, kun Automattic osti WooCommercen, WooCommerce on integroinut yhä enemmän WordPress.com-palvelun toimintoja WooCommerce-palveluun. Yksi suurimmista ominaisuuksista on ollut mahdollisuus kirjautua WooCommerce.com-sivustoon WordPress.com-tilisi kautta

Mutta tämä ei ehkä ole ihanteellinen tilanne asiakkaillesi, joilla yleensä on nyt WordPress.com -tili, joten tällaisia ​​toimintoja käytetäänless heille.

Joten miten voit luoda tilin kirjautumis- / uloskirjautumisjärjestelmän, jonka he tuntevat? Täällä WooCommerce Social Login tulee pelaamaan!

Woocommercen sosiaalinen kirjautuminen

WooCommerce Social Login on premium -luokan WooCommerce -laajennus, joka mahdollistaa sosiaaliset kirjautumiset Seamiinless tilin luominen ja kassat. Tämä on valtava. Koska tiesit, että tilien rekisteröinti on erittäin merkittävä este myynnille? 

Itse asiassa Statistan mukaan voit menettää jopa 21% asiakkaistasi tämän ongelman takia, että tilin luominen on pitkään käynyt ennen uloskirjautumista.

Joten miten voit vähentää tätä estoa? Tässä tulee esiin WooCommerce Social Login -laajennus.

Asentamalla tämän laajennuksen WooCommerce-verkkokauppaasi, voit antaa käyttäjien kirjautua sisään käyttämällä Facebook-, Twitter-, Google-, Amazon-, LinkedIn-, PayPal-, Disqus-, Yahoo- tai VK-tilejä sen sijaan, että heidän pitäisi luoda uusi käyttäjätili uudella joukko valtuustietoja. Käyttäjä voi sitten napsauttaa haluamaansa verkkologoa ja kirjautua sivustollesi käyttämällä sitä. Muuten, jos olet kiinnostunut luo oma mukautettu logo ilmaisella sovelluksella, tutustu artikkeliimme.

woocommerce sosiaalisen kirjautumisen kassa

Joten kun asiakas vierailee sivustollasi ensimmäistä kertaa, tällä laajennuksella hän voi vain napsauttaa suosikki sosiaalisen verkostonsa painiketta ja saada pääsääntöisesti sivustollesi luodun tilin yhdellä napsautuksella.

Tämä vähentää esteitä, ja sinulla on myös enemmän validoituja käyttäjätilejä, joita saatat lopulta käyttää erilaisiin viesteihin (jos he valitsevat).

Miksi käyttää WooCommerce Social Login -tunnusta?

  • Se antaa sinulle mahdollisuuden synkronoida asiakastilit suosituimpien sosiaalisten verkostojen kanssa
  • Tekee asiakkaiden luomisesta ja kassasta saumanless joka ei vaadi pitkäaikaista tilin luomista ja vahvistamista
  • Vähennä kitkaa, lisäämällä myyntiä ja toistuvia ostoksia sekä vähentämällä ostoskorin hylkäämistä
  • Sosiaaliset kirjautumistiedot ovat hyväksytty ja luotettu tapa kirjautua kolmannen osapuolen sivustoille

Tämä on palkkio, joka on hintansa arvoinen vain 79 dollaria. Ansaitset rahat takaisin monta kertaa vastineeksi.

Tutustu WooCommerce Social Login -sivustoon

Kaikki muu, mitä haluat tietää uloskirjautumisesta

Onko jotain, mitä haluat tietää ja josta puuttuu tämä artikkeli? Haluamme saada kommenttisi, jotta voimme jatkaa tämän viestin parantamista!  

Haluatko nopean verkkosivuston?

Ketä minä vitsailen? Emmekö me kaikki?

Joten miksi niin monet meistä kamppailevat?

Suurin haaste on yleensä nopean ja luotettavan hosting-yrityksen löytäminen.

Olemme kaikki käyneet läpi painajaisia ​​- tuki kestää ikuisuuden tai ei ratkaise ongelmaamme aina syyttämällä jotain sinun puolellasi... 

Mutta suurin ongelma on, että verkkosivusto tuntuu aina hitaalta.

At CollectiveRay isännöimme InMotion-isännöinnillä ja verkkosivustomme on typerä ja nopea. Käytämme mukautettua LightSpeed-palvelinasennuspinoa MariaDB:ssä PHP7.4-moottorilla ja Cloudflaren kautta. 

Yhdessä käyttöliittymäoptimointiemme kanssa palvelemme luotettavasti 6000 käyttäjää joka päivä, yli 50 samanaikaisen käyttäjän huipulla. 

Haluatko saada nopean asennuksen kuten meidän? Siirrä sivustosi ilmaiseksi InMotion-isännöintiin ja saat 50 %:n alennuksen nykyisestä hinnasta.

Kokeile InMotion Hosting -palvelua 50 % alennuksella CollectiveRay vieraita sisään maaliskuu 2023 VAIN!

InMotion-isännöinti 50 %:n alennus CollectiveRay Vierailijat

kirjailijasta
David Attard
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...