Shortcode WordPress WooCommerce: tutto ciò che devi sapere e un elenco utile

Gli shortcode di WooCommerce sono una delle funzionalità più versatili della piattaforma. Ci permettono di creare un'esperienza più dinamica per gli utenti finali. Possono aiutarti ad aggiungere scorciatoie al tuo negozio, in modo che i tuoi visitatori possano vivere un'esperienza il più fluida possibile. E questo è sempre l'obiettivo finale: semplificare le cose per i tuoi visitatori.

Una delle paure di tutti i proprietari di siti web è che la loro offerta appaia obsoleta dal punto di vista del layout. Quando si gestisce un negozio online, la preoccupazione è ancora maggiore, poiché può portare direttamente a un calo delle vendite. Tuttavia, oltre a un design accattivante, aggiungere scorciatoie è un altro modo per rendere più accattivante un negozio WooCommerce.

Cosa sono gli shortcode di WooCommerce?

Si tratta di piccoli frammenti di codice che puoi inserire ovunque in una pagina, offrendo scorciatoie visivamente accattivanti. Possono aiutare i tuoi utenti ad accedere più facilmente a:

• Inviti all'azione
• Pagine all'interno del negozio (come il carrello o la sezione di monitoraggio degli ordini)
• Prodotti specifici che vuoi commercializzare

Aggiunta di codici abbreviati WooCommerce

Sebbene il termine possa sembrare tecnico, il bello degli shortcode di WooCommerce è che sono facili da aggiungere. Non è nemmeno necessario saper programmare. Grazie a Gutenberg, il processo consiste semplicemente nell'inserire (ovvero, copiare e incollare) lo shortcode in un blocco "Shortcode" o in un page builder.

È possibile inserire diversi codici abbreviati in una singola pagina e averne diversi uno vicino all'altro.

I plugin essenziali

Sebbene WooCommerce sia dotato di un set di funzionalità specifiche, ci sono alcuni plugin che ti aiuteranno ad accedere a un numero ancora maggiore di shortcode. Vai alla dashboard di amministrazione di WooCommerce e scoprirai Plugin > Aggiungi nuovo sul lato destro. Puoi aggiungere i plugin qui sotto.

• Visualizzazione rapida di WooCommerce Pro. Installalo sul tuo sito WordPress e otterrai automaticamente nuovi pulsanti di visualizzazione rapida nel layout del front-end. Questi consentiranno ai visitatori di accedere a dettagli come attributi e varianti, oltre ad aggiungere prodotti al carrello senza uscire dalla pagina corrente.
• Tabella dei prodotti WooCommerce Questo plugin ti permette di utilizzare lo shortcode [product_table], che può aiutarti a usare layout diversi dalla griglia predefinita di WooCommerce. È un'ottima scelta se vuoi mostrare più prodotti per pagina.
• Shortcode WooCommerce di WooThemes Dopo averlo installato e attivato, questo plugin aggiunge un pulsante a discesa TinyMCE al tuo editor di testo, con facile accesso a tutti gli shortcode integrati. È un grande risparmio di tempo, poiché non dovrai copiare e incollare gli shortcode ogni volta che li usi.

Di seguito troverai alcuni degli shortcode più utili, suddivisi in tre categorie principali: pagine, visualizzazione del prodotto e azioni.

1. Codici abbreviati per le pagine

Rendi le cose più semplici per i tuoi clienti consentendo loro di accedere alle pagine essenziali senza dover abbandonare quella che stanno navigando.

• Il mio conto Aggiungi il mio account WooCommerce in qualsiasi punto del sito tramite lo shortcode.
• Carrello Visualizza il carrello personalizzato del tuo cliente su pagine, post, widget e barre laterali di WordPress con lo shortcode.
• Guardare Inserisci la pagina di pagamento dove preferisci (ad esempio sotto una tabella di prodotti) utilizzando lo shortcode.
• Tracciamento dell'ordine La funzionalità di tracciamento degli ordini non è inclusa in WooCommerce, ma puoi aggiungerla tu stesso creando una nuova pagina e aggiungendo il collegamento nell'editor di testo. Puoi anche aggiungerla in qualsiasi altro posto.

Ecco alcuni esempi di codici abbreviati:

2. Esposizione del prodotto

Metti in mostra i prodotti in base a criteri diversi con i seguenti codici abbreviati di WooCommerce:

Categorie Elenca le categorie di prodotti (non gli articoli) ovunque sul tuo sito

3. Azioni

Rendi più semplice per i clienti intraprendere azioni senza abbandonare le loro pagine attuali:

• Aggiungi al carrello Inserisci un pulsante per un articolo specifico dove preferisci. Ricordati di aggiungere il codice corretto per il prodotto, ad esempio
• Ricerca prodotto Aggiungi una ricerca in tempo reale con funzionalità di filtraggio in tempo reale ovunque tu voglia sul tuo sito, che si tratti di pagine o post con lo shortcode.

Risoluzione dei problemi

A volte, ti accorgerai di aver incollato correttamente gli shortcode di WooCommerce nell'editor di testo, ma di non averli visualizzati correttamente nel front-end. In questo caso, apri l'editor di testo HTML e assicurati di non averli incorporati accidentalmente con i tag <pre>.

Insomma

Noi di Bright Vessel siamo specializzati nella progettazione di siti WordPress, con particolare attenzione a WooCommerce, da quasi 20 anni. Siamo la scelta migliore per creare un'eccellente soluzione di e-commerce per il tuo brand. Contattaci per discutere di come possiamo aiutarti a creare il negozio WooCommerce perfetto, su misura per le esigenze specifiche della tua attività.