WooCommerce è il plugin di e-commerce più popolare nell'ecosistema di WordPress. Tuttavia, ha un fastidioso problema di usabilità. Per impostazione predefinita, WooCommerce non mostra se un utente ha effettuato l'accesso o meno al tuo sito eCommerce.
A volte, questo può creare confusione per i tuoi clienti. Poiché la maggior parte dei famosi negozi di e-commerce (ad esempio ebay o Amazon) mostra un pulsante di accesso nel loro menu, i clienti possono aspettarsi lo stesso in anche i tuoi negozi di e-commerce.
Tuttavia, nel caso di un negozio basato su WooCommerce, un utente dovrà visitare la pagina "il mio account" per creare un account o verificare se ha effettuato l'accesso o meno.
In questo tutorial, spiegheremo come aggiungere l'opzione Login / Logout al menu in alto del tuo WooCommerce sito web negozio. Questo è uno dei suggerimenti e trucchi più popolari di CollectiveRay.com - quindi resta sintonizzato se vuoi saperne di più suggerimenti e trucchi!
Crea un menu principale in alto
Passaggio 1: prima di procedere oltre, assicurati di aver aggiunto un menu come menu principale del tuo tema. Assicurati inoltre di aver eseguito un backup completo di WordPress nel caso qualcosa vada storto
Se non hai aggiunto un menu come menu principale, accedi al tuo amministratore di WordPress, vai su Aspetto >> Menu. In Impostazioni menu creare un menu e selezionare la casella "Menu principale in alto".
Miglior consiglio: Se non ti senti a tuo agio nel fare modifiche al codice, potresti prendere in considerazione l'assunzione di uno sviluppatore WordPress. Fai clic qui per scoprire come assumere lo sviluppatore WordPress ideale: https://www.collectiveray.com/wordpress-developers-for-hire
Modificare functions.php per creare il collegamento di logout di Woocommerce e il collegamento di accesso
Passaggio 2: aggiungi il codice seguente al file functions.php del tuo tema.
add_filter ('wp_nav_menu_items', 'add_loginout_link', 10, 2);
funzione add_loginout_link ($ items, $ args) {
if (is_user_logged_in () && $ args-> theme_location == 'primary') {
$ articoli. = ' Disconnettersi ';
} elseif (! is_user_logged_in () && $ args-> theme_location == 'primary') {
$ articoli. = ' Accesso ';
} restituire $ articoli;
}
AGGIORNAMENTO: Siamo appena stati avvisati da un utile lettore / commentatore del sito web che ha detto che ora dovrebbe essere usato wc_get_page_id invece del (ora deprecato) woocommerce_get_page_id
Se non ti senti a tuo agio nel fare modifiche al codice da solo, puoi dare un'occhiata ad alcuni di questi concerti Fiver molto apprezzati ma economici.
Verifica il collegamento di login / logout di Woocommerce
Dopo aver modificato functions.php per aggiungere i collegamenti di login / logout di Woocommerce, è il momento di vedere il risultato delle modifiche. Se hai eseguito correttamente le modifiche, vedrai il risultato di seguito.
Hai finito! Ora puoi vedere che l'opzione Login / Logout viene visualizzata nel menu in alto del tuo negozio. Questo trucco è particolarmente utile se hai impostato un'attività basata su box di abbonamento che abbiamo descritto in dettaglio qui.
Link / URL di logout di WordPress
Ora che ti abbiamo mostrato come farlo per WooCommerce, forse è il momento di fare la stessa cosa e creare un collegamento di logout di WordPress. Questo è spesso il caso se hai deciso di disabilitare la barra di amministrazione, ma desideri comunque l'opzione per disconnetterti, solo per essere al sicuro.
Se stai solo cercando un modo per terminare le tue sessioni di accesso, visita semplicemente quanto segue sul tuo sito web.
https://<yoursite.com>/wp-login.php?action=logout
Verrà visualizzata una piccola schermata di conferma che chiede "Vuoi davvero disconnetterti?" - dopo aver fatto clic sul collegamento, verrai disconnesso.
Come sempre ci sono diversi modi per farlo.
L'URL di logout di WordPress è qualcosa che puoi effettivamente utilizzare nel tuo menu, se desideri creare un pulsante di logout di WordPress. Collega semplicemente l'URL sopra e, naturalmente, questo consentirà al tuo utente di terminare qualsiasi sessione corrente.
Se per qualche motivo non funziona, potresti dover modificare il tuo functions.php per abilitare questa funzionalità.
add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2); funzione add_login_logout_link ($ items, $ args) {ob_start (); wp_loginout ('index.php'); $ loginoutlink = ob_get_contents (); ob_end_clean (); $ articoli. = ' '. $ loginoutlink. " '; restituire $ articoli; }
Nota: questo metodo sopra funziona ed è abilitato se si utilizzano menu personalizzati di WordPress, ovvero la funzione di menu disponibile nella sezione di amministrazione sotto Aspetto> Menu.)
Shortcode di logout di WordPress
Proprio come con la maggior parte delle funzioni, scoprirai che esiste anche un file plug-in che può essere utilizzato per generare uno shortcode di logout di WordPress. Oltre alle varie configurazioni che puoi eseguire, questo plugin ti dà la possibilità di utilizzare i seguenti codici brevi all'interno dei tuoi post e pagine.
[logout] - Un collegamento di disconnessione standard, in cui l'utente rimane nella schermata di accesso dopo essere stato disconnesso. [logout_to_home] - Un collegamento che disconnette l'utente e lo reindirizza alla tua home page. [logout_to_current] - Un collegamento che disconnette l'utente e lo reindirizza alla pagina / URL corrente.
Il plug-in ha anche varie opzioni per configurare l'aspetto grafico e i testi o l'esperienza utente effettiva.
Accesso a WooCommerce
Dall'acquisizione di WooCommerce da parte di Automattic, WooCommerce ha integrato sempre più funzionalità da WordPress.com a WooCommerce. Una delle grandi caratteristiche è stata la possibilità di accedere a WooCommerce.com tramite il tuo account WordPress.com
Ma questa potrebbe non essere la situazione ideale per i tuoi clienti che in genere avrebbero ora un account WordPress.com, quindi tale funzionalità sarebbe utileless per loro.
Quindi come puoi creare un sistema di login / logout dell'account con cui hanno familiarità? È qui che entra in gioco l'accesso social di WooCommerce!
Accesso social di Woocommerce
Il Social Login di WooCommerce è un'estensione premium di WooCommerce che abilita gli accessi social per Seamless creazione di account e checkout. Questo è ENORME. Perché sapevi che le registrazioni degli account sono una barriera molto significativa alle vendite?
In effetti, secondo Statista, puoi perdere fino al 21% dei tuoi clienti a causa di questo problema del lungo processo di creazione dell'account prima del check-out.
Allora come mitighi questo ostacolo? È qui che entra in gioco l'estensione di accesso social di WooCommerce.
Installando questa estensione nel tuo negozio online WooCommerce, puoi consentire agli utenti di accedere utilizzando i loro account Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Disqus, Yahoo o VK invece di dover creare un nuovo account utente con un nuovo set di credenziali. L'utente può quindi semplicemente fare clic sul logo della rete preferita e accedere al tuo sito utilizzando quello. Per inciso, se sei interessato a creare il tuo logo personalizzato con un'app gratuita, dai un'occhiata al nostro articolo.
Quindi, quando un cliente visita il tuo sito per la prima volta, con questa estensione può semplicemente fare clic sul pulsante del suo social network preferito e essenzialmente ottenere un account creato sul tuo sito con un solo clic.
Ciò riduce la barriera e hai anche account utente più convalidati che potresti eventualmente utilizzare per diversi tipi di messaggistica (se accettano).
Perché utilizzare l'accesso social di WooCommerce?
- Ti dà la possibilità di sincronizzare i tuoi account cliente con i social network più popolari
- Rende la creazione del cliente e la cucitura del checkoutless che non richiede il lungo processo di creazione e verifica dell'account
- Riduci l'attrito, aumentando le vendite e gli acquisti ripetuti e riducendo l'abbandono del carrello
- Gli accessi social sono un modo accettato e affidabile per accedere a siti di terze parti
Questo è un premio che vale il suo prezzo di soli $ 79. Guadagnerai indietro i soldi molte volte in cambio.
Dai un'occhiata a WooCommerce Social Login
Qualcos'altro che vorresti sapere sulla disconnessione
C'è qualcosa che vorresti sapere e che manca è questo articolo? Ci piacerebbe ricevere i tuoi commenti in modo da poter continuare a migliorare questo post!
SONO H
Vuoi un sito web veloce?
Chi sto prendendo in giro? Non lo facciamo tutti?
Allora perché così tanti di noi lottano?
La sfida più grande di solito è trovare una società di hosting veloce e affidabile.
Abbiamo passato tutti gli incubi: il supporto richiede un'eternità o non risolve il nostro problema, incolpando sempre qualcosa dalla tua parte...
Ma il più grande peccato è che il sito web sembra sempre lento.
At CollectiveRay ospitiamo con l'hosting InMotion e il nostro sito Web è incredibilmente veloce. Corriamo su uno stack personalizzato di configurazione del server LightSpeed su MariaDB con un motore PHP7.4 e gestito tramite Cloudflare.
In combinazione con le nostre ottimizzazioni front-end, serviamo in modo affidabile 6000 utenti ogni singolo giorno, con picchi di oltre 50 utenti simultanei.
Vuoi ottenere una configurazione rapida come la nostra? Trasferisci gratuitamente il tuo sito all'hosting InMotion e ottieni il nostro 50% DI SCONTO sui prezzi attuali.
Prova InMotion Hosting con il 50% di SCONTO per CollectiveRay visitatori SOLO nell'aprile 2024!
Per favore, lasciare un utile commenta con i tuoi pensieri, quindi condividi questo articolo sui tuoi gruppi di Facebook che lo troverebbero utile e raccogliamo insieme i frutti. Grazie per la condivisione e per essere gentile!
Disclosure: Questa pagina può contenere collegamenti a siti esterni per prodotti che amiamo e consigliamo vivamente. Se acquisti prodotti che ti suggeriamo, potremmo guadagnare una commissione per segnalazione. Tali commissioni non influenzano le nostre raccomandazioni e non accettiamo pagamenti per recensioni positive.
e molti altri ...