In questo ultimo periodo sono state moltissime le richieste di e-commerce, questo a causa del COVID 19 che sta portando tantissimi a valutare l’inserimento di una vendita online all’interno dei propri siti. Spesso ho trovato utile utilizzare gli shortcode di WooCommerce e colgo l’occasione per “parlarne”, nella speranza che una pagina riassuntiva (una delle tante) possa essere utile.
WooCommerce mette a disposizione molti shortcode per inserire una serie di elementi nelle pagine dei vostri e-commerce.
Riporterò alcuni dei più importanti e vi spiegherò cosa vi permettono di mostrare sul vostro sito.
Gli shortcode dovranno essere inseriti nelle pagine o articoli utilizzando l’editor visuale o il blocco shortcode di Gutenberg.
Il mio account
[woocommerce_my_account]
Questo shortcode fa visualizzare la pagina di gestione dell’account dell’utente, dove vengono mostrati ordini, eventuali download di file e fatture, oltre a poter gestire i dati dell’account, quelli di fatturazione e spedizione ed effettuare il logout.
Carrello
[woocommerce_cart]
Permette di visualizzare 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 con 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.
Ultimi prodotti inseriti
[recent_products]
Nella pagina vengono visualizzati gli ultimi prodotti aggiunti nell’e-commerce.
E’ possibile personalizzare ulteriormente lo shortcode tramite alcuni attributi:
- per_page : viene indicato il numero di prodotti da mostrare per pagina;
- columns : il numero di colonne da visualizzare;
- orderby : si può scegliere il criterio secondo il quale è possibile i prodotti mostrati;
- order : si può scegliere se mostrare i prodotti in ordine ascendente o discendente.
Facciamo un esempio:
[recent_products per_page=”12″ columns=”4″ orderby=”title” order=”asc”]
Vengono così mostrati 12 prodotti per pagina, divisi in 4 colonne con quindi 3 prodotti per colonna ordinati per titolo in modo ascendente.
Prodotti in evidenza
[featured_products]
Vengono mostrati i prodotti selezionati per essere messi in evidenza.
Si possono essere aggiungere attributi per scegliere il numero di prodotti da mostrare per pagina, il numero di colonne e l’ordinamento.
Facciamo un esempio:
[featured_products per_page=”8″ columns=”4″ orderby=”title” order=”asc”]
Mostriamo così 8 prodotti per pagina, divisi in 4 colonne, e ordinati in modo ascendente per titolo.
Singolo prodotto
[product id=”2711″]
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. Per trovare l’ID del prodotto, andare alla schermata Prodotti, passare il mouse sul prodotto e l’ID apparirà come mostrato di seguito.
In alternativa all’ID possiamo indicare il codice del prodotto (SKU). Nel caso dell’esempio preso in precedenza, il Codice dell’articolo con ID 2711 è quello a destra, ovvero X6A8018 0223.
[product sku=”X6A80180223″]
Al codice di esempio (“X6A80180223”) va sostituito ovviamente il codice reale del prodotto.
Pagina del prodotto
[product_page id=”2711″]
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=”X6A80180223″]
I prodotti di una categoria
[product_category category=”zaini”]
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 è “zaini”).
È possibile definire il numero di prodotti da mostrare, il numero di colonne e l’ordinamento, utilizzando i parametri già visti.
Es.:
[products limit=”20″ columns=”4″ category=”zaini”]
Volendo potete far vedere due categorie assieme, a separarle sarà la virgola e dovrete aggiungere cat_operator=”AND”. Un esempio può essere il seguente:
[products limit=”20″ columns=”4″ category=”zaini,borse” cat_operator=”AND”]
Le categorie dei prodotti
[product_categories]
Con questo shortcode viene mostrato sulla pagina l’elenco di categorie di prodotti.
Prodotti più venduti
[best_selling_products]
Questo shortcode mostra i prodotti più venduti nell’e-commerce.
Prodotti più votati
[top_rated products]
Questo shortcode mostra l’elenco dei prodotti più votati dagli utenti.
Per il momento questo è un primo elenco, appena avrò possibilità aggiungerò altri shortcode.
Se volete segnalarne altri, potete scrivermi a info@stefanocassone.com oppure tramite il modulo di contatto.
Ciaooooooo!!