Shortcode WooCommerce: ogni singola informazione che devi sapere

Pubblicato: 2021-07-05

Vuoi saperne di più sugli shortcode di WooCommerce?

Ti abbiamo coperto!

Ora, se hai pensato che gli shortcode abbiano qualcosa a che fare con la codifica.

Allora non c'è niente del genere.

Non è necessario scrivere codice lungo e lungo.

Gli shortcode, come suggerisce il nome, sono piccoli pezzi di codice ma possono svolgere molteplici funzionalità.

Va benissimo se non ti sei mai imbattuto negli "shortcode" prima.

Perché siamo qui per darti informazioni complete relative agli shortcode WooCommerce e come implementarli.

Puoi inserire gli Shortcode nella pagina del tuo prodotto, nelle barre laterali, nel widget, ecc.

Quello che fanno è che possono semplificare l'esperienza di acquisto, migliorare i flussi di acquisto degli utenti e ottimizzare il tuo negozio online per le conversioni.

Non solo, puoi anche visualizzare i migliori prodotti sulla home page, i prodotti correlati, evidenziare i prodotti in primo piano e altro ancora.

In questa guida, condivideremo con te ogni singola informazione relativa agli Shortcode di WooCommerce.

Saprai come possono aiutarti a offrire esperienze utente migliori, i loro vantaggi, come utilizzarle in modo efficace e molto altro ancora.

Andiamo direttamente ai nostri "Shortcode WooCommerce" senza perdere altro tempo.

I contenuti mostrano
  • Quali sono esattamente gli shortcode?
  • Cosa sono gli shortcode WooCommerce?
  • Gli shortcode sono utili?
  • Quali sono i vantaggi degli shortcode?
  • Come utilizzare gli shortcode di WooCommerce?
  • Elenco di codici brevi WooCommerce
    • Codici brevi della pagina:
    • Codici brevi dei prodotti:
    • Codice breve della pagina del prodotto:
    • Shortcode di prodotti correlati:
    • Aggiungi al carrello Shortcode:
    • Shortcode per più prodotti:
    • Codice breve del campo di ricerca del prodotto:
  • Plugin per codici brevi WooCommerce
  • Sai come funzionano gli shortcode di WooCommerce?
  • Come riparare se gli shortcode non funzionano?
  • Cos'altro devi sapere sugli shortcode di WooCommerce?

Quali sono esattamente gli shortcode?

È ovvio arrivare a questa domanda "che diavolo sono gli Shortcode?" quando non ne sai molto

Quindi, gli shortcode sono codici speciali in WordPress che sono rappresentati da parentesi quadre [shortcode] per aggiungere più funzionalità al tuo negozio eCommerce.

Aiuta a rendere il tuo negozio più piacevole e i tuoi clienti possono trovarlo più intuitivo da usare.

Inoltre, puoi utilizzare gli shortcode per rendere la tua home page più personalizzata ed eccitante per gli utenti.

Cosa sono gli shortcode WooCommerce?

Ora gli shortcode WooCommerce non sono una novità.

WooCommerce è una delle piattaforme di eCommerce più utilizzate di altre.

Ha anche un'ampia varietà di codici brevi.

Ad esempio, se vuoi mostrare i prodotti correlati nella parte inferiore della pagina del prodotto.

Invece di affidarti agli sviluppatori, puoi utilizzare lo shortcode del prodotto correlato da solo.

Usando gli Shortcode, ci sarà molta più facilità e convenienza.

Tuttavia, l'aggiunta di prodotti correlati è molto più semplice.

Diciamo che se vuoi vedere i 5 prodotti correlati, quindi applica lo shortcode:

 [related_products per_page="5"]

Puoi utilizzare questo codice ovunque tu voglia mostrare i prodotti correlati.

Prodotti correlati

Gli shortcode sono utili?

Se pensi ancora che gli shortcode non siano utili, ecco cosa devi sapere.

I codici brevi ti consentono di fare molte più cose, il che significa che puoi visualizzare liberamente i tuoi prodotti, aggiungere un pulsante di invito all'azione ovunque desideri visualizzarli.

Gli shortcode sono utili, ti libereranno da codici complessi più lunghi.

A parte questo, gli shortcode sono molto utili quando gestisci un negozio di eCommerce.

Puoi fornire ai tuoi clienti qualcosa in più rispetto ai tuoi concorrenti.

COME?

Puoi attirarli con gli shortcode, puoi anche aumentare le tue conversioni con gli shortcode.

Puoi aggiungere rapidamente un pulsante di invito all'azione al tuo sito utilizzando i codici brevi.

Gli shortcode sono limitati a questo, ma possono anche aiutarti a creare una griglia di articoli in vendita da mostrare ai clienti.

Non ci sono quasi limiti con gli Shortcode quando si tratta di personalizzare il tuo negozio.

Quali sono i vantaggi degli shortcode?

Sì, ci sono alcuni vantaggi nell'utilizzo degli Shortcode.

Il primo fattore importante è la flessibilità , il che significa che puoi cambiare l'aspetto del tuo negozio utilizzando gli shortcode.

Puoi facilmente personalizzare il tema e usarlo per avere un'esperienza migliore e più personalizzata per i tuoi clienti.

Cosa c'è di più interessante?

Gli shortcode elimineranno completamente la necessità di scrivere codici lunghi e, di conseguenza, ti aiuteranno a risparmiare tempo.

Inoltre, puoi eseguire più transazioni contemporaneamente.

Come utilizzare gli shortcode di WooCommerce?

Come ti abbiamo detto più volte sopra, Shortcodes è un piccolo pezzo di codice che puoi posizionare ovunque sul tuo sito.

Inoltre, non è necessario imparare a programmare per utilizzare gli shortcode.

Qui ti diremo che puoi usare gli shortcode:

Basta aggiungere lo shortcode nell'editor di testo di WordPress oppure puoi anche utilizzare il blocco shortcode (se stai usando Gutenberg o Elementor o qualsiasi altro generatore di pagine).

Inoltre, più shortcode possono essere combinati e visualizzati su un'unica pagina.

Puoi controllare lo screenshot qui sotto di come sembra avere due codici brevi sulla stessa pagina.

Elenco di codici brevi WooCommerce

Ecco l'elenco di tutti gli shortcode WooCommerce essenziali.

Diamo un'occhiata a cosa ha da offrire ciascuno di questi codici brevi e come puoi usarli.

Codici brevi della pagina:

Tuttavia, WordPress viene fornito con quattro pagine predefinite che forniscono codici brevi, quindi non dovrai aggiungerli manualmente.

Se in alcuni casi non si ottengono gli shortcode, ricreare le pagine con gli shortcode.

  • Carrello
  • Guardare
  • Il mio conto
  • Tracciamento dell'ordine

1.1. Carrello WooCommerce:

Shortcode del carrello
 Shortcode : [woocommerce_cart]
Shortcode del carrello

Il carrello degli acquisti WooCommerce ti consente di rappresentare il carrello degli acquisti del cliente sul front-end del tuo sito web.

Puoi utilizzare questo codice per aggiungerlo a pagine o post di WordPress o visualizzarlo in aree con widget (come la barra laterale).

Quando installi e attivi WooCommerce sul tuo sito Web, creerà automaticamente alcune pagine predefinite che includono la pagina Carrello, che utilizza questo shortcode.

Shortcode del carrello

Lo shortcode può essere utilizzato per collegare il carrello ad altre parti del tuo sito.

1.2. Pagina di pagamento WooCommerce:

Pagina di pagamento WooCommerce
 Shortcode : [woocommerce_checkout]

Utilizzando questo shortcode sul tuo sito, puoi creare una pagina di pagamento completa sul tuo sito di eCommerce.

Questa pagina viene creata automaticamente anche quando installi WooCommerce.

Pagina di pagamento WooCommerce

Lo shortcode per il checkout di WooCommerce include spesso informazioni di fatturazione, informazioni sull'ordine e la possibilità di spedire a un indirizzo diverso.

1.3. Il mio conto:

 Shortcode: [woocommerce_my_account]
Il mio account WooCommerce

ORA, WooCommerce creerà automaticamente anche la pagina del mio account non appena lo installi.

WooCommerce Il mio account 2

Inoltre, questa sezione include le tue informazioni personali come nome, e-mail, numero di telefono e tutte le altre informazioni necessarie per creare un account sul negozio WooCommerce.

1.4. Modulo di monitoraggio dell'ordine:

 Shortcode: [woocommerce_order_tracking]
Shortcode per il monitoraggio degli ordini WooCommerce

Tuttavia, questa pagina è diversa dalle altre tre sopra menzionate.

Questa pagina non viene generata automaticamente. Devi creare la pagina aggiungendo lo shortcode nell'editor di testo per crearne uno tuo.

Ora ciò che accadrà è che i tuoi clienti potranno vedere e tracciare lo stato dei loro ordini in corso.

Codici brevi dei prodotti:

Gli shortcode dei prodotti ti forniranno potenti funzionalità quando implementati nel tuo negozio.

Quando lo aggiungi, la home page del tuo negozio e le pagine dei prodotti cambieranno radicalmente.

Questo codice mostra le categorie di prodotti e un elenco modificato o di qualche tipo.

Ti consente di mostrare, tra le altre cose, l'ID, lo SKU, il nome, i tag e l'ordinamento casuale di un prodotto.

Non dovrai aggiornare di nuovo gli attributi del prodotto dopo aver aggiunto uno shortcode per loro.

I dati della pagina precedente verranno recuperati automaticamente.

Diamo un'occhiata ai diversi codici brevi disponibili per i tuoi prodotti.

2.1. Visualizza i prodotti in un ordine specifico

Ordine di prodotti WooCommerce

Se desideri visualizzare i tuoi prodotti in un ordine molto specifico, ecco lo shortcode da utilizzare:

 Shortcode: [products ids="23, 13, 12, 11, 24, 16" orderby="post__in"]

2.2. Prodotti recenti

Potresti sapere che ogni negozio WooCommerce offre opzioni per la tua recente ricerca per ricordarti ciò che stavi cercando in precedenza.

Shortcode per prodotti recenti
 Shortcode: [recent_result per_page=”8″ columns=”4″ orderby=”date” order=”ASC/DESC”]

2.3. Articoli in vendita casuali

Usa lo shortcode qui sotto per visualizzare gli articoli in vendita casuali.

Shortcode di vendita casuale
 Shortcode: [result limit=”n” columns=”n” orderby=”most-approved” class=”sale” on_sale=”true/false”]

2.4. Prodotto di categoria di primo livello

Se vuoi mostrare i prodotti della categoria di primo livello, considera l'utilizzo di questo shortcode.

Sul lato della vetrina, questo codice mostrerà tutti i prodotti della categoria di primo livello.

prodotto di categoria superiore
 Shortcode: [result_categories number=”0″ parent=”0”]

2.5. Prodotto di un tag particolare

Usa questo semplice shortcode per visualizzare i tag del prodotto.

etichetta particolare
 Shortcode: [result tag=”t-shirt”]

Sia risultato = prodotto

Codice breve della pagina del prodotto:

Questo è un altro tipo di shortcode WooCommerce che puoi utilizzare per mostrare diverse pagine di prodotti utilizzando due attributi:

  • ID prodotto e SKU.
Codice breve della pagina del prodotto

Ecco i due codici brevi che puoi utilizzare:

 Shortcode: [product_page]
 Shortcode: [product_page sku="hoodie"]

Shortcode di prodotti correlati:

Uno shortcode molto prezioso e utile.

Devi utilizzare questo shortcode perché ogni volta che il tuo cliente si trova sulla pagina del tuo prodotto, è più probabile che esplori i prodotti correlati.

Proprio come Amazon, avrai i prodotti correlati proprio sotto il tuo prodotto attuale.

In che modo aumenterà le tue conversioni?

Diciamo che se qualcuno sta effettuando ricerche sulla "borsa da palestra", il che significa che il tuo cliente potrebbe aver bisogno di altri prodotti relativi alla palestra.

Ecco perché mostrare il prodotto correlato aiuta ad aumentare le vendite.

 Shortcode: [related_products per_page="5"]
Prodotti correlati

Se vuoi mostrare 6 prodotti correlati, cambia semplicemente il valore in 6.

Aggiungi al carrello Shortcode:

L'utilizzo dello shortcode "Aggiungi al carrello" è un altro fantastico modo per migliorare l'esperienza dell'utente.

In che modo questo Google aiuta ad aumentare le tue vendite?

Ad esempio, puoi utilizzare questo shortcode sul tuo blog o su qualsiasi altra pagina in cui il tuo cliente può aggiungere direttamente prodotti al carrello.

Shortcode WooCommerce per aggiungere al carrello
 Shortcode: [add_to_cart sku="loafers"]

Inoltre, se desideri reindirizzare i tuoi acquirenti a un altro URL invece di aggiungere un articolo al carrello.

Shortcode WooCommerce per aggiungere al carrello

Puoi utilizzare questo shortcode per modificare il pulsante Aggiungi al carrello di WooCommerce.

 Shortcode: [add_to_cart_url]

Shortcode per più prodotti:

Ora è troppo facile utilizzare più prodotti con l'aiuto degli shortcode.

 Shortcode: [products ids=”1, 2, 3, 4, 5″]
 Shortcode: [products ids=”1, 2, 3″ orderby=”date” columns=”3″ order=”desc”]

Puoi visualizzare più prodotti (selezionati) su una pagina o pubblicare con i pulsanti di visualizzazione rapida.

Tuttavia, puoi modificare lo shortcode in base alle tue esigenze.

Codice breve del campo di ricerca del prodotto:

Un altro ancora utile shortcode.

 Shortcode: [woocommerce_product_search]

Puoi utilizzare questo shortcode per aggiungere funzionalità di ricerca in tempo reale e filtri in tempo reale alla tua pagina o alla sezione del blog.

Plugin per codici brevi WooCommerce

Quando si tratta di plug-in, ci sono tonnellate di plug-in Shortcode là fuori.

Ma cosa sarà meglio per te?

Tuttavia, ti consigliamo di utilizzare il plugin WooCommerce shortcode di WooThemes.

E la buona notizia è che è completamente gratuito.

Dopo aver attivato il plug-in, vedrai un pulsante a discesa nell'editor di testo di WordPress.

Questo ti fornirà un rapido accesso a tutti gli shortcode WooCommerce integrati.

Non solo, elimina anche la necessità di copiare e incollare gli shortcode.

Sai come funzionano gli shortcode di WooCommerce?

Ora che hai imparato così tanto sugli Shortcode, scopriamo anche come funzionano gli Shortcode.

Sebbene gli shortcode appaiano semplici, sono anche i più robusti.

Sai come vengono scritti gli shortcode, una singola parola o un insieme di parole collegate a caratteri di sottolineatura.

Ecco i campioni:

  • [campione_codice breve]
  • [get_recent_comments]
  • [woocommerce_product_search]

Gli shortcode funzionano in modo diverso, alcuni funzionano da soli, mentre altri funzionano con alcuni parametri.

Parametri

Ora, come funzionano i parametri?

Parametri chiamati anche come argomenti, il lavoro dei parametri è che sono i
righe extra che rendono più specifica l'azione dello shortcode.

La funzione dei parametri è che sono righe extra che rendono più specifica l'azione dello shortcode.

Tuttavia, dovresti sapere che i parametri sono utilizzati dalla maggior parte degli shortcode di WooCommerce, non sono utilizzati da tutti.

Come riparare se gli shortcode non funzionano?

Se a volte, gli shortcode di WooCommerce non funzionano correttamente.

Dovresti sapere come risolverlo.

Quello che succede è che incolli lo shortcode WooCommerce corretto nell'editor di testo, ma non viene visualizzato correttamente o ti dà l'output sbagliato.

Qui quello che devi fare è assicurarti che lo shortcode non sia stato erroneamente incorporato nei tag pre>.

Tuttavia, puoi rimuovere questi tag utilizzando l'editor di testo HTML.

Cos'altro devi sapere sugli shortcode di WooCommerce?

Abbiamo praticamente finito con gli shortcode di WooCommerce qui.

Gli shortcode ti eviteranno di dover scrivere codici lunghi e ti aiuteranno a personalizzare il tuo negozio.

Possiamo vedere che gli shortcode di WooCommerce sono frammenti di funzionalità incredibilmente utili che aiuteranno qualsiasi proprietario di negozio che utilizza questa piattaforma.

Sono anche estremamente utili e pratici quando si tratta di migliorare l'esperienza del tuo acquirente o di semplificare la navigazione e il pagamento del tuo negozio.

Quindi quanti e come utilizzerai gli shortcode di WooCommerce?