[Hvernig á að] Bæta við innskráningar- / útskráningartenglum til að bæta upplifun notanda WooCommerce

Woocommerce

WooCommerce er vinsælasta viðbót fyrir netverslun í WordPress vistkerfinu. Hins vegar hefur það svolítið nöldrandi notagildismál. Sjálfgefið, WooCommerce sýnir ekki hvort notandi sé innskráður eða ekki á netviðskiptasíðuna þína.

Efnisyfirlit[Sýna]

Bættu við tengil við útskráningu Woocommerce innskráningar á Woocommerce valmyndina

Stundum getur þetta verið ruglingslegt fyrir viðskiptavini þína. Þar sem flestar vinsælu netverslunarverslanirnar (segjum ebay eða Amazon) sýna innskráningarhnapp í valmyndinni geta viðskiptavinir búist við því sama í netverslanir þínar líka.

Hins vegar, þegar um er að ræða verslun með WooCommerce-rekstur, þarf notandi að fara á síðuna „Reikningurinn minn“ til að stofna reikning eða athuga hvort hann sé innskráður eða ekki.

woocommerce reikninginn minn - útskráningartengill

Í þessari kennslu munum við útskýra hvernig á að bæta við Login / Logout valkostinn í efsta valmynd WooCommerce þinnar vefsíðu. verslun. Þetta er eitt af vinsælli ráðunum og brellunum eftir CollectiveRay.com - svo fylgstu með ef þú vilt læra fleiri ráð og brellur!

Búðu til aðal aðalvalmynd

Skref 1: Áður en lengra er haldið skaltu ganga úr skugga um að þú hafir bætt við valmynd sem aðalvalmynd þemans. Vertu einnig viss um að þú hafir búið til a fullt WordPress afrit ef eitthvað fer úrskeiðis

Ef þú hefur ekki bætt við valmynd sem aðalvalmynd, skráðu þig inn á WordPress stjórnanda þinn, farðu í Útlit >> Valmynd. Undir valmyndarstillingunum búðu til valmynd og hakaðu í „Efsta aðalvalmyndin“ reitinn.

matseðill woocommerce

Top þjórfé: Ef þér líður ekki vel með breytingu á kóða gætirðu íhugað að ráða WordPress verktaki. Smelltu hér til að læra hvernig á að ráða hugsjón WordPress verktaki: https://www.collectiveray.com/wordpress-developers-for-hire

Skref 2: Bættu kóðanum hér að neðan við funks.php skrá þemans.

add_filter ('wp_nav_menu_items', 'add_loginout_link', 10, 2);
virka add_loginout_link ($ atriði, $ args) {
  ef (is_user_logged_in () && $ args-> theme_location == 'aðal') {
    $ hlutir. = ' Að skrá þig út ';
  } elseif (! is_user_logged_in () && $ args-> theme_location == 'primary') {
    $ hlutir. = ' Skrá inn ';
  } skila $ hlutum;
}

UPDATE: Það hefur verið ráðlagt af gagnlegum lesanda / umsagnaraðila vefsíðunnar sem sagði að nú ætti að nota wc_get_page_id í staðinn fyrir (nú úrelt) woocommerce_get_page_id

Ef þér líður ekki vel með að breyta kóða sjálfur geturðu skoðað nokkrar af þessum mjög metnu, en ódýru Fiver tónleikum.

Staðfestu tengilinn fyrir innskráningu / útskráningu Woocommerce

Þegar þú hefur breytt function.php til að bæta við innskráningar- / útskráningartenglunum frá Woocommerce er kominn tími til að sjá árangur breytinganna. Ef þú hefur gert breytingarnar rétt sérðu niðurstöðuna hér að neðan.

tengil á innskráningu / útskráningu á woocommerce

Þú ert búinn! Nú geturðu séð að valkosturinn Innskráning / Útskráning birtist í efstu valmynd verslunarinnar. Þetta bragð er sérstaklega gagnlegt ef þú hefur sett upp viðskipti með áskriftarkassa sem við höfum lýst hér.

Nú þegar við höfum sýnt þér hvernig á að gera þetta fyrir WooCommerce, er kannski kominn tími til að gera það sama og búa til WordPress Útskráningartengil. Þetta er oft raunin ef þú hefur ákveðið að slökkva á stjórnendastikunni, en vilt samt möguleika á að skrá þig út, bara til að vera í öruggri kantinum.

Ef þú ert bara að leita að leið til að ljúka innskráðu lotunum þínum, farðu einfaldlega á eftirfarandi á vefsíðu þinni.

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

Þú færð lítinn staðfestingarskjá þar sem spurt er "Viltu virkilega skrá þig út?" - þegar þú smellir á hlekkinn verðurðu skráð út.

WordPress útskráningarskjár

Eins og alltaf eru margar leiðir til að gera þetta. 

Slóðin á WordPress útskráningu er eitthvað sem þú getur raunverulega notað í valmyndinni þinni, ef þú vilt búa til WordPress útskráningshnapp. Tengdu einfaldlega slóðina hér að ofan og að sjálfsögðu leyfir þetta notendum þínum að hætta öllum núverandi fundum.

Útskráningarvalmynd

 

Ef þetta virkar ekki af einhverjum ástæðum gætirðu þurft að laga aðgerðir þínar.php til að virkja þessa virkni. 

add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2); virka add_login_logout_link ($ hlutir, $ args) {ob_start (); wp_loginout ('index.php'); $ loginoutlink = ob_get_contents (); ob_end_clean (); $ hlutir. = ' '. $ loginoutlink. ' '; skila $ hlutum; }

 

Athugaðu: þessi aðferð hér að ofan virkar og er virk ef þú ert að nota sérsniðnar WordPress valmyndir, þ.e valmyndaraðgerðina sem er tiltæk í admin hlutanum undir Útlit> Valmyndir.)

WordPress Útskráningarkort

Rétt eins og með flestar aðgerðir, munt þú komast að því að það er líka a stinga inn sem hægt er að nota til að búa til WordPress Útskráningarkóða. Fyrir utan hinar ýmsu stillingar sem þú getur framkvæmt, gefur þetta tappi þér möguleika á að nota eftirfarandi skammkóða innan færslna þinna og síðna.

[útskráning] - Venjulegur afskráningartengill, þar sem notandinn heldur sig á innskráningarskjánum eftir að hafa verið skráður út. [logout_to_home] - Hlekkur sem skráir notandann út og vísar þeim á heimasíðuna þína. [logout_to_current] - Hlekkur sem skráir notandann út og vísar þeim aftur á núverandi síðu / slóð.

Viðbótin hefur einnig ýmsa möguleika til að stilla útlit og tilfinningu og texta, eða raunverulega notendaupplifun.

WooCommerce innskráning

Frá því Automattic keypti WooCommerce hafa WooCommerce verið að samþætta meiri og meiri virkni frá WordPress.com í WooCommerce. Einn af stóru eiginleikunum hefur verið að geta skráð þig inn á WooCommerce.com með WordPress.com reikningnum þínum

En þetta er kannski ekki kjörið ástand fyrir viðskiptavini þína sem venjulega myndu nú hafa WordPress.com reikning, svo slík virkni væri notuðless fyrir þá.

Svo hvernig er hægt að búa til innskráningar- / útskráningarkerfi sem þeir þekkja til? Þetta er þar sem félagslega innskráning WooCommerce kemur við sögu!

Woocommerce félagsleg innskráning

WooCommerce félagsleg innskráning er úrvals WooCommerce viðbót sem gerir félagslega innskráningu kleift fyrir Seamless reikningagerð og afgreiðsla. Þetta er MIKLU. Vegna þess að þú vissir að skráningar reikninga eru mjög veruleg hindrun fyrir sölu? 

Reyndar, samkvæmt Statista, getur þú tapað allt að 21% viðskiptavina þinna vegna þessa vandamáls langvarandi ferils reikningssköpunar áður en þú skráir þig út.

Svo hvernig mildar þú þessa vegatálma? Þetta er þar sem WooCommerce Social Login eftirnafn kemur við sögu.

Með því að setja þessa viðbót í WooCommerce netverslunina þína geturðu leyft notendum að skrá sig inn með Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Disqus, Yahoo eða VK reikningum í stað þess að þurfa að búa til nýjan notandareikning með nýjum sett skilríki.

woocommerce félagslegt innskráningarkassa

Svo þegar viðskiptavinur heimsækir síðuna þína í fyrsta skipti, með þessari viðbót, getur hann bara smellt á hnappinn á uppáhalds samfélagsnetinu sínu og í raun fengið reikning stofnað á vefsvæðinu þínu með einum smelli.

Þetta dregur úr hindruninni og þú hefur einnig fleiri fullgilta notendareikninga sem þú gætir á endanum notað fyrir mismunandi skilaboð (ef þeir taka þátt í því).

 

Af hverju að nota WooCommerce félagslega innskráningu?

  • Það gefur þér möguleika á að samstilla viðskiptavinarreikninga þína við vinsælustu félagslegu netkerfin
  • Gerir sköpun viðskiptavina og afgreiðslu saumless sem krefst ekki langvinns ferils við stofnun og staðfestingu reiknings
  • Draga úr núningi, auka sölu og endurtaka kaup og draga úr brottfalli körfu
  • Félagsleg innskráning er viðurkennd og áreiðanleg leið til að skrá þig inn á vefsíður 3. aðila

Þetta er iðgjald sem er þess virði að verðið sé aðeins $ 79. Þú munt græða peningana margsinnis á móti.

Skoðaðu WooCommerce Social Login

 

Allt annað sem þú vilt vita um að skrá þig út

Er eitthvað sem þú vilt vita og vantar er þessi grein? Við viljum gjarnan fá athugasemdir þínar svo við getum haldið áfram að gera þessa færslu betri!  

Sæktu listann yfir 101 WordPress bragðaref sem allir bloggarar ættu að kunna

101 WordPress bragðarefur

Smelltu hér til að hlaða niður núna
Um höfundinn
David Attard
Höfundur: David AttardVefsíða: https://www.linkedin.com/in/dattard/
David hefur starfað í eða við net- / stafræna iðnaðinn síðustu 18 ár. Hann hefur mikla reynslu af hugbúnaðar- og vefhönnunargeiranum með því að nota WordPress, Joomla og veggskot í kringum þau. Sem stafrænn ráðgjafi er áhersla hans lögð á að hjálpa fyrirtækjum að ná samkeppnisforskoti með því að nota sambland af vefsíðu þeirra og stafrænum kerfum sem eru í boði í dag.

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...