{"id":78289,"date":"2024-07-17T09:15:29","date_gmt":"2024-07-17T08:15:29","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=78289&preview=true&preview_id=78289"},"modified":"2024-07-17T16:04:22","modified_gmt":"2024-07-17T15:04:22","slug":"shortcode-woocommerce","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/shortcode-woocommerce\/","title":{"rendered":"Guida completa agli shortcode di WooCommerce"},"content":{"rendered":"

WooCommerce<\/a> \u00e8 il principale plugin di ecommerce<\/a> per WordPress, che permette a milioni di aziende di trasformare i loro siti web in solidi negozi online. Tuttavia, molte persone non conoscono i suoi shortcode<\/a>.<\/p>\n

Questa guida spiega tutto quello che c’\u00e8 da sapere sugli shortcode di WooCommerce, dagli shortcode essenziali per visualizzare i prodotti e gestire i carrelli alle personalizzazioni avanzate per un’esperienza utente su misura.<\/p>\n

Scopriamo come questi piccoli frammenti di codice possono avere un impatto significativo su un sito di e-commerce<\/a>.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Cosa sono gli shortcode?<\/h2>\n

Gli shortcode sono stati introdotti in WordPress 2.5 nel 2008<\/a>. Sono piccoli pezzi di codice racchiusi tra parentesi quadre come questo: [shortcode]<\/code>. Agiscono come placeholder che indicano a WordPress di eseguire una funzione specifica o di visualizzare determinati contenuti in modo dinamico.<\/p>\n

Ad esempio, invece di codificare manualmente una complessa griglia di prodotti, potete utilizzare uno shortcode per crearla e visualizzarla istantaneamente sul vostro sito web. In questo modo si risparmia tempo e si riduce il rischio di errori, rendendo pi\u00f9 facile la manutenzione e l’aggiornamento del sito.<\/p>\n

Nel corso degli anni gli shortcode si sono evoluti, diventando sempre pi\u00f9 potenti e versatili. WooCommerce sfrutta questa caratteristica e offre una serie di shortcode specificamente pensati per le funzionalit\u00e0 dell’e-commerce.<\/p>\n

Come iniziare con gli shortcode di WooCommerce<\/h2>\n

Per utilizzare gli shortcode di WooCommerce nel vostro sito WordPress, assicuratevi che il plugin WooCommerce<\/a> sia installato e attivato.<\/p>\n

Per farlo, accedete alla bacheca di WordPress, andate su Plugin<\/strong> > Aggiungi nuovo<\/strong> e cercate “WooCommerce”. Successivamente, fate clic su Installa ora<\/strong> sul plugin WooCommerce e attivatelo<\/strong>.<\/p>\n

Infine, potete seguire la procedura di configurazione guidata di WooCommerce per configurare le impostazioni di base come i dettagli del negozio, i metodi di pagamento e le opzioni di spedizione.<\/p>\n

Quando installate il plugin WooCommerce, il vostro sito WordPress viene aggiornato automaticamente con le pagine Carrello<\/strong>, Checkout<\/strong> e Il mio account<\/strong>. Tuttavia, potete fare ancora di pi\u00f9 con i vostri prodotti e questo \u00e8 ci\u00f2 che vedremo con gli shortcode.<\/p>\n

La sintassi di base degli shortcode<\/h3>\n

Gli shortcode di WooCommerce spesso includono attributi aggiuntivi per personalizzare il loro output. Ecco la struttura di base:<\/p>\n

[shortcode attribute1=\"value1\" attribute2=\"value2\"]<\/code><\/pre>\n
Ad esempio, lo shortcode [products limit=\"4\" columns=\"2\"]<\/code> mostra quattro prodotti in un layout a due colonne.<\/p>\n
Come aggiungere gli shortcode nei post, nelle pagine e nei widget<\/h3>\n
Gli shortcode possono essere aggiunti praticamente ovunque in WordPress. Potete aggiungerli a un post o a una pagina semplicemente digitandoli o incollandoli in qualsiasi editor di testo<\/a> all’interno di WordPress o in un blocco di shortcode se utilizzate Gutenberg<\/a> o un qualsiasi page builder<\/a>.<\/p>\n
Per questa guida, utilizziamo Gutenberg:<\/p>\n
    \n
  1. Andate su Post<\/strong> o Pagine<\/strong> nella bacheca di WordPress<\/a>.<\/li>\n
  2. Aprite il post\/pagina in cui volete aggiungere lo shortcode.<\/li>\n
  3. Cliccate sull’icona +<\/strong> per aggiungere un nuovo blocco.\n
    \"Procedura
    Procedura per aggiungere uno shortcode con i blocchi di Gutenberg in WordPress.<\/figcaption><\/figure><\/li>\n
  4. Cercate e selezionate il blocco Shortcode.<\/li>\n
  5. Incollate il vostro shortcode nel blocco.<\/li>\n<\/ol>\n
    Ad esempio, supponiamo che vogliate visualizzare una griglia con gli ultimi prodotti sulla vostra homepage. Utilizzando l’editor dei blocchi<\/a>, inserite lo shortcode: [products limit=\"3\" columns=\"3\"]<\/code> e aggiornate<\/strong> o pubblicate<\/strong> la pagina.<\/p>\n
    In questo modo si creer\u00e0 una griglia con tre prodotti visualizzati in una colonna, offrendo un modo dinamico ed elegante per mostrare le ultime offerte.<\/p>\n
    \"Visualizzazione
    Visualizzazione di una griglia di prodotti tramite uno shortcode nell’editor di blocchi di WordPress.<\/figcaption><\/figure>\n
    Potete anche aggiungere shortcode ai widget<\/a> navigando in Aspetto<\/strong> > Widget<\/strong>. Aggiungete un widget di testo<\/strong> nell’area widget desiderata (barra laterale, footer, ecc.). Inserite il vostro shortcode nella casella di testo all’interno del widget e salvate il widget.<\/p>\n
    Gli shortcode essenziali di WooCommerce<\/h2>\n
    WooCommerce offre una serie di shortcode che permettono di visualizzare i prodotti, gestire il carrello<\/a> e migliorare il processo di pagamento.<\/p>\n
    Scopriamo gli shortcode WooCommerce pi\u00f9 essenziali, i loro attributi e gli esempi dettagliati che vi aiuteranno a utilizzarli efficacemente nel vostro negozio.<\/p>\n
    Shortcode per la visualizzazione dei prodotti<\/h3>\n
    Lo shortcode [products]<\/code> \u00e8 uno degli shortcode WooCommerce pi\u00f9 versatili. Vi permette di visualizzare un elenco di prodotti in base a vari criteri.<\/p>\n
    Ha tantissimi attributi che permettono di visualizzare i prodotti come volete:<\/p>\n