Quando installi WooCommerce il plugin ti richiede, tra le altre cose, di installare automaticamente le pagine fondamentali per il corretto funzionamento del sistema (ad esempio cassa, carrello etc). Ma cosa fare se hai bisogno di generare successivamente queste pagine o vuoi procedere con la loro creazione manuale?
Eccoti una lista dei principali shortcode WooCommerce da utilizzare per la creazione delle pagine “base”.
Gli Shortcode WooCommerce Fondamentali
Se per la pagina “Shop” non esiste uno shortcode e per il suo funzionamento è sufficiente creare una pagina e associarla a tale compito dai setting di WooCommerce, per tutte le altre devi utilizzare questi shortcode woocommerce:
- [woocommerce_cart] – mostra il carrello
- [woocommerce_checkout] – mostra la pagina di checkout
- [woocommerce_order_tracking] – mostra il tracking dell’ordine
- [woocommerce_my_account] – mostra la pagina account dell’utente
Creare pagine Woocommerce con gli shortcode: Carrello
Utilizzando lo shortcode [woocommerce_cart] crei una pagina mostrando ciò che il carrello contiene, la parte relativa ai coupon, i prezzi applicati e le informazioni sui prodotti aggiunte al carrello.
Creare pagine Woocommerce con gli shortcode: Checkout
Per mostrare tutto il processo di checkout, dal calcolo delle spese di spedizione alla finalizzazione dell’ordine devi usare lo shortcode
1 |
[woocommerce_checkout] |
Creare pagine Woocommerce con gli shortcode: Modulo di tracciamento dell’ordine
Se vuoi dare la possibilità ad un cliente di vedere il processo dell’ordine e monitorarne il suo stato (creato, accettato, concluso etc) devi creare una pagina usando questo specifico shortcode
1 |
[woocommerce_order_tracking] |
Creare pagine Woocommerce con gli shortcode: My Account
Uno shortchode molto utile in WooCommerce è quello relativo al “MyAccount”che permette al cliente di rivedere gli ordini passati e aggiornare le informazioni sul suo profilo. Puoi personalizzare questo shortcode inserendo il numero o l’ordine da mostrare (di default ne mostra 15, usa -1 per mostrare tutti gli ordini). Un esempio può essere
1 |
[woocommerce_my_account order_count="12"] |
EndPoint in WooCommerce
Se presti attenzione puoi notare come WooCommerce non vada a creare delle pagine per ogni contenuto (ad esempio come “Il mio account” > “Cambia la password” ). La pagina visualizzata viene generata in automatico utilizzando quello che viene chiamato un “Endpoint”. Per questo motivo non troverai mai una pagina / shortcode per questi contenuti.
Shortocode di Prodotto in WooCommerce
Creare pagine Woocommerce con gli shortcode: Prodotti in vendita
Se vuoi mostrare un elenco di tutti i prodotti in vendita puoi utilizzare all’interno della tua pagina questo shortocode (dove 12 è il numero di prodotti da visualizzare per pagina)
1 |
[sale_products per_page=”12″] |
Creare pagine Woocommerce con gli shortcode: Prodotti più venduti
Hai bisogno di creare una pagina per mostrare i prodotti più venduti, ecco il codice da utilizzare
1 |
[best_selling_products per_page=”12″] |
Creare pagine Woocommerce con gli shortcode: Prodotti più votati
Un’ulteriore shortocode che possimo utilizzare ci permete di mostrare i prodotti più votati dagli utenti
1 |
[top_rated_products per_page=”12″] |
Creare pagine Woocommerce con gli shortcode: Prodotti con caratteristiche particolari
Una delle richieste che molto spesso mi viene fatta dai miei studenti o clienti è quella di mostrare un elenco di prodotti che abbiano una particolare caratteristica, ad esempio mostrare tutti i prodotti con il colore nero. Puoi utilizzare questo shortcode andando ad inserire qual’è l’attributo di riferimento e quale il suo tag (in questo caso color e black)
1 |
[product_attribute attribute=’color’ filter=’black’] |
Creare pagine Woocommerce con gli shortcode: Prodotti recenti
Hai bisogno di creare una landing page dove mostrare gli ultimi prodotti inseriti? Ecco lo shortcode che dovrai utilizzare. Puoi personalizzare il codice scegliendo quanti prodotti mostrare per pagina e in quante colonne
1 |
[recent_products per_page="12" columns="4"] |
Creare pagina WooCommerce con gli shortocode: Prodotti in offerta
Un’altra delle richieste che spesso mi viene fatta è come creare una pagina dove mostrare solo i prodotti in sconto. Anche qui basta creare una pagina è inserire lo shortocode specifico per i prodotti in saldo
1 |
[products on_sale="true" columns="4" limit="4" paginate="true"] |
Creare pagine Woocommerce con gli shortcode: Prodotto singolo
Potresti aver bisogno di mostrare all’interno di una pagina un singolo prodotto (ad esempio se stai costruendo una landing page o una pagina di donazione). Per farlo devi recuperare l’ID del prodotto o il suo SKU (Stock Keeping Unit) e usare uno shortcode come questo
1 2 |
[product id="2162"] [product sku="FOO"] |
* Se il prodotto non viene mostrato in frontent, assicurati che non sia impostato su Nascosto nelle opzioni di visibilità del Catalogo.
Per trovare l’ID del prodotto entra nella scheda di modifica del prodotto e dalla barra degl indirizzi controlla quanto viene riportato. L’ID del prodotto è subito dopo la dicitura “post” nell’indirizzo URL, come ad esempio:
http://www.miosito.it/wp-admin/post.php?post=15801&action=edit
In questo caso l’ID del prodotto è 15801
Creare pagine Woocommerce con gli shortcode: Prodotti multipli
Se vuoi ottenere lo stesso risultato di cui sopra ma mostrare all’interno della stessa pagina più prodotti il codice che dovrai utilizzare dovrà essere come questo:
1 2 |
[products ids="1, 2, 3, 4, 5"] [products skus="foo, bar, baz" orderby="date" order="desc"] |
Creare pagine Woocommerce con gli shortcode: Aggiungi al carrello
Questo shortcode può risultare utile se vuoi rendere disponibile il download o l’acquisto in tempi previ di uno specifico prodotto. Con questo codice infatti verrà mostrato all’utente il prezzo e il tasto “aggiungi al carrello” per il prodotto specifico inserito in shotcode tramite ID
1 |
[add_to_cart id="99"] |
I prodotti che ti consiglio