Gli shortcode di WooCommerce
WooCommerce mette a disposizione degli shortcode (codici) per inserire in modo semplice una serie di elementi sulle pagine dell'ecommerce.
Vediamo quali sono e cosa permettono di mostrare sul sito. Gli shortcode riportati devono essere inseriti all'interno di una pagina o di un articolo, utilizzando l'editor visuale.
Carrello
[woocommerce_cart]
Viene visualizzato il carrello del negozio.
Cassa
[woocommerce_checkout]
Viene mostrata la pagina del checkout, con il form relativo ai dati di fatturazione e spedizione, il riepilogo dell'ordine, comprensivo dei costi dei prodotti, delle aliquote e delle spese di spedizione, l'elenco dei metodi di pagamento accettati e il pulsante per concludere l'ordine.
Il mio account
[woocommerce_my_account]
E' la pagina di gestione dell'account dell'utente, dove vengono visualizzati gli ordini, effettuati eventuali download di file e fatture, gestiti i dati dell'account, quelli di fatturazione e spedizione, effettuato il logout.
Tracciare l'ordine
[woocommerce_order_tracking]
Il cliente accede ad un form di tracciamento dell'ordine, dove inserendo i dati del proprio ordine può visualizzarne lo stato (se ad esempio è stato spedito o se è ancora in lavorazione).
Gli ultimi prodotti
[recent_products]
Vengono visualizzati sulla pagina gli ultimi prodotti aggiunti sul negozio.
Possiamo personalizzare ulteriormente lo shortcode tramite alcuni attributi:
- per_page : si indica il numero di elementi (prodotti) da mostrare per pagina;
- columns : si indica il numero di colonne;
- orderby : si determina in base a quale criterio ordinare i prodotti mostrati (i parametri che possono essere utilizzati sono disponibili cliccando qui);
- order : si sceglie se mostrare i prodotti in ordine ascendente o discendente.
Ad esempio:
[recent_products per_page="6" columns="3" orderby="title" order="asc"]
Vengono così mostrati 6 prodotti per pagina, divisi in tre colonne (abbiamo così 3 prodotti su due righe) e ordinati per titolo in modo ascendente.
Prodotti in evidenza
[featured_products]
Vengono mostrati i prodotti che abbiamo messo in evidenza.
Anche in questo caso possono essere associati attributi per determinare il numero di prodotti da mostrare per pagina, il numero di colonne e il tipo di ordinamento.
Ad es.:
[featured_products per_page="3" columns="3" orderby="title" order="asc"]
Mostriamo così 3 prodotti per pagina, divisi in tre colonne, e ordinati in modo ascendente per titolo.
Singolo prodotto
[product id="3"]
Viene mostrata nella pagina l'anteprima di un singolo prodotto (come la vedremmo negli archivi dei prodotti). Con id indichiamo il numero di ID del prodotto da mostrare. Possiamo visualizzare l'ID di un prodotto nell'elenco dei prodotti passando con il mouse sul titolo del prodotto.
In alternativa all'ID possiamo indicare il codice del prodotto (assegnato dall'amministratore del negozio nella scheda Dati prodotto).
[product sku="DD345]
Al codice di esempio ("DD345") va sostituito ovviamente il codice reale del prodotto.
Più prodotti
[products ids="90, 92, 95"]
Questo shortcode permette di mostrare sulla pagina un elenco di più prodotti. Con ids indichiamo gli ID dei prodotti che vogliamo mostrare, intervallati da una virgola.
È possibile associare gli attributi visti precedentemente per determinare il numero delle colonne ed ordinare i prodotti.
Ad es.:
[products ids="90, 92, 95" columns="3" orderby="title" order="asc"]
In alternativa agli ID possiamo inserire i prodotti indicandone i codici. Occorre utilizzare in questo caso l'attributo skus.
[products skus="DD374, DD376, DD377"]
Pagina del prodotto
[product_page id="70"]
Tramite questo shortcode viene mostrata la pagina del prodotto: l'immagine, il prezzo, la breve descrizione, i tab della descrizione completa e delle recensioni, gli eventuali prodotti correlati.
Anche in questo caso è possibile sostituire all'ID il codice, utilizzando l'attributo sku.
[product_page sku="DD356"]
I prodotti di una categoria
[product_category category="dvd"]
Questo shortcode permette di mostrare nella pagina i prodotti di una determinata categoria, indicata tramite l'attributo category. Il valore inserito deve essere quello dello slug della categoria che vogliamo mostrare (nell'esempio è "dvd").
È possibile definire il numero di prodotti da mostrare, il numero di colonne e l'ordinamento, utilizzando i parametri già visti.
Es.:
[product_category category="dvd" per_page="12" columns="3" orderby="title" order="asc"]
Le categorie dei prodotti
[product_categories]
Con questo shortcode viene mostrato sulla pagina l'elenco di categorie di prodotti.
Se volessimo mostrare solo alcune categorie possiamo indicarne gli ID. Per individuare l'id di una categoria occorre visualizzare il permalink amministrativo della categoria.
[product_categories ids="7, 8, 9"]
Oltre ai parametri già visti, per_page, columns, orderby, order, è possibile utilizzarne altri due specifici per questo shortcode:
- hide_empty: permette di nascondere le categorie senza prodotti;
- parent: permette di mostrare eventualmente solo le categorie genitore e non le categorie figlie o sottocategorie (il valore da utilizzare è 0).
Es.:
[product_categories parent="0"]
In questo caso mostriamo solo le categorie principali e non le sottocategorie di prodotti.
Prodotti più venduti
[best_selling_products]
Questo shortcode permette di mostrare i prodotti più venduti sul negozio.
Prodotti più votati
[top_rated products]
Visualizziamo così l'elenco dei prodotti più votati dagli utenti.
Prodotti con determinati attributi
[product_attribute attribute="memoria" filter="48GB"]
Con questo shortcode vengono mostrati i prodotti che hanno per un determinato attributo il valore indicato nello shortcode. Con attribute indichiamo qual è l'attributo per il quale filtrare la visualizzazione dei prodotti e con filter indichiamo il valore dell'attributo: nell'esempio vengono mostrati i prodotti che come attributo "memoria" (es. la memoria di uno smartphone) hanno un valore di "48GB".
Aggiungi al carrello
[add_to_cart id="67"]
Viene inserito il pulsante per l'acquisto (aggiunta al carrello) di un determinato prodotto, indicato tramite l'ID.
In alternativa è possibile indicare il prodotto tramite il codice anziché l'ID.
[add_to_cart sku="DD345"]
