{"id":76069,"date":"2024-01-23T19:25:11","date_gmt":"2024-01-23T18:25:11","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=76069&#038;preview=true&#038;preview_id=76069"},"modified":"2024-01-24T15:56:26","modified_gmt":"2024-01-24T14:56:26","slug":"woocommerce-blocks","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/","title":{"rendered":"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress"},"content":{"rendered":"<p>WooCommerce Blocks aiuta a creare pagine del negozio personalizzate, a mettere in evidenza i prodotti e ad aggiungere funzionalit\u00e0 avanzate di ecommerce come filtri e ricerche, il tutto senza scrivere una sola riga di codice.<\/p>\n<p>Molti blocchi vengono forniti di default con WooCommerce, ma alcuni nuovi blocchi no. Potete per\u00f2 utilizzare questi nuovi blocchi nel vostro negozio WooCommerce installando il <a href=\"https:\/\/wordpress.org\/plugins\/woo-gutenberg-products-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin WooCommerce Blocks WordPress<\/a>. Questo plugin \u00e8 un terreno di prova per le offerte sperimentali e le potenziali aggiunte future ai blocchi WooCommerce di base.<\/p>\n<p>Integrare WooCommerce Blocks in WordPress \u00e8 semplice con Kinsta; infatti, potrete includere WooCommerce durante il processo di configurazione <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/wordpress-come-iniziare\/nuovo-sito\/#install-woocommerce\">selezionando una casella<\/a>. Questa integrazione facilita la creazione di un negozio online rendendola rapida e semplice.<\/p>\n<p>Questa guida pratica spiega come aggiungere le funzionalit\u00e0 di WooCommerce al proprio sito WordPress utilizzando WooCommerce Blocks.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Prerequisiti<\/h2>\n<p>Per seguire questa guida, \u00e8 necessario avere:<\/p>\n<ul>\n<li><a href=\"https:\/\/en-ca.wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce<\/a> installato e attivato nella bacheca di WordPress<\/li>\n<li><a href=\"https:\/\/kinsta.com\/wordpress\/\">Dimestichezza con WordPress<\/a><\/li>\n<\/ul>\n<p>Se non avete gi\u00e0 un sito WordPress, potete <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/wordpress-come-iniziare\/nuovo-sito\/\">creare un sito WordPress con la dashboard di Kinsta<\/a> o <a href=\"https:\/\/kinsta.com\/it\/blog\/creare-sito-wordpress-offline\/\">tramite DevKinsta in locale<\/a>. Una volta creato il sito, importate <a href=\"https:\/\/github.com\/woocommerce\/woocommerce\/blob\/trunk\/plugins\/woocommerce\/sample-data\/sample_products.csv\" target=\"_blank\" rel=\"noopener noreferrer\">questi prodotti di esempio<\/a> nel vostro negozio WooCommerce.<\/p>\n<h2>WooCommerce Blocks<\/h2>\n<p>L&#8217;editor di blocchi predefinito di WordPress, introdotto con la versione 5.0, \u00e8 l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">editor Gutenberg<\/a>. Ha sostituito l&#8217;editor classico con un sistema a blocchi, consentendo agli utenti di creare e personalizzare contenuti visivamente accattivanti senza dover avere conoscenze approfondite di codifica.<\/p>\n<p>WooCommerce Blocks si integra perfettamente con l&#8217;intuitiva interfaccia drag-and-drop dell&#8217;editor Gutenberg, offrendo una serie di blocchi dedicati alla visualizzazione dei prodotti, alla gestione del carrello, ai processi di pagamento e altro ancora.<\/p>\n<p>Questa integrazione permette di sfruttare appieno la flessibilit\u00e0 e la semplicit\u00e0 dell&#8217;editor di blocchi, adattando al contempo il vostro sito WordPress per ottenere prestazioni ecommerce ottimali.<\/p>\n<p>Per utilizzare i blocchi WooCommerce, aprite o create una pagina o un post. Cliccate sul pulsante <strong>+<\/strong> nella barra in alto per visualizzare tutti i blocchi, quindi andate alla sezione <strong>WOOCOMMERCE<\/strong>. Ecco una breve panoramica dei diversi blocchi:<\/p>\n<ul>\n<li><strong>Product Search<\/strong>: aggiunge una barra di ricerca per una rapida ricerca dei prodotti da parte dei clienti.<\/li>\n<li><strong>All Products<\/strong>: mostra tutti i prodotti del negozio in una griglia.<\/li>\n<li><strong>All Reviews<\/strong>: elenca tutte le recensioni dei prodotti.<\/li>\n<li><strong>Classic Checkout<\/strong>: mostra il classico shortcode per il checkout.<\/li>\n<li><strong>Classic Cart<\/strong>: mostra il classico shortcode del carrello.<\/li>\n<li><strong>Customer Account<\/strong>: abilita le funzionalit\u00e0 di login e logout del cliente.<\/li>\n<li><strong>Featured Category <\/strong>: mette in evidenza una categoria di prodotti e una call-to-action (CTA) per incoraggiare le risposte immediate.<\/li>\n<li><strong>Featured Product<\/strong>: evidenzia un prodotto o una variante e una CTA.<\/li>\n<li><strong>Active Filters<\/strong>: mostra i filtri attualmente attivi.<\/li>\n<li><strong>Filter by Price<\/strong>: mostra una fascia di prezzo che i clienti possono utilizzare per filtrare i prodotti.<\/li>\n<li><strong>Filter by Stock<\/strong>: permette di filtrare i prodotti in base allo stato delle giacenze.<\/li>\n<li><strong>Filter by Attribute<\/strong>: filtra i prodotti in base ad attributi come la taglia o il colore.<\/li>\n<li><strong>Filter by Rating<\/strong>: permette ai clienti di filtrare i prodotti in base alla loro valutazione.<\/li>\n<li><strong>Hand-Picked Products<\/strong>: mostra una selezione di prodotti scelti a mano in una griglia.<\/li>\n<li><strong>Mini Cart<\/strong>: fornisce un pulsante per la visualizzazione rapida del carrello.<\/li>\n<li><strong>Store Notices<\/strong>: mostra le notifiche per i clienti generate da WooCommerce o da altre estensioni.<\/li>\n<li><strong>Best Selling Products<\/strong>: mostra una griglia con i prodotti pi\u00f9 venduti del negozio.<\/li>\n<li><strong>Products Categories List<\/strong>: mostra tutte le categorie di prodotti come un elenco o un menu a tendina.<\/li>\n<li><strong>Products by Category<\/strong>: mostra una griglia di prodotti delle categorie selezionate.<\/li>\n<li><strong>Product Collection (Beta)<\/strong>: mostra i prodotti di una determinata collezione.<\/li>\n<li><strong>Newest Products<\/strong>: mostra i prodotti pi\u00f9 recenti in una griglia.<\/li>\n<li><strong>On Sale Products<\/strong>: mostra gli articoli in vendita in una griglia.<\/li>\n<li><strong>Products by Tag<\/strong>: mostra i prodotti con il tag selezionato in una griglia.<\/li>\n<li><strong>Top Rated Products<\/strong>: mostra i prodotti con recensioni pi\u00f9 alte in una griglia.<\/li>\n<li><strong>Products by Attribute<\/strong>: mostra i prodotti con gli attributi selezionati in una griglia.<\/li>\n<li><strong>Reviews by Category<\/strong>: mostra le recensioni dei prodotti delle categorie specificate.<\/li>\n<li><strong>Reviews by Product<\/strong>: mostra le recensioni organizzate per prodotto.<\/li>\n<li><strong>Single Product<\/strong>: mostra un singolo prodotto.<\/li>\n<li><strong>Cart<\/strong>: mostra il carrello.<\/li>\n<li><strong>Checkout<\/strong>: mostra il modulo che permette ai clienti di inviare gli ordini.<\/li>\n<\/ul>\n<p>Ora sapete cosa rappresenta ogni blocco. Utilizzeremo alcuni di questi blocchi per creare un&#8217;esperienza di e-commerce.<\/p>\n<h2>Utilizzare il blocco Product Grid in WooCommerce<\/h2>\n<p>Il blocco Product Grid, o griglia prodotti, \u00e8 uno strumento versatile per mostrare i prodotti del vostro negozio in un formato organizzato e a griglia sul vostro sito WordPress. Ecco come aggiungere e personalizzare un blocco griglia prodotti:<\/p>\n<ol start=\"1\">\n<li>Andate alla pagina o al post in cui volete mostrare i prodotti. Assegnate un titolo come &#8220;Products&#8221; o &#8220;Prodotti&#8221;.<\/li>\n<li>Cliccate sul pulsante <strong>+<\/strong> nella barra di navigazione superiore per visualizzare tutti i blocchi. Scorrete fino alla sezione <strong>WOOCOMMERCE<\/strong> e selezionate <strong>All Products<\/strong>. Questa azione mostra i vostri prodotti in un layout a griglia sulla pagina.\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/all-products-woocommerce-block.png\" alt=\"Utilizzo del blocco All Products di WooCommerce per visualizzare i prodotti in una griglia\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Utilizzo del blocco All Products di WooCommerce per visualizzare i prodotti in una griglia.<\/figcaption><\/figure><\/li>\n<li>Per configurare questo blocco, utilizzate il pannello delle impostazioni del blocco sul lato destro. Potete accedere alle impostazioni cliccando sull&#8217;icona <strong>Impostazioni<\/strong> (la seconda icona pi\u00f9 a destra nella barra di navigazione superiore).\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/all-products-setting.png\" alt=\"Pannello delle impostazioni per regolare il blocco All Products\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Pannello delle impostazioni per regolare il blocco All Products.<\/figcaption><\/figure>\n<p>Qui potete personalizzare il layout, il contenuto e lo stile della griglia:<\/p>\n<ul>\n<li><strong>Layout Settings:<\/strong> permette di regolare il numero di righe e colonne. Ad esempio, impostate entrambi su 2 per ottenere un aspetto equilibrato.<\/li>\n<li><strong>Content Settings:<\/strong> decidete se includere un menu a tendina di ordinamento per i clienti. Questa funzione permette ai clienti di ordinare i prodotti in un ordine prestabilito. Se preferite, potete disabilitarla.<\/li>\n<li><strong>Advanced Styling:<\/strong> se necessario, potete aggiungere delle classi CSS per uno stile pi\u00f9 sofisticato.<\/li>\n<\/ul>\n<\/li>\n<li>Visualizzate l&#8217;anteprima della pagina una volta finalizzate le configurazioni per assicurarvi che tutto appaia come previsto. Poi, cliccate sul pulsante <strong>Pubblica<\/strong>. Questo passaggio permette di rendere la pagina accessibile pubblicamente, privatamente o con protezione tramite password, in base alle vostre preferenze.\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/products-page.png\" alt=\"La pagina aggiornata dei Prodotti mostra i prodotti in una griglia 2 per 2 con una barra di navigazione\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">La pagina aggiornata dei Prodotti mostra i prodotti in una griglia 2 per 2 con una barra di navigazione.<\/figcaption><\/figure><\/li>\n<\/ol>\n<h2>Aggiungere un blocco Featured Product a una pagina o a un post<\/h2>\n<p>Il blocco Featured Product permette di mettere in evidenza un prodotto in una pagina o in un vostro post. Potete selezionare un prodotto, personalizzarne le impostazioni di visualizzazione e aggiungerlo al vostro contenuto per attirare l&#8217;attenzione su un particolare articolo che volete mettere in evidenza.<\/p>\n<p>Seguite questi passaggi per aggiungere un blocco Featured Product:<\/p>\n<ol start=\"1\">\n<li>Iniziate navigando verso la pagina o il post in cui volete inserire il prodotto. Immaginate di stare progettando una griglia di prodotti e di voler posizionare il prodotto in evidenza in alto. Create uno spazio in quella posizione e noterete un pulsante <strong>+<\/strong> sulla sinistra.<br \/>\nIn alternativa, se avete un blocco esistente vicino al punto desiderato, cliccate sui tre punti verticali per far apparire un menu. Potete scegliere se aggiungerlo prima, <strong>Add before<\/strong>, o dopo, <strong>Add after<\/strong>.<\/p>\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/menu-dialog.png\" alt=\"La pagina Products mostra un menu con le opzioni Copy, Add before, Add after, Group, Lock, Create pattern, e Delete\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Aggiunta del blocco Featured Product prima del blocco All Products.<\/figcaption><\/figure><\/li>\n<li>Selezionate il pulsante <strong>+<\/strong> nella barra di navigazione superiore per visualizzare tutti i blocchi e cercate <strong>Featured Product<\/strong>.\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/featured-product-block.png\" alt=\"Selezionare un prodotto come prodotto in primo piano con il blocco Featured Product\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Selezionare un prodotto come prodotto in primo piano con il blocco Featured Product.<\/figcaption><\/figure><\/li>\n<li>Scegliete il prodotto che volete mettere in evidenza. Poi, cliccate su <strong>Done<\/strong>.<\/li>\n<li>Per dare al blocco Featured Product un aspetto unico, cliccate su <strong>Settings<\/strong>. Dal pannello delle impostazioni del blocco, potrete:\n<ul>\n<li>Decidere se mostrare la descrizione e il prezzo del prodotto.<\/li>\n<li>Configurare la visualizzazione dei media (immagini e video).<\/li>\n<li>Specificare il testo alt per l&#8217;immagine del prodotto.<\/li>\n<li>Scegliere il colore di sovrapposizione del blocco.<\/li>\n<li>Regolare l&#8217;opacit\u00e0 del blocco.<\/li>\n<\/ul>\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/block-settings-featured-product.png\" alt=\"Il pannello delle impostazioni del blocco con l'opzione Overlay e Opacity\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Regolazione delle impostazioni del blocco Featured Product.<\/figcaption><\/figure><\/li>\n<li>Dopo aver effettuato tutte le regolazioni necessarie, potete pubblicare la pagina o aggiornarla se \u00e8 gi\u00e0 attiva. In questo modo potrete vedere il blocco in azione e assicurarvi che abbia l&#8217;aspetto che desiderate.\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/products-page-1.png\" alt=\"Anteprima della pagina prodotti aggiornata che mostra il berretto in evidenza sopra la griglia dei prodotti\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Anteprima della pagina prodotti aggiornata che mostra il berretto in evidenza sopra la griglia dei prodotti.<\/figcaption><\/figure><\/li>\n<\/ol>\n<h2>Utilizzare i blocchi filtro in WooCommerce<\/h2>\n<p>I blocchi filtro consentono ai clienti di affinare la ricerca dei prodotti in base a criteri specifici, aiutandoli a trovare rapidamente i prodotti che corrispondono alle loro preferenze o esigenze.<\/p>\n<ol start=\"1\">\n<li>Andate alla pagina o al post in cui volete aggiungere i blocchi. Questa guida utilizza la stessa pagina <strong>Products<\/strong> dei passi precedenti.<\/li>\n<li>Scegliete dove aggiungere i filtri.<\/li>\n<li>Cliccate sul pulsante <strong>+<\/strong> nella barra di navigazione superiore per visualizzare tutti i blocchi. Scorrete verso il basso fino alla sezione <strong>WOOCOMMERCE<\/strong> e troverete un&#8217;opzione di filtro per prezzo, giacenza, attributo e valutazione. Ad esempio, scegliete <strong>Filter by Price<\/strong> per filtrare per prezzo.<\/li>\n<\/ol>\n<h3>Aggiunta del blocco Filter by Price<\/h3>\n<p>Selezionando questo blocco, potete visualizzare una barra di prezzi che permette agli utenti di filtrare i prodotti che appaiono nella pagina in base alla fascia di prezzo desiderata. Potete personalizzare le impostazioni del blocco nel pannello di destra in base alle vostre esigenze.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/filter-by-price.png\" alt=\"Aggiunta di un filtro per il prezzo con il blocco Filter by Price\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Aggiunta del blocco Filter by Price.<\/figcaption><\/figure>\n<h3>Aggiunta del blocco Filter by Attribute<\/h3>\n<p>Potete anche utilizzare il blocco <strong>Filter by Attribute<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/filter-by-attribute.png\" alt=\"Aggiunta di un filtro per gli attributi con il blocco Filter by Attribute\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Selezionare gli attributi del prodotto.<\/figcaption><\/figure>\n<p>Potete scegliere un attributo specifico, come ad esempio il <strong>Colore<\/strong>, e poi configurare le impostazioni di conseguenza. Ad esempio, potete attivare la funzione <strong>Display product count<\/strong> per mostrare il numero di prodotti disponibili in ciascun colore.<\/p>\n<p>Potete quindi visualizzare la pagina live e testare la funzionalit\u00e0 dei pulsanti di filtro.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/filter-output.png\" alt=\"La parte superiore della pagina del prodotto aggiornata mostra una barra di scorrimento regolabile per filtrare il prezzo e un'opzione per filtrare in base all'attributo colore con opzioni per blu, grigio, verde, rosso e giallo.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Anteprima della funzionalit\u00e0 del filtro.<\/figcaption><\/figure>\n<p>Seguendo questi passaggi, potrete offrire ai vostri clienti un&#8217;esperienza d&#8217;acquisto senza interruzioni, consentendo loro di affinare facilmente la ricerca dei prodotti in base a vari criteri, migliorando la loro soddisfazione e aiutandoli a trovare i prodotti desiderati.<\/p>\n<h2>Pagine del carrello e del checkout<\/h2>\n<p>Le funzionalit\u00e0 del carrello e del checkout del vostro negozio web devono essere intuitive e perfettamente funzionanti per garantire un&#8217;esperienza d&#8217;acquisto fluida. Per garantire un&#8217;eccellente esperienza al cliente \u00e8 necessario gestire in modo efficace gli articoli del carrello e facilitare il <a href=\"https:\/\/kinsta.com\/it\/blog\/checkout-woocommerce\/\">processo di checkout<\/a>.<\/p>\n<p>WooCommerce crea le pagine del <strong>carrello<\/strong> e del <strong>checkout<\/strong> in modo predefinito utilizzando i blocchi appropriati. I clienti possono aggiungere prodotti al carrello e accedervi attraverso la barra di navigazione.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/cart-page.png\" alt=\"Pagina del carrello con maglietta, opzione codice coupon, subtotale, totale e pulsante di checkout\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">La pagina del carrello.<\/figcaption><\/figure>\n<p>Dopo aver confermato il contenuto del carrello, il cliente pu\u00f2 fare clic sul pulsante <strong>Procedi al Checkout<\/strong>, compilare i dati necessari ed effettuare l&#8217;ordine.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/checkout-page.png\" alt=\"Il modulo Checkout contiene i campi per le informazioni di contatto del cliente, l'indirizzo di fatturazione e l'opzione di pagamento\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">La pagina di checkout.<\/figcaption><\/figure>\n<h2>Come creare una pagina del negozio personalizzata<\/h2>\n<p>Ora che abbiamo imparato a utilizzare alcuni blocchi di WooCommerce, il passo successivo consiste nel combinarli per creare una pagina del negozio personalizzata e facile da usare con i seguenti blocchi:<\/p>\n<ul>\n<li>Product Search<\/li>\n<li>Filter by Price<\/li>\n<li>Product Categories<\/li>\n<li>Featured Product<\/li>\n<li>All Products<\/li>\n<\/ul>\n<p>Per creare questo layout personalizzato del negozio, create una nuova pagina e seguite questi passaggi.<\/p>\n<ol start=\"1\">\n<li>Inserite &#8220;Shop&#8221; o &#8220;Negozio&#8221; come titolo della pagina.\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/shop-page.png\" alt=\"Editor della pagina del negozio con testo, colore, tipografia, dimensioni e opzioni avanzate\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">La pagina del Negozio in modalit\u00e0 di modifica.<\/figcaption><\/figure><\/li>\n<li>Utilizzando gli stessi passaggi di prima per aggiungere un blocco, aggiungete il blocco <strong>Product Search<\/strong>. Non applicate alcuna configurazione.\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/product-search-block.png\" alt=\"La selezione del blocco con l'opzione Product Search selezionata\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Aggiunta del blocco Product Search.<\/figcaption><\/figure><\/li>\n<li>Aggiungete il blocco <strong>Product Categories List<\/strong>.\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/products-categories.png\" alt=\"La selezione del blocco con l'opzione Product Categories List selezionata\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Aggiungere il blocco Product Categories List.<\/figcaption><\/figure>\n<p>Nella pagina di impostazione del blocco, impostate <strong>DISPLAY STYLE<\/strong> su <strong>Dropdown<\/strong>.<\/p>\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/product-categories-drop-down.png\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Regolazione delle impostazioni del blocco Product Categories List.<\/figcaption><\/figure><\/li>\n<li>Successivamente, aggiungete il blocco <strong>Filter by Price<\/strong>. Non configurate nulla per questo blocco.<\/li>\n<li>Aggiungete il blocco <strong>Featured Product<\/strong> e selezionate il prodotto da visualizzare. Applicate le stesse configurazioni del blocco Featured Product che abbiamo realizzato in precedenza.\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/featured-product-shop-page.png\" alt=\"The Shop page shows the featured cap product with some settings for the featured product\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">La pagina del negozio mostra il prodotto cappello con alcune impostazioni per il prodotto in primo piano.<\/figcaption><\/figure><\/li>\n<li>Aggiungete il blocco <strong>All Products<\/strong>.\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/product-grid-shop-page.png\" alt=\"Il blocco All Products \u00e8 utilizzato per aggiungere una griglia di prodotti alla pagina del negozio.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Aggiunta del blocco All Products.<\/figcaption><\/figure>\n<p>Per quanto riguarda le impostazioni di questo blocco, impostate i valori <strong>COLUMNS <\/strong>e <strong>ROWS<\/strong> su 2 e deselezionate la voce <strong>Show Sorting Dropdown<\/strong>.<\/p>\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/set-all-products-block.png\" alt=\"Applicare le impostazioni al blocco All Products per modificarne la vista\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Regolare le impostazioni del blocco All Products.<\/figcaption><\/figure><\/li>\n<li>Pubblicate la pagina e controllate il risultato.\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/preview-shop-page.png\" alt=\"Anteprima della pagina del negozio dopo l'aggiunta di tutti i blocchi WooCommerce\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Anteprima della pagina del negozio.<\/figcaption><\/figure>\n<p><figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/01\/shop-page-view.png\" alt=\"La pagina del negozio elenca i prodotti in una griglia 2 a 2. Sotto ogni articolo \u00e8 presente un pulsante per aggiungere al carrello o visualizzare i prodotti.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Anteprima della pagina del Negozio.<\/figcaption><\/figure><\/li>\n<\/ol>\n<h2>Come monitorare e analizzare le prestazioni dei blocchi<\/h2>\n<p>I solidi strumenti di Kinsta monitorano e analizzano le prestazioni delle pagine che utilizzano i blocchi WooCommerce.<\/p>\n<h3>Strumento APM di Kinsta<\/h3>\n<p>Lo <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/wordpress-monitoraggio\/strumento-apm\/\">strumento APM (Application Performance Monitoring)<\/a> di Kinsta permette di monitorare le prestazioni delle pagine che contengono i blocchi WooCommerce. Cattura informazioni con data e ora sui processi PHP, sulle query del database MySQL e su altre metriche cruciali, consentendo di monitorare e analizzare le transazioni facilitate da WooCommerce.<\/p>\n<p>Ad esempio, potete analizzare la durata e la frequenza delle interazioni e i potenziali colli di bottiglia associati a queste pagine. Grazie a queste informazioni, potrete risolvere con precisione i problemi e ottimizzare le prestazioni.<\/p>\n<h3>Lo strumento di analisi di Kinsta<\/h3>\n<p>Valutare l&#8217;impatto dei blocchi WooCommerce sul coinvolgimento degli utenti e sulle vendite richiede un approccio multiforme. Gli strumenti di analisi completi di Kinsta giocano un ruolo fondamentale in questo senso. L&#8217;utilizzo delle funzioni di analisi di WordPress all&#8217;interno della dashboard di MyKinsta offre preziose informazioni su diverse metriche di performance che influenzano direttamente l&#8217;esperienza degli utenti e, di conseguenza, le vendite.<\/p>\n<ul>\n<li>La sezione <strong>Risorse<\/strong> della dashboard di MyKinsta tiene traccia delle visite totali del vostro sito, dello spazio su disco e dell&#8217;utilizzo della larghezza di banda. Fornisce una panoramica quantitativa del traffico del sito e dell&#8217;utilizzo delle risorse.<\/li>\n<\/ul>\n<ul>\n<li>La sezione <strong>Prestazioni<\/strong> include metriche come il tempo medio di risposta di PHP + MySQL e l&#8217;utilizzo di AJAX. Queste statistiche aiutano a monitorare la reattivit\u00e0 e l&#8217;interattivit\u00e0 delle pagine che utilizzano i blocchi WooCommerce.<\/li>\n<\/ul>\n<ul>\n<li>La sezione <strong>Risposta<\/strong> fornisce la suddivisione dei codici di risposta e l&#8217;analisi degli errori, aiutandovi a comprendere meglio le interazioni degli utenti e i potenziali ostacoli che possono incontrare.<\/li>\n<\/ul>\n<ul>\n<li>Le <strong>sezione Geo &#038; IP<\/strong>, <strong>Utilizzo CDN<\/strong> e <strong>Cache<\/strong> permettono di monitorare le informazioni geografiche, l&#8217;utilizzo della rete di distribuzione dei contenuti (CDN) e l&#8217;efficienza della cache. Queste informazioni vi aiutano a perfezionare il vostro sito in base al comportamento degli utenti, alla loro posizione e ai dati sulle prestazioni.<\/li>\n<\/ul>\n<p>Monitorando attentamente queste analisi, potete identificare i potenziali colli di bottiglia e ottimizzare le vostre pagine utilizzando WooCommerce Blocks per garantire un&#8217;esperienza utente fluida e coinvolgente.<\/p>\n<p>Potete leggere la nostra guida definitiva sui <a href=\"https:\/\/kinsta.com\/it\/blog\/velocizzare-woocommerce\/\">18 modi per velocizzare un negozio WooCommerce<\/a> per scoprire altri suggerimenti. La velocit\u00e0 \u00e8 fondamentale per i negozi online, poich\u00e9 i siti che si caricano lentamente causano frustrazione negli utenti e, di conseguenza, perdita di profitto.<\/p>\n<h2>Riepilogo<\/h2>\n<p>Questa guida ha esplorato le funzionalit\u00e0 di WooCommerce Blocks, dall&#8217;aggiunta di griglie di prodotti e prodotti in primo piano all&#8217;implementazione di potenti blocchi di filtri. Ha inoltre illustrato l&#8217;importanza dei box del carrello e del checkout, elementi fondamentali per guidare i clienti in un&#8217;esperienza di acquisto ottimale.<\/p>\n<p>La combinazione strategica dei vari blocchi di WooCommerce permette di creare un layout intuitivo e visivamente accattivante. Il processo prevede un&#8217;attenta selezione, configurazione e disposizione dei blocchi per soddisfare le funzionalit\u00e0 specifiche e le preferenze dei clienti.<\/p>\n<p>Scegliere il servizio di <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/\">hosting WordPress<\/a> di Kinsta migliora notevolmente le prestazioni e l&#8217;affidabilit\u00e0 dei vostri siti WooCommerce. Grazie alle configurazioni ottimizzate dei server, alle solide misure di sicurezza e alla scalabilit\u00e0 senza soluzione di continuit\u00e0, Kinsta garantisce che il vostro negozio online operi al massimo dell&#8217;efficienza.<\/p>\n<p>Se utilizzate i blocchi WooCommerce per la visualizzazione dei prodotti, i filtri o le funzionalit\u00e0 del carrello, l&#8217;infrastruttura di hosting di Kinsta offre la velocit\u00e0 e la stabilit\u00e0 necessarie per offrire un&#8217;esperienza di acquisto eccezionale ai vostri clienti.<\/p>\n<p><em>Avete gi\u00e0 avuto modo di utilizzare i blocchi di WooCommerce? Se s\u00ec, qual \u00e8 il vostro blocco preferito e quale nuovo blocco vorreste vedere aggiunto? Condividete ci\u00f2 che pensate con noi nella sezione commenti.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce Blocks aiuta a creare pagine del negozio personalizzate, a mettere in evidenza i prodotti e ad aggiungere funzionalit\u00e0 avanzate di ecommerce come filtri e ricerche, &#8230;<\/p>\n","protected":false},"author":287,"featured_media":76070,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26195,25873,25852],"class_list":["post-76069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-ecommerce-wordpress","topic-sviluppo-wordpress","topic-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Crea pagine di negozio personalizzate, metti in evidenza i tuoi prodotti e aggiungi funzionalit\u00e0 avanzate come i filtri al tuo ecommerce .\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress\" \/>\n<meta property=\"og:description\" content=\"Crea pagine di negozio personalizzate, metti in evidenza i tuoi prodotti e aggiungi funzionalit\u00e0 avanzate come i filtri al tuo ecommerce .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-23T18:25:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-24T14:56:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Crea pagine di negozio personalizzate, metti in evidenza i tuoi prodotti e aggiungi funzionalit\u00e0 avanzate come i filtri al tuo ecommerce .\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress\",\"datePublished\":\"2024-01-23T18:25:11+00:00\",\"dateModified\":\"2024-01-24T14:56:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/\"},\"wordCount\":2695,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/\",\"name\":\"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg\",\"datePublished\":\"2024-01-23T18:25:11+00:00\",\"dateModified\":\"2024-01-24T14:56:26+00:00\",\"description\":\"Crea pagine di negozio personalizzate, metti in evidenza i tuoi prodotti e aggiungi funzionalit\u00e0 avanzate come i filtri al tuo ecommerce .\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress - Kinsta\u00ae","description":"Crea pagine di negozio personalizzate, metti in evidenza i tuoi prodotti e aggiungi funzionalit\u00e0 avanzate come i filtri al tuo ecommerce .","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/","og_locale":"it_IT","og_type":"article","og_title":"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress","og_description":"Crea pagine di negozio personalizzate, metti in evidenza i tuoi prodotti e aggiungi funzionalit\u00e0 avanzate come i filtri al tuo ecommerce .","og_url":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2024-01-23T18:25:11+00:00","article_modified_time":"2024-01-24T14:56:26+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Crea pagine di negozio personalizzate, metti in evidenza i tuoi prodotti e aggiungi funzionalit\u00e0 avanzate come i filtri al tuo ecommerce .","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Joel Olawanle","Tempo di lettura stimato":"13 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress","datePublished":"2024-01-23T18:25:11+00:00","dateModified":"2024-01-24T14:56:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/"},"wordCount":2695,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/","url":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/","name":"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg","datePublished":"2024-01-23T18:25:11+00:00","dateModified":"2024-01-24T14:56:26+00:00","description":"Crea pagine di negozio personalizzate, metti in evidenza i tuoi prodotti e aggiungi funzionalit\u00e0 avanzate come i filtri al tuo ecommerce .","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/woocommerce-blocks-tutorial.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/it\/argomenti\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"WooCommerce Blocks: aggiungere le funzionalit\u00e0 di WooCommerce a un sito WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/it\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/76069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=76069"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/76069\/revisions"}],"predecessor-version":[{"id":76081,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/76069\/revisions\/76081"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/translations\/es"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76069\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/76070"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=76069"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=76069"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=76069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}