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

Viene visualizzato il carrello del negozio.

Cassa

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

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

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

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:

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

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.:

Mostriamo così 3 prodotti per pagina, divisi in tre colonne, e ordinati in modo ascendente per titolo.

Singolo prodotto

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).

Al codice di esempio (“DD345”) va sostituito ovviamente il codice reale del prodotto.

Più prodotti

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.:

In alternativa agli ID possiamo inserire i prodotti indicandone i codici. Occorre utilizzare in questo caso l’attributo skus.

Pagina del prodotto

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.

I prodotti di una categoria

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.:

Le categorie dei prodotti

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.

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.:

In questo caso mostriamo solo le categorie principali e non le sottocategorie di prodotti.

Prodotti più venduti

Questo shortcode permette di mostrare i prodotti più venduti sul negozio.

Prodotti più votati

Visualizziamo così l’elenco dei prodotti più votati dagli utenti.

Prodotti con determinati attributi

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

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.