{"id":72019,"date":"2023-08-07T17:00:28","date_gmt":"2023-08-07T16:00:28","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=72019&#038;preview=true&#038;preview_id=72019"},"modified":"2023-08-10T07:55:34","modified_gmt":"2023-08-10T06:55:34","slug":"woocommerce-elementor","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/","title":{"rendered":"WooCommerce ed Elementor: come creare un negozio con stile"},"content":{"rendered":"<p>WooCommerce aggiunge funzionalit\u00e0 di ecommerce a un sito WordPress, ma cosa succede quando si vuole qualcosa di pi\u00f9 degli strumenti di progettazione integrati di WooCommerce?<\/p>\n<p>Come avrete gi\u00e0 scoperto, WooCommerce limita le possibilit\u00e0 di progettazione, soprattutto <a href=\"https:\/\/kinsta.com\/it\/blog\/come-aggiungere-prodotti-in-woocommerce\/\">per quanto riguarda le pagine dei prodotti<\/a> e l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/checkout-woocommerce\/\">area di pagamento<\/a>.<\/p>\n<p>\u00c8 qui che entra in gioco l&#8217;integrazione di WooCommerce con Elementor, che offre funzionalit\u00e0 drag-and-drop, controllo creativo su tutte le pagine di WooCommerce e supporto per i <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-temi-elementor\/\">temi<\/a> e gli <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-addon-elementor\/\">addon avanzati di Elementor per WooCommerce<\/a> che altrimenti non potreste utilizzare.<\/p>\n<p>In questa guida esploriamo le basi di WooCommerce ed Elementor, come funzionano insieme e come creare un bellissimo sito di ecommerce con la combinazione WooCommerce-Elementor. Continuate a leggere per iniziare.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Cos&#8217;\u00e8 WooCommerce?<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/tutorial-woocommerce\/\">WooCommerce<\/a> \u00e8 un plugin per WordPress che trasforma qualsiasi installazione standard di WordPress in un sito di ecommerce.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/woocommerce-site.jpeg\" alt=\"Homepage di WooCommerce. \" width=\"1600\" height=\"847\"><figcaption class=\"wp-caption-text\">WooCommerce<\/figcaption><\/figure>\n<p>\u00c8 la soluzione pi\u00f9 popolare per gestire un negozio online su WordPress grazie alla sua rapida integrazione nell&#8217;ecosistema WordPress, alla solida raccolta di temi ecommerce supportati e alla flessibilit\u00e0 di sviluppo avanzata.<\/p>\n<p>Ecco alcune caratteristiche principali di WooCommerce:<\/p>\n<ul>\n<li><strong>Vendita di prodotti digitali e fisici:<\/strong> WooCommerce supporta anche un&#8217;ampia gamma di altri tipi di prodotti, tra cui abbonamenti, prodotti variabili, prodotti affiliati e prodotti raggruppati.<\/li>\n<li><strong>Gestione del negozio ecommerce:<\/strong> WooCommerce gestisce gli ordini, l&#8217;inventario dei prodotti e tutti i contatti all&#8217;interno della sua dashboard.<\/li>\n<li><strong>Creazione automatizzata di pagine ecommerce essenziali:<\/strong> Una volta attivato WooCommerce sul sito, avrete una pagina del negozio, una pagina del carrello, una pagina &#8220;il mio account&#8221; e molte altre.<\/li>\n<li><strong>Estendibilit\u00e0 e scalabilit\u00e0: <\/strong>Esiste un vasto ecosistema di plugin, estensioni e componenti aggiuntivi per WooCommerce, che permette di incorporare nuove funzionalit\u00e0 non integrate. \u00c8 anche facile scalare un&#8217;attivit\u00e0 con WooCommerce grazie al suo supporto per grandi quantit\u00e0 di ordini, prodotti e altri dati.<\/li>\n<li><strong>Comunit\u00e0 e supporto:<\/strong> Anche se non c&#8217;\u00e8 un supporto umano diretto, WooCommerce ha una grande comunit\u00e0 di sviluppatori e utenti attivi e internet \u00e8 pieno di forum e tutorial per trovare soluzioni.<\/li>\n<li><strong>Pagamenti, spedizioni e tasse:<\/strong> \u00c8 possibile scegliere tra centinaia di processori di pagamento e collegati al fornitore di spedizioni preferito. Si possono anche impostare le tasse in base alle zone.<\/li>\n<li><strong>Dati analitici:<\/strong> Poche piattaforme di ecommerce possono competere con il robusto set di report e analisi fornito da WooCommerce. \u00c8 possibile tenere traccia delle prestazioni del negozio durante tutto l&#8217;anno e analizzare tutto, dalle azioni dei clienti alle entrate giornaliere.<\/li>\n<\/ul>\n<p>Nel complesso, WooCommerce offre un&#8217;ampia gamma di funzionalit\u00e0 che lo rendono il plugin ecommerce ideale per WordPress. Detto questo, ci sono altri plugin per l&#8217;ecommerce da prendere in considerazione, che vi consigliamo prima di affidarvi completamente a WooCommerce.<\/p>\n\n<h2>A cosa serve Elementor?<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-elementor\/\">Elementor<\/a> serve a controllare facilmente il design di qualsiasi sito web WordPress. Si integra perfettamente con WooCommerce. In questo modo si possono personalizzare gli elementi del proprio negozio WooCommerce che normalmente non sono modificabili.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/design-webpage-with-elementor.jpeg\" alt=\"Creare un sito web e progettare il proprio futuro\" width=\"1600\" height=\"1148\"><figcaption class=\"wp-caption-text\">Elementor<\/figcaption><\/figure>\n<p>Ad esempio, Elementor aiuta a personalizzare:<\/p>\n<ul>\n<li>La pagina del negozio WooCommerce<\/li>\n<li>Le pagine dei prodotti<\/li>\n<li>Le pagine Checkout e Carrello<\/li>\n<li>La pagina Il mio account<\/li>\n<li>La pagina del negozio<\/li>\n<\/ul>\n<p>Elementor offre un&#8217;esperienza di editing drag-and-drop, che consente un&#8217;interfaccia di progettazione visiva che utilizza principalmente il mouse del computer, anzich\u00e9 il codice o delle impostazioni di sviluppo avanzate.<\/p>\n<p>L&#8217;editor drag-and-drop non solo permette di personalizzare le pagine sopra elencate, ma offre un maggiore controllo sul design di ogni parte del sito web.<\/p>\n<p>Ad esempio, \u00e8 possibile personalizzare la homepage o aggiungere una pagina Coming Soon in pochi secondi, grazie ai <a href=\"https:\/\/kinsta.com\/it\/blog\/template-elementor\/\">template di pagina e di sezione<\/a> forniti con Elementor.<\/p>\n<p>Nel complesso, Elementor offre:<\/p>\n<ul>\n<li>Un costruttore drag-and-drop con blocchi WooCommerce<\/li>\n<li>Template gi\u00e0 pronti per l&#8217;ecommerce<\/li>\n<li>Uno strumento specifico per il WooCommerce Builder con widget e funzioni dedicate agli elementi di ecommerce<\/li>\n<li>Stili avanzati per ogni blocco, sezione e pagina creata con WooCommerce<\/li>\n<\/ul>\n<p>Grazie alla facilit\u00e0 di utilizzo di Elementor con WooCommerce, il plugin \u00e8 utilizzato da sviluppatori e proprietari di siti di tutto il mondo per creare negozi online altamente personalizzati.<\/p>\n<h2>WooCommerce funziona con Elementor?<\/h2>\n<p>S\u00ec, Elementor \u00e8 stato progettato per funzionare con il plugin WooCommerce.<\/p>\n<p>Infatti, Elementor viene venduto come prodotto che:<\/p>\n<ul>\n<li>Riduce i plugin necessari per WooCommerce<\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/badge-di-fiducia\/\">Aumenta le conversioni<\/a> (grazie a sezioni e temi WooCommerce preconfezionati e ottimizzati)<\/li>\n<li>Aiuta a visualizzare lo sviluppo di un negozio online senza dover ricorrere al codice<\/li>\n<\/ul>\n<p>Elementor viene fornito con diversi widget WooCommerce.<\/p>\n<p>Ecco un elenco di alcuni widget WooCommerce Elementor:<\/p>\n<ul>\n<li>Meta prodotto<\/li>\n<li>Descrizione breve<\/li>\n<li>Breadcrumb del prodotto<\/li>\n<li>Il mio account<\/li>\n<li>Carrello<\/li>\n<li>Menu carrello<\/li>\n<li>Stock dei prodotti<\/li>\n<li>Aggiungi al carrello<\/li>\n<li>Valutazione del prodotto<\/li>\n<li>Molti altri<\/li>\n<\/ul>\n<p>Per quanto riguarda il design personalizzato, Elementor aiuta a personalizzare aree di un negozio WooCommerce che prima non erano generalmente disponibili per la personalizzazione. Elementor permette di modificare il Checkout, il Riepilogo degli acquisti, la pagina Il mio account, le pagine dei prodotti, il carrello e altro ancora.<\/p>\n<p>Oltre ai kit completi per siti web WooCommerce e alla funzione di configurazione in un&#8217;unica pagina per WooCommerce, si pu\u00f2 dire che WooCommerce ed Elementor lavorano piuttosto bene insieme.<\/p>\n<h2>Perch\u00e9 usare Elementor per i siti WooCommerce?<\/h2>\n<p>Utilizzare WooCommerce senza Elementor va benissimo, resta comunque una potente piattaforma di ecommerce per la maggior parte delle aziende. Tuttavia, le opzioni di personalizzazione sono limitate senza Elementor e sar\u00e0 necessario dedicare pi\u00f9 tempo allo sviluppo del sito web.<\/p>\n<p>Ecco i principali motivi per utilizzare Elementor con WooCommerce:<\/p>\n<h3>Design visivo migliorato<\/h3>\n<p>WordPress ha il suo costruttore di pagine Gutenberg, ma Elementor amplia questa funzionalit\u00e0 con un maggior numero di blocchi e sezioni precostituite.<\/p>\n<h3>Personalizzazione delle pagine WooCommerce non modificabili<\/h3>\n<p>Dalla pagina del carrello alla pagina Il mio account, Elementor permette di personalizzare diverse pagine di WooCommerce che di solito sono bloccate. Inoltre, permette di personalizzare quasi tutti gli aspetti delle pagine dei prodotti.<\/p>\n<h3>Design orientati alla conversione<\/h3>\n<p>Tutti gli elementi di Elementor sono responsive e molti widget e blocchi di WooCommerce sono stati creati appositamente per aumentare le vendite, come le tabelle dei prezzi, le testimonianze e i timer per il conto alla rovescia.<\/p>\n<h3>Integrazione perfetta con WooCommerce<\/h3>\n<p>Elementor funziona perfettamente con WooCommerce e questo svela un vasto ecosistema di temi e addon compatibili con WooCommerce realizzati appositamente per la creazione di pagine Elementor.<\/p>\n<h3>Risparmio di tempo e di costi<\/h3>\n<p>I modelli, i blocchi e le sezioni pre-progettati di Elementor eliminano la necessit\u00e0 di codifiche personalizzate e di noiose configurazioni manuali. Bastano pochi minuti per creare pagine ecommerce dall&#8217;aspetto professionale. Questo riduce i costi di sviluppo e il tempo dedicato alla creazione del negozio.<\/p>\n<p>Con vantaggi come questi, vi consigliamo di utilizzare sempre Elementor (o un altro page builder che vi piace) quando costruite un sito con WooCommerce.<\/p>\n<h2>Come creare un sito ecommerce con Elementor e WooCommerce?<\/h2>\n<p>Elementor e WooCommerce sono la migliore combinazione di strumenti per creare un sito ecommerce su WordPress. In questa guida spieghiamo tutti i passaggi necessari per creare un negozio online con questi due strumenti.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"10\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Installare WooCommerce ed Elementor<\/h3>\n<p>Per iniziare, \u00e8 necessario avere:<\/p>\n<ol start=\"1\">\n<li><a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress<\/a><\/li>\n<li>Hosting (preferibilmente una <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/\">soluzione di hosting potente e gestita come Kinsta<\/a>)<\/li>\n<\/ol>\n<p>Installate WordPress sul vostro hosting. Kinsta offre un&#8217;installazione di WordPress con un solo clic.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/add-new-site.jpeg\" alt=\"Digitare il titolo e la password del sito WordPress.\" width=\"1600\" height=\"1443\"><figcaption class=\"wp-caption-text\">Aggiunta di un nuovo sito web WordPress in Kinsta<\/figcaption><\/figure>\n<p>Una volta installati questi elementi, installate il plugin WooCommerce. Gli utenti dell&#8217;Hosting di Kinsta hanno il vantaggio di poter installare automaticamente WooCommerce al momento della creazione dell&#8217;account.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/installing-woocommerce.jpeg\" alt=\"Aggiungere WooCommerce all'hosting di Kinsta. \" width=\"1600\" height=\"827\"><figcaption class=\"wp-caption-text\">Opzione per installare WooCommerce con la creazione di un sito web Kinsta<\/figcaption><\/figure>\n<p>Altrimenti, aggiungete <a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">il plugin gratuito WooCommerce<\/a> al vostro sito WordPress.<\/p>\n<p>Potete anche scoprire <a href=\"https:\/\/kinsta.com\/it\/blog\/tutorial-woocommerce\/\">come configurare WooCommerce sul vostro sito<\/a> con il minimo sforzo. Assicuratevi di attivare WooCommerce e di seguire le fasi di configurazione.<\/p>\n<p>Una volta completata, vedrete una scheda di WooCommerce in WordPress e i link per aggiungere i prodotti, impostare i pagamenti, aggiungere le aliquote fiscali e altro ancora.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/first-woocommerce-page.jpeg\" alt=\"Cominciare aggiungendo i prodotti.\" width=\"1600\" height=\"1221\"><figcaption class=\"wp-caption-text\">La dashboard di WooCommerce in WordPress<\/figcaption><\/figure>\n<p>L&#8217;ultima parte di questa fase prevede l&#8217;installazione e l&#8217;attivazione del Page Builder Elementor. Installate <a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer\">la versione gratuita di Elementor<\/a> oppure seguite i passi per <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">acquistare e scaricare Elementor Pro.<\/a><\/p>\n<h3>2. Aggiungere un tema WooCommerce Elementor<\/h3>\n<p>WooCommerce \u00e8 compatibile con la maggior parte dei <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">temi di WordPress<\/a>. Lo stesso vale per Elementor. Tuttavia, \u00e8 meglio scegliere un tema multiuso (che permetta di creare qualsiasi tipo di sito web) o un tema orientato all&#8217;ecommerce. In questo modo, non vi ritroverete con un tema per il blogging quando cercherete di creare un vero e proprio negozio online.<\/p>\n<p>Pi\u00f9 avanti in questo articolo, troverete i nostri consigli sui migliori temi WooCommerce Elementor per iniziare. Potete anche cercare online altri temi WooCommerce Elementor.<\/p>\n<p>Una volta trovato il tema perfetto per le vostre esigenze, <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-un-tema-wordpress\/\">installatelo sul vostro sito WordPress<\/a>.<\/p>\n<h3>3. Creare una homepage WooCommerce<\/h3>\n<p>Per impostazione predefinita, non viene generata nessuna homepage per il negozio WooCommerce e dovrete quindi costruirla da zero. Per velocizzare questo processo, potete creare automaticamente una homepage andando su <strong>WooCommerce &gt; Home<\/strong> in WordPress. Cliccate su <strong>Crea una pagina personalizzata<\/strong> e personalizzatela 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\/2023\/07\/make-homepage.jpeg\" alt=\"Aggiungere homepage e logo. \" width=\"1600\" height=\"923\"><figcaption class=\"wp-caption-text\">Cliccare per creare una homepage personalizzata e caricare un logo<\/figcaption><\/figure>\n<p>In questo modo viene aggiunta una <strong>Homepage-Front Page<\/strong> per la personalizzazione.<\/p>\n<figure style=\"width: 1578px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/homepage.jpeg\" alt=\"Selezionare la frontpage.\" width=\"1578\" height=\"1600\"><figcaption class=\"wp-caption-text\">Cliccare sull&#8217;opzione Homepage<\/figcaption><\/figure>\n<p>Infine, andate su <strong>Aspetto &gt; Personalizza<\/strong> e selezionate <strong>Impostazioni homepage<\/strong>. Scegliete <strong>Una pagina statica<\/strong> in <strong>Visualizza la tua homepage<\/strong>. Selezionate <strong>Homepage<\/strong> nel menu a tendina <strong>Homepage<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/static-homepage.jpeg\" alt=\"Impostazioni della homepage per una homepage statica.\" width=\"1600\" height=\"1134\"><figcaption class=\"wp-caption-text\">Rendere la propria homepage statica<\/figcaption><\/figure>\n<p>In questo modo quella pagina sar\u00e0 la vostra homepage globale e potrete personalizzarla con Elementor o con il Personalizza Tema di WordPress.<\/p>\n<p>Il design della homepage (e dell&#8217;intero sito web in generale) dipende dal tema scelto. Ad esempio, <a href=\"https:\/\/kinsta.com\/partners\/astra\/\">il tema Astra<\/a> offre dei modelli di partenza per creare un bellissimo negozio online in pochi secondi. Questi si trovano in <strong>Aspetto &gt; Template Starter<\/strong> (se state usando Astra).<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/templates.jpeg\" alt=\"Cercare un template\" width=\"1600\" height=\"931\"><figcaption class=\"wp-caption-text\">Cercare i template di pagina specifici per settore in Astra<\/figcaption><\/figure>\n<p>Vi consigliamo anche di esplorare il <strong>Theme Builder<\/strong> di Elementor. Per farlo, andate su <strong>Template &gt; Theme Builder<\/strong>.<\/p>\n<p>Usate l&#8217;opzione <strong>Pagina singola<\/strong> e cliccate su <strong>Aggiungi nuovo<\/strong>. Usate le schede <strong>Pagine<\/strong> e <strong>Blocchi<\/strong> per progettare rapidamente una homepage professionale o qualsiasi altra pagina del sito.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/prebuilt-pages.jpeg\" alt=\"Scegliere un modello di pagina in Elementor.\" width=\"1600\" height=\"970\"><figcaption class=\"wp-caption-text\">Usare la scheda Pagine per creare homepage precostituite<\/figcaption><\/figure>\n<h3>4. Aggiungere prodotti a WooCommerce<\/h3>\n<p>Per aggiungere un prodotto a WooCommerce, andate su <strong>Prodotti &gt; Aggiungi nuovo<\/strong>. Avete anche la possibilit\u00e0 di <strong>importare<\/strong> pi\u00f9 prodotti con un file CSV.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/add-new-product.jpeg\" alt=\"Aggiungere un nuovo prodotto. \" width=\"1600\" height=\"1116\"><figcaption class=\"wp-caption-text\">Cliccare per aggiungere un nuovo prodotto in WooCommerce<\/figcaption><\/figure>\n<p>Inserite tutti i dati, dal <strong>nome del prodotto<\/strong> alla <strong>descrizione<\/strong>, dal <strong>prezzo<\/strong> alla <strong>categoria del prodotto<\/strong>. Cliccate sul pulsante <strong>Pubblica<\/strong> quando avete finito con il prodotto.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/add-new-product-page.jpeg\" alt=\"Pagina del prodotto con nome e descrizione.\" width=\"1600\" height=\"1195\"><figcaption class=\"wp-caption-text\">Aggiungi dettagli come il nome del prodotto, il prezzo e i media<\/figcaption><\/figure>\n<p>L&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/come-aggiungere-prodotti-in-woocommerce\/\">elenco dei prodotti<\/a> \u00e8 sempre disponibile in <strong>Prodotti &gt; Tutti i prodotti<\/strong> di WordPress.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/all-products.jpeg\" alt=\"Scorrere tutti i prodotti in WordPress. \" width=\"1600\" height=\"1084\"><figcaption class=\"wp-caption-text\">Elenco dei prodotti in WooCommerce<\/figcaption><\/figure>\n<h3>5. Configurare spedizione, gateway di pagamento e tasse<\/h3>\n<p>Prima di accettare gli acquisti da parte dei clienti, \u00e8 importante configurare gli elementi essenziali come l&#8217;elaborazione dei pagamenti, le regole di spedizione e le tasse.<\/p>\n<p>Tutti questi elementi si trovano nell&#8217;area <strong>WooCommerce &gt; Impostazioni<\/strong> di WordPress.<\/p>\n<p>Per le spedizioni, andate alla scheda <strong>Spedizioni<\/strong>. Cliccate su <strong>Aggiungi zona di spedizione<\/strong>. Questo permette di impostare tariffe di spedizione specifiche in base alle zone geografiche.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/shipping.jpeg\" alt=\"Fare clic su spedizione. \" width=\"1600\" height=\"1270\"><figcaption class=\"wp-caption-text\">Aggiungere una zona di spedizione<\/figcaption><\/figure>\n<p>In alternativa, potete scorrere fino in fondo alla pagina per configurare l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/woocommerce-spedizioni-in-base-al-peso\/\">estensione WooCommerce Shipping<\/a>, che offre etichette stampabili USPS e DHL.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/get-started.jpeg\" alt=\"Come iniziare con WooCommerce Shipping.\" width=\"1600\" height=\"421\"><figcaption class=\"wp-caption-text\">Cliccare sul pulsante Inizia per WooCommerce Shipping<\/figcaption><\/figure>\n<p>Ci sono anche molti altri componenti aggiuntivi ed estensioni per le spedizioni di WooCommerce disponibili per diverse regioni, vettori e gestione delle spedizioni.<\/p>\n<p>Per impostare l&#8217;elaborazione dei pagamenti, andate alla scheda <strong>Pagamenti<\/strong> nelle <strong>Impostazioni<\/strong> <strong>di WooCommerce<\/strong>. Installate il modulo <a href=\"https:\/\/kinsta.com\/it\/blog\/woocommerce-payments\/\"><strong>WooCommerce Payments<\/strong><\/a> per accettare metodi di pagamento come carte di credito e Apple Pay.<\/p>\n<p>Potreste anche prendere in considerazione un&#8217;altra soluzione di elaborazione dei pagamenti come <a href=\"https:\/\/kinsta.com\/it\/blog\/stripe-vs-adyen\/\">Stripe<\/a>, Alipay o Klarna. Seguite i passaggi presentati per attivare l&#8217;elaborazione dei pagamenti, come l&#8217;inserimento dell&#8217;indirizzo dell&#8217;attivit\u00e0 e l&#8217;aggiunta di un conto corrente per ricevere i pagamenti.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/install-payment.jpeg\" alt=\"Installare un pulsante per i pagamenti. \" width=\"1600\" height=\"1035\"><figcaption class=\"wp-caption-text\">Installare WooCommerce Payments<\/figcaption><\/figure>\n<p>Per le tasse, andate alla scheda <strong>Generale<\/strong> di WooCommerce. Assicuratevi di aver inserito l&#8217;indirizzo commerciale; le tasse e le tariffe di spedizione vengono calcolate in base a questo indirizzo.<\/p>\n<p>Scorrete fino a selezionare la casella <strong>Abilita tasse<\/strong> per calcolarle in base al vostro indirizzo durante il checkout.<\/p>\n<figure style=\"width: 1528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/enable-tax.jpeg\" alt=\"Spuntare per abilitare le aliquote fiscali.\" width=\"1528\" height=\"912\"><figcaption class=\"wp-caption-text\">Abilitazione del calcolo delle tasse in WooCommerce<\/figcaption><\/figure>\n<p>Questo rivela una nuova scheda nelle <strong>Impostazioni di WooCommerce<\/strong> chiamata <strong>Tasse<\/strong>. Selezionatela per configurare le impostazioni come le classi di tasse aggiuntive, i prezzi inseriti con le tasse e le modalit\u00e0 di calcolo delle tasse.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/new-tax-tab.jpeg\" alt=\"Selezionare la scheda Tasse. \" width=\"1600\" height=\"1457\"><figcaption class=\"wp-caption-text\">Aprire la nuova scheda Tasse<\/figcaption><\/figure>\n<p>Come per le spedizioni, esistono diverse estensioni fiscali per WooCommerce che si possono attivare per ottenere funzioni pi\u00f9 avanzate.<\/p>\n<h3>6. Creare una pagina del negozio in WooCommerce usando Elementor<\/h3>\n<p>Per impostazione predefinita, WooCommerce genera una pagina Shop\/Store. Potete trovarla andando nella scheda <strong>Pagine<\/strong> di WordPress.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/store-page.jpeg\" alt=\"Scegliere la pagina negozio. \" width=\"1600\" height=\"1506\"><figcaption class=\"wp-caption-text\">Fare clic sulla pagina Store &#8211; Shop per crearla<\/figcaption><\/figure>\n<p>Cliccate su <strong>Modifica con Elementor<\/strong>. C&#8217;\u00e8 anche un pulsante <strong>Template Kits<\/strong> di Elementor per aggiungere rapidamente un bel design alla pagina del negozio.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/kits.jpeg\" alt=\"8 pagine di template. \" width=\"1600\" height=\"1148\"><figcaption class=\"wp-caption-text\">Vari kit di template per le pagine di Elementor<\/figcaption><\/figure>\n<p>Usate Elementor per modificare lo stile e la formattazione della pagina del negozio e prendete in considerazione l&#8217;inserimento di un kit di template per velocizzare il processo.<\/p>\n<p>Una volta completata, avrete una pagina del negozio con una vetrina dei vostri prodotti, strumenti di filtraggio e una barra di ricerca.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/shop-and-filter.jpeg\" alt=\"Frontend del negozio. \" width=\"1600\" height=\"1190\"><figcaption class=\"wp-caption-text\">Una pagina del negozio completata con filtri, barra di ricerca e articoli<\/figcaption><\/figure>\n<h3>7. Mostrare raccolte di prodotti con Elementor<\/h3>\n<p>Per creare una raccolta di prodotti, da visualizzare sulla homepage o come pagina di categoria separata, vi consigliamo di utilizzare il Theme Builder di Elementor o di aggiungere un semplice widget a una pagina esistente.<\/p>\n<p>Utilizzando il Theme Builder, selezionate <strong>Product Archive<\/strong>, quindi selezionate e salvate uno dei layout previsti per le raccolte di prodotti.<\/p>\n<p>Potete assegnare questi modelli alla pagina che preferite o creare una pagina completamente nuova.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/choose-item.jpeg\" alt=\"Scegliere uno dei tre blocchi. \" width=\"1600\" height=\"918\"><figcaption class=\"wp-caption-text\">Scegliere un blocco Product Archive dal design accattivante per una raccolta<\/figcaption><\/figure>\n<p>In alternativa, potreste andare su una pagina creata in precedenza, aprirla in Elementor e aggiungere il widget <strong>Prodotti<\/strong> a qualsiasi sezione per ottenere una raccolta di prodotti dall&#8217;aspetto gradevole.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/drag-products.jpeg\" alt=\"Portare il blocco prodotti nel design. \" width=\"1600\" height=\"1114\"><figcaption class=\"wp-caption-text\">Trascinare e rilasciare il widget Prodotti nell&#8217;editor<\/figcaption><\/figure>\n<p>Successivamente, Elementor fornisce le impostazioni per regolare il numero di colonne, le righe e l&#8217;intero stile del widget.<\/p>\n\n<h3>8. Personalizzare le pagine dei prodotti con Elementor<\/h3>\n<p>Le pagine dei prodotti sono gestite in modo simile a qualsiasi altra pagina in Elementor.<\/p>\n<p>Un&#8217;opzione \u00e8 quella di aprire qualsiasi prodotto nell&#8217;inventario e cliccare sul pulsante <strong>Modifica con Elementor<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/edit-elementor.jpeg\" alt=\"Pulsante di modifica con Elementor. \" width=\"1600\" height=\"1009\"><figcaption class=\"wp-caption-text\">Modifica qualsiasi pagina di prodotto con Elementor<\/figcaption><\/figure>\n<p>Per un controllo pi\u00f9 granulare e per aggiungere un design realizzato in modo professionale, andate su <strong>Template &gt; Theme Builder<\/strong> di WordPress. Selezionate la scheda <strong>Prodotto singolo<\/strong> e cliccate su <strong>Aggiungi nuovo<\/strong>.<\/p>\n<p>Potete scegliere i blocchi o le pagine progettate appositamente per le pagine prodotto di WooCommerce.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/premade-blocks.jpeg\" alt=\"Blocchi di prodotti singoli. \" width=\"1600\" height=\"1283\"><figcaption class=\"wp-caption-text\">Blocchi pre-costruiti per singoli prodotti in Elementor<\/figcaption><\/figure>\n<p>Questo vi collega alla libreria di template di Elementor. Dopodich\u00e9 potrete inserire qualsiasi blocco o modello di pagina di prodotto a livello globale o per singole pagine di prodotto.<\/p>\n<h3>9. Personalizzare il carrello e il checkout di WooCommerce con Elementor<\/h3>\n<p>Le prossime sezioni riguardano la personalizzazione delle pagine ecommerce essenziali generate automaticamente da WooCommerce.<\/p>\n<p>Per impostazione predefinita, queste pagine (come Checkout, Carrello e Il mio account) hanno un potenziale di modifica limitato. Con Elementor, invece, avrete il pieno controllo della formattazione, dello stile e dell&#8217;aspetto generale di ciascuna di esse.<\/p>\n<p>Per modificare le <a href=\"https:\/\/kinsta.com\/it\/blog\/checkout-a-una-pagina-woocommerce\/\">pagine Checkout e Carrello<\/a>, andate su <strong>Pagine<\/strong> in WordPress. Scorrete sulla pagina desiderata e cliccate su <strong>Modifica con Elementor<\/strong>.<\/p>\n<figure style=\"width: 1494px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/edit-cart.jpeg\" alt=\"Modificare il Carrello con Elementor. \" width=\"1494\" height=\"744\"><figcaption class=\"wp-caption-text\">Modificare la pagina del Carrello con Elementor per avere il massimo controllo<\/figcaption><\/figure>\n<p>Elementor Pro fornisce widget sostitutivi per sostituire completamente il carrello\/checkout predefinito di WooCommerce.<\/p>\n<p>Individuate il widget Carrello sotto WooCommerce e aggiungetelo al progetto. Potrete cos\u00ec eliminare il carrello predefinito di WooCommerce.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/cart-block.jpeg\" alt=\"Spostare il blocco Carrello. \" width=\"1600\" height=\"1096\"><figcaption class=\"wp-caption-text\">Trascinare il modulo Carrello nella pagina del Carrello<\/figcaption><\/figure>\n<p>A questo punto, potete modificare il contenuto, lo stile e le impostazioni avanzate del carrello in Elementor. Nella pagina del carrello, ad esempio, potete modificare i colori e i caratteri per adattarli meglio al vostro brand.<\/p>\n<p>\u00c8 anche possibile aggiungere widget per testi extra, prodotti consigliati o media mentre i clienti navigano nel loro carrello. Ci sono anche strumenti per modificare i coupon, i totali e il riepilogo dell&#8217;ordine.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/delete-old-cart.jpeg\" alt=\"Schede contenuto, stile e avanzate. \" width=\"1600\" height=\"727\"><figcaption class=\"wp-caption-text\">\u00c8 possibile sbarazzarsi del vecchio modulo Carrello di WooCommerce e modificare tutto, dalle impostazioni dei coupon allo stile<\/figcaption><\/figure>\n<p>La procedura per modificare l&#8217;area Checkout \u00e8 simile: aprite la pagina Checkout in Elementor e trascinate il widget <strong>Elementor Checkout<\/strong> nell&#8217;editor. Questo sostituisce il modulo di checkout predefinito di WooCommerce, a patto che cancelliate quello vecchio.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/checkout.jpeg\" alt=\"Scegliere il widget checkout. \" width=\"1600\" height=\"1098\"><figcaption class=\"wp-caption-text\">Aggiungere il widget Checkout a Elementor<\/figcaption><\/figure>\n<p>Una volta inserito e selezionato, il widget <strong>Checkout<\/strong> offre schede per il <strong>contenuto<\/strong>, lo <strong>stile<\/strong> e le impostazioni <strong>avanzate<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/edit-checkout.jpeg\" alt=\"Modificare gli strumenti di checkout. \" width=\"1600\" height=\"1270\"><figcaption class=\"wp-caption-text\">Modificare la pagina del checkout in Elementor, dalle impostazioni dei coupon agli stili di pagamento<\/figcaption><\/figure>\n<p>Queste schede consentono di personalizzare elementi come la sezione <strong>Il tuo ordine<\/strong>, i dettagli sui <strong>clienti che ritornano<\/strong> e le informazioni <strong>sul pagamento<\/strong>. \u00c8 possibile modificare i colori, gli stili, le dimensioni e molto altro ancora.<\/p>\n<h3>10. Personalizzare la pagina Il mio account con WooCommerce ed Elementor<\/h3>\n<p>Per personalizzare la pagina predefinita Il mio account di WooCommerce, aprite <strong>Pagine<\/strong> in WordPress. Fate clic su <strong>Modifica con Elementor<\/strong> dopo aver navigato nella pagina <strong>Il mio account<\/strong>.<\/p>\n<p>Eliminate il vecchio modulo <strong>Il mio account<\/strong> e aggiungete la versione di Elementor che si trova come widget sotto WooCommerce.<\/p>\n<p>In questo modo avrete a disposizione le impostazioni dei contenuti per le schede e le opzioni aggiuntive, oltre allo stile e alle impostazioni avanzate.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/my-account.jpeg\" alt=\"Impostazioni di Il mio Account. \" width=\"1600\" height=\"858\"><figcaption class=\"wp-caption-text\">Modifica della pagina Il mio account con le opzioni per i contenuti, lo stile e le impostazioni avanzate<\/figcaption><\/figure>\n<p>Ad esempio, potreste voler cambiare il tipo di bordo o il colore della pagina Il mio account per ottenere un&#8217;atmosfera pi\u00f9 attinente al brand.<\/p>\n<p>Ed ecco come creare un negozio online con l&#8217;integrazione di WooCommerce Elementor!<\/p>\n<p>Di seguito, invece, troverete i migliori temi e addon per Elementor WooCommerce che vi aiuteranno nel processo di progettazione.<\/p>\n<h2>11 Migliori temi Elementor per WooCommerce 2026<\/h2>\n<p>Quando si cercano temi WooCommerce Elementor, \u00e8 meglio puntare a temi con:<\/p>\n<ul>\n<li>Supporto sia per WooCommerce che per Elementor<\/li>\n<li>Un design reattivo<\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/test-sito-wordpress\/\">Velocit\u00e0 di caricamento della pagina<\/a><\/li>\n<li>Compatibilit\u00e0 con tutti i principali browser<\/li>\n<li>Le funzioni ecommerce essenziali di cui si ha bisogno (si possono colmare le lacune con Elementor e WooCommerce)<\/li>\n<li>Un design che si adatta al proprio brand<\/li>\n<li>Un&#8217;interfaccia pulita<\/li>\n<li>Voti elevati e supporto\/documentazione di alta qualit\u00e0 per i clienti<\/li>\n<\/ul>\n<p>Potete consultare i <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-woocommerce\/\">nostri temi WooCommerce preferiti<\/a> per vedere se ce n&#8217;\u00e8 qualcuno adatto al vostro brand. Dovreste per\u00f2 verificare se questi temi supportano effettivamente Elementor.<\/p>\n<p>Oppure, potreste scegliere <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-woocommerce-piu-veloci\/\">i temi WooCommerce pi\u00f9 veloci in assoluto<\/a>, puntando sulla velocit\u00e0 prima di ogni altra cosa. La buona notizia \u00e8 che la maggior parte dei temi funziona sia con WooCommerce che con Elementor.<\/p>\n<p>Abbiamo un elenco dei <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-temi-elementor\/\">migliori temi per Elementor<\/a>; alcuni di questi sono eccellenti per WooCommerce, ma non tutti sono adatti ai negozi online.<\/p>\n<p>Durante gli anni passati a studiare i temi per WooCommerce, abbiamo individuato i migliori temi WooCommerce Elementor:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"11\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Astra<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/astra.jpeg\" alt=\"Homepage di Astra. \" width=\"1600\" height=\"1234\"><figcaption class=\"wp-caption-text\">Astra<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wpastra.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Astra<\/a> offre una perfetta integrazione con WooCommerce e, insieme a Elementor, funziona come tema multiuso per la creazione di qualsiasi tipo di sito web, compresi i negozi di ecommerce.<\/p>\n<p>Ha una base leggera e veloce, potenti opzioni di personalizzazione e alcune delle funzioni pi\u00f9 facili da usare per modificare font, header e footer.<\/p>\n<h3>2. Hello Elementor (con il costruttore WooCommerce Elementor)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/hello.jpeg\" alt=\"Homepage del tema Hello. \" width=\"1600\" height=\"1479\"><figcaption class=\"wp-caption-text\">Tema Hello<\/figcaption><\/figure>\n<p><a href=\"https:\/\/elementor.com\/products\/hello-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hello Elementor<\/a> \u00e8 il tema ufficiale di Elementor. Il tema presenta un design elegante e semplice senza fronzoli, consentendo di costruire qualsiasi tipo di sito.<\/p>\n<p>Vi consigliamo di combinarlo con Elementor WooCommerce Builder per realizzare siti web WooCommerce puliti e moderni, tra i pi\u00f9 veloci in circolazione.<\/p>\n<h3>3. OceanWP<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/oceanwp.jpeg\" alt=\"Pagina Home e di registrazione di OceanWP. \" width=\"1600\" height=\"978\"><figcaption class=\"wp-caption-text\">OceanWP<\/figcaption><\/figure>\n<p>Come tema WordPress multiuso, <a href=\"https:\/\/oceanwp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">OceanWP<\/a> ha un&#8217;integrazione WooCommerce e un supporto diretto per il costruttore di pagine Elementor.<\/p>\n<p>Riceverete un&#8217;assistenza clienti di alta qualit\u00e0, aggiornamenti regolari e un&#8217;ampia documentazione per questo tema WordPress leggero e veloce.<\/p>\n<p>\u00c8 altamente personalizzabile per migliorare l&#8217;aspetto del vostro brand di ecommerce, con impostazioni rapide per modificare tutto, dai colori ai font, dai layout agli header.<\/p>\n<h3>4. Shopkeeper<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/shopkeeper.jpeg\" alt=\"Homepage di Shopkeeper. \" width=\"1600\" height=\"1135\"><figcaption class=\"wp-caption-text\">Shopkeeper<\/figcaption><\/figure>\n<p><a href=\"https:\/\/themeforest.net\/item\/shopkeeper-ecommerce-wp-theme-for-woocommerce\/9553045\" target=\"_blank\" rel=\"noopener noreferrer\">Shopkeeper<\/a> non \u00e8 un tema multiuso, ma si rivolge direttamente ai proprietari di negozi di ecommerce. Gran parte dell&#8217;infrastruttura del sito ecommerce che ci aspettiamo \u00e8 gi\u00e0 costruita e pronta per essere utilizzata.<\/p>\n<p>Ci sono modelli precostituiti per categorie specifiche di ecommerce e una profonda integrazione con WooCommerce. Anche Elementor funziona bene con il tema, permettendo di regolare i layout, modificare il carrello e personalizzare praticamente ogni aspetto del negozio online.<\/p>\n<h3>5. Zakra<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/zakra.jpeg\" alt=\"Homepage di Zakra. \" width=\"1600\" height=\"860\"><figcaption class=\"wp-caption-text\">Zakra<\/figcaption><\/figure>\n<p><a href=\"https:\/\/zakratheme.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Il tema Zakra<\/a> offre demo di avvio per accelerare il processo di creazione del negozio. Si integra con Elementor e WooCommerce e offre demo di nicchia che puoi implementare con un solo clic.<\/p>\n<p>\u00c8 considerato uno dei temi multiuso pi\u00f9 veloci sul mercato e potete controllare gli schemi di colore, i font e le variazioni di layout.<\/p>\n<h3>6. Storefront<\/h3>\n<figure style=\"width: 1528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/storefront.jpeg\" alt=\"Homepage del tema Storefront. \" width=\"1528\" height=\"1148\"><figcaption class=\"wp-caption-text\">Storefront<\/figcaption><\/figure>\n<p>Forse uno dei temi ecommerce gratuiti pi\u00f9 versatili tra cui scegliere, <a href=\"https:\/\/wordpress.org\/themes\/storefront\/\" target=\"_blank\" rel=\"noopener noreferrer\">Storefront<\/a> include un&#8217;ampia gamma di funzioni per il negozio online.<\/p>\n<p>Il tema \u00e8 stato sviluppato dagli stessi addetti di WooCommerce, quindi sappiamo che \u00e8 stato pensato per funzionare senza problemi con il plugin per l&#8217;ecommerce. Funziona bene anche con Elementor e offre una semplicit\u00e0 che non si trova in altri temi ecommerce.<\/p>\n<h3>7. ShopIsle Pro<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/shopisle.jpeg\" alt=\"Homepage di ShopIsle. \" width=\"1600\" height=\"799\"><figcaption class=\"wp-caption-text\">ShopIsle Pro<\/figcaption><\/figure>\n<p><a href=\"https:\/\/themeisle.com\/themes\/shop-isle-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\">Il tema ShopIsle Pro<\/a> \u00e8 una soluzione premium con una tipografia avanzata, demo ecommerce precostituite e una profonda integrazione con Elementor e WooCommerce.<\/p>\n<p>In combinazione con Elementor WooCommerce Builder, potete creare un design elegante per qualsiasi negozio online, <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-google-fonts\/\">personalizzare font<\/a> e header e lanciare un negozio online in pochi minuti. Non solo, ma riceverete anche un&#8217;eccellente assistenza clienti e la documentazione del tema.<\/p>\n<h3>8. Neve<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/neve.jpeg\" alt=\"Homepage di Neve. \" width=\"1600\" height=\"1114\"><figcaption class=\"wp-caption-text\">Neve<\/figcaption><\/figure>\n<p><a href=\"https:\/\/themeisle.com\/themes\/neve\/\" target=\"_blank\" rel=\"noopener noreferrer\">Il tema Neve<\/a> offre feature multifunzionali con un&#8217;interfaccia veloce e leggera. Usandolo con Elementor, \u00e8 possibile costruire un sito web per qualsiasi settore, in particolare per il mondo dell&#8217;ecommerce.<\/p>\n<p>Il tema aiuta ad aggiungere una visualizzazione rapida dei prodotti, oltre ad avvisi sul carrello e filtri off-canvas per il negozio. Ci piace anche per adattare il layout del carrello di WooCommerce o per creare un carrello sticky.<\/p>\n<p>Il tema Neve viene fornito con una miriade di siti di partenza creati appositamente per i negozi di ecommerce.<\/p>\n<h3>9. Customify<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/Customify.jpeg\" alt=\"La homepage Customify. \" width=\"1600\" height=\"984\"><figcaption class=\"wp-caption-text\">Customify<\/figcaption><\/figure>\n<p>L&#8217;idea alla base del <a href=\"https:\/\/pressmaximum.com\/customify\/\" target=\"_blank\" rel=\"noopener noreferrer\">tema Customify<\/a> \u00e8 quella di creare praticamente qualsiasi tipo di sito web, blog o negozio online, grazie alle profonde opzioni di personalizzazione per stili, font e aree widget.<\/p>\n<p>Per quanto riguarda il negozio online, l&#8217;integrazione di WooCommerce Elementor permette di mostrare facilmente i prodotti e di modificare l&#8217;intera esperienza di pagamento senza alcuna conoscenza di codifica.<\/p>\n<h3>10. GeneratePress<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/GeneratePress.jpeg\" alt=\"Pagina home e di registrazione di GeneratePress. \" width=\"1600\" height=\"1045\"><figcaption class=\"wp-caption-text\">GeneratePress<\/figcaption><\/figure>\n<p>Il <a href=\"https:\/\/generatepress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">tema WordPress GeneratePress<\/a> \u00e8 una soluzione multifunzionale con supporto WooCommerce ed Elementor. Il suo principale vantaggio rispetto ad altri temi \u00e8 la sua leggerezza, ma anche il suo design modulare.<\/p>\n<p>Pertanto, potrete attivare e disattivare i moduli in base alle vostre esigenze e utilizzare il live customizer per avere il massimo controllo sui requisiti di design del brand.<\/p>\n<h3>11. Phlox<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/Phlox.jpeg\" alt=\"Homepage di Phlox. \" width=\"1600\" height=\"1040\"><figcaption class=\"wp-caption-text\">Phlox<\/figcaption><\/figure>\n<p>Il <a href=\"https:\/\/www.phlox.pro\/\" target=\"_blank\" rel=\"noopener noreferrer\">tema Phlox per WordPress<\/a> \u00e8 un altro tema multifunzionale che presenta una valida esperienza di costruzione di siti per gli sviluppatori di WooCommerce ed Elementor.<\/p>\n<p>Tutte le demo con un solo clic si inseriscono direttamente nel design e offrono un aspetto moderno senza bisogno di molto lavoro da parte vostra. Potete anche personalizzare la maggior parte degli aspetti di un negozio online, dal carrello alla visualizzazione dei prodotti su un dispositivo mobile.<\/p>\n<p>Vi invitiamo a esplorare questi temi e a provarli con WooCommerce ed Elementor. Al momento di prendere una decisione, potreste desiderare un controllo totale, quindi un tema multifunzionale potrebbe fare al caso vostro.<\/p>\n<p>Altri utenti, invece, vogliono che il loro tema abbia l&#8217;aspetto e il comportamento di un sito di ecommerce fin dall&#8217;inizio. In questo caso, optate per un tema come Storefront o ShopIsle Pro per un&#8217;esperienza pi\u00f9 orientata all&#8217;ecommerce.<\/p>\n<p>Potete anche cercare i componenti aggiuntivi di WooCommerce per Elementor per ampliare il numero di widget e funzioni di Elementor. Date un&#8217;occhiata qui di seguito.<\/p>\n<h2>I 5 migliori addon WooCommerce per Elementor<\/h2>\n<p>Ci sono diversi <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-woocommerce\/\">plugin WooCommerce essenziali<\/a> da aggiungere al vostro negozio fin dall&#8217;inizio. Tuttavia, vi raccomandiamo di esaminare anche componenti aggiuntivi e plugin pi\u00f9 specifici che non solo si integrano con WooCommerce ma ampliano anche le funzionalit\u00e0 di Elementor.<\/p>\n<p>Ecco i nostri componenti aggiuntivi preferiti per WooCommerce Elementor:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. HappyAddons<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/HappyAddons.jpeg\" alt=\"Homepage e pagina di registrazione di HappyAddons. \" width=\"1600\" height=\"902\"><figcaption class=\"wp-caption-text\">HappyAddons<\/figcaption><\/figure>\n<p>Il <a href=\"https:\/\/happyaddons.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin HappyAddons<\/a> \u00e8 una raccolta di widget e componenti aggiuntivi realizzati appositamente per Elementor. Alcuni esempi di widget di HappyAddons includono un mega menu, una navigazione a una pagina, un carrello WooCommerce e un kit per i post del blog.<\/p>\n<p>Alcuni widget specifici per WooCommerce sono caroselli di prodotti, griglie, checkout e mini-carrelli. Ci sono anche widget per migliorare altri aspetti del negozio online, come i post del blog, i grafici, il marketing e i social media.<\/p>\n<h3>2. PowerPack for Elementor<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/powerpack.jpeg\" alt=\"Pagina home e di registrazione di PowerPack. \" width=\"1600\" height=\"686\"><figcaption class=\"wp-caption-text\">PowerPack for Elementor<\/figcaption><\/figure>\n<p><a href=\"https:\/\/powerpackelements.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">PowerPack for Elementor<\/a> offre una vasta gamma di widget unici per i siti WooCommerce che utilizzano Elementor. Con oltre 70 widget Elementor, \u00e8 possibile incorporare breadcrumb, testimonianze, pulsanti e molto altro.<\/p>\n<p>C&#8217;\u00e8 una libreria di modelli per aggiungere immediatamente design e widget speciali per WooCommerce come la pagina Il mio account, lo styler della pagina di checkout e il pulsante Aggiungi al carrello.<\/p>\n<h3>3. WooLentor<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/WooLentor.jpeg\" alt=\"Pagina home e di registrazione di WooLentor. \" width=\"1600\" height=\"812\"><figcaption class=\"wp-caption-text\">WooLentor<\/figcaption><\/figure>\n<p><a href=\"https:\/\/woolentor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooLentor<\/a> \u00e8 un addon per il page builder di Elementor che migliora il costruttore di pagine di WooCommerce e offre funzioni per la personalizzazione delle e-mail.<\/p>\n<p>Il componente aggiuntivo include un gestore di campi per il checkout e opzioni per accettare pagamenti parziali dai clienti. C&#8217;\u00e8 anche un&#8217;opzione che permette di suggerire ai clienti i prezzi o di fare un&#8217;offerta speciale per un giorno.<\/p>\n<h3>4. Essential Addons per Elementor<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/Essential-Addons.jpeg\" alt=\"Homepage di Essential Addons. \" width=\"1600\" height=\"959\"><figcaption class=\"wp-caption-text\">Essential Addons<\/figcaption><\/figure>\n<p>La <a href=\"https:\/\/essential-addons.com\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer\">soluzione Essential Addons<\/a> ha una versione gratuita e una premium. Questo componente aggiuntivo migliora l&#8217;esperienza di costruzione delle pagine in Elementor con widget per tabelle di prezzi, griglie di prodotti, call to action e altro ancora.<\/p>\n<p>Alcuni degli elementi premium includono una Google Map avanzata, un feed Instagram e disegni in parallasse.<\/p>\n<h3>5. JetWooBuilder<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/JetWooBuilder.jpeg\" alt=\"Pagina di download JetWooBuilder. \" width=\"1600\" height=\"802\"><figcaption class=\"wp-caption-text\">JetWooBuilder<\/figcaption><\/figure>\n<p><a href=\"https:\/\/crocoblock.com\/plugins\/jetwoobuilder\/\" target=\"_blank\" rel=\"noopener noreferrer\">JetWooBuilder<\/a> \u00e8 un addon per WooCommerce Elementor di Crocoblock, un altro addon per Elementor che vale la pena di esaminare. L&#8217;opzione JetWooBuilder offre la possibilit\u00e0 di combinare elementi come modelli personalizzati, layout switcher e pagine specifiche per il negozio.<\/p>\n<p>\u00c8 possibile configurare facilmente tipi di carosello e schede di categoria e creare pagine di prodotti singoli da un modello elegante.<\/p>\n<p>Forse l&#8217;aspetto pi\u00f9 importante \u00e8 che l&#8217;addon JetWooBuilder offre un controllo assoluto sulla pagina del negozio, aiutando a configurare filtri intelligenti avanzati.<\/p>\n<h2>Quando considerare Elementor Pro vs Elementor?<\/h2>\n<p>Vi starete chiedendo: &#8220;qual \u00e8 la differenza tra Elementor e Elementor Pro?&#8221;<\/p>\n<p>Fortunatamente, la versione gratuita di Elementor \u00e8 piuttosto potente e include la maggior parte delle funzioni che servono per costruire un sito web o un negozio online con funzionalit\u00e0 drag-and-drop. Detto questo, gli strumenti di WooCommerce migliorano drasticamente quando si passa a Elementor Pro.<\/p>\n<p>Per prima cosa, diamo un&#8217;occhiata alla differenza di prezzo tra Elementor e Elementor Pro:<\/p>\n<ul>\n<li>Elementor: Gratuito<\/li>\n<li>Elementor Pro: A partire da 59 dollari all&#8217;anno. Altri piani a $99, $199 e $399 all&#8217;anno<\/li>\n<\/ul>\n<p><em>Gli aggiornamenti servono generalmente per supportare altri siti web con lo stesso abbonamento Elementor, non per ottenere maggiori funzionalit\u00e0. <\/em><\/p>\n<p>Tuttavia, il passaggio da Elementor a Elementor Pro offre nuove funzionalit\u00e0.<\/p>\n<p>Elementor (gratuito) offre:<\/p>\n<ul>\n<li>Personalizzazione di base del theme builder<\/li>\n<li>Modelli e blocchi limitati<\/li>\n<li>Esportazione e importazione di modelli<\/li>\n<li>Modifica per dispositivi mobili<\/li>\n<li>40+ elementi di design come testimonianze, pulsanti, caselle di icone, editor di testo e altro ancora<\/li>\n<\/ul>\n<p>Ecco cosa si ottiene con Elementor Pro (che non \u00e8 incluso in Elementor Basic):<\/p>\n<ul>\n<li>Personalizzazione di ogni parte del tema<\/li>\n<li>Progettazione e integrazione di moduli<\/li>\n<li>Tutti i blocchi e i modelli professionali<\/li>\n<li>Tutti i widget professionali<\/li>\n<li>Un costruttore di popup<\/li>\n<li>Effetti di scorrimento<\/li>\n<li>Costruttore di header e footer<\/li>\n<li>Circa 30+ altri widget ed elementi di design come le citazioni in blocco, la paginazione del blog, il conto alla rovescia e il layout masonry<\/li>\n<li>Elementi di design specifici per WooCommerce come Categorie WC, Prodotti WC e Aggiungi al carrello WC<\/li>\n<\/ul>\n<h3>Quando passare da Elementor a Elementor Pro?<\/h3>\n<p>La risposta \u00e8 semplice. Passate a Elementor Pro:<\/p>\n<ul>\n<li>Se desiderate la maggior parte delle funzionalit\u00e0 del WooCommerce Builder, come la modifica e i modelli per la sezione Aggiungi al carrello, le categorie e i prodotti<\/li>\n<li>Se volete avere un controllo completo sulla personalizzazione del negozio online<\/li>\n<li>Se volete iniziare a utilizzare elementi aggiuntivi come l&#8217;effetto Ken Burns, il widget per il login o il flipbox<\/li>\n<\/ul>\n<p>Gli utenti di WooCommerce dovrebbero passare alla versione Pro di Elementor per avere un&#8217;esperienza migliore.<\/p>\n\n<h2>Riepilogo<\/h2>\n<p>In questo articolo abbiamo evidenziato quali sono le caratteristiche che rendono WooCommerce ed Elementor speciali e vi abbiamo mostrato come si migliorano a vicenda quando vengono combinati. Abbiamo anche illustrato un tutorial passo dopo passo su come creare un negozio di ecommerce con l&#8217;integrazione di WooCommerce con Elementor.<\/p>\n<p>Quando costruite il vostro shop, ricordate di dare un&#8217;occhiata alla nostra lista dei migliori addon e temi Elementor. In questo modo, avrete un vantaggio rispetto a chi progetta il proprio negozio da zero.<\/p>\n<p>Tenete presente che \u00e8 fondamentale scegliere una <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/woocommerce\/\">soluzione di hosting veloce e sicura come Kinsta per qualsiasi operazione di ecommerce<\/a>. Kinsta offre anche l&#8217;<a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/elementor\/\">hosting di Elementor<\/a>, che \u00e8 alimentato dalle macchine C2 di Google Cloud per offrire le migliori prestazioni possibili.<\/p>\n<p>Cos&#8217;altro vorreste sapere su WooCommerce ed Elementor? Fatecelo sapere nella sezione commenti qui sotto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce aggiunge funzionalit\u00e0 di ecommerce a un sito WordPress, ma cosa succede quando si vuole qualcosa di pi\u00f9 degli strumenti di progettazione integrati di WooCommerce? Come &#8230;<\/p>\n","protected":false},"author":199,"featured_media":72020,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26195,25957,25852],"class_list":["post-72019","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-ecommerce-wordpress","topic-temi-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 ed Elementor: come creare un negozio con stile - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Impariamo a costruire un negozio combinando WooCommerce ed Elementor. Scopriamo i migliori addon, temi e come creare un sito di 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-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce ed Elementor: come creare un negozio con stile\" \/>\n<meta property=\"og:description\" content=\"Impariamo a costruire un negozio combinando WooCommerce ed Elementor. Scopriamo i migliori addon, temi e come creare un sito di ecommerce.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/\" \/>\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=\"2023-08-07T16:00:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-10T06:55:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.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=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Impariamo a costruire un negozio combinando WooCommerce ed Elementor. Scopriamo i migliori addon, temi e come creare un sito di ecommerce.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"25 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-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"WooCommerce ed Elementor: come creare un negozio con stile\",\"datePublished\":\"2023-08-07T16:00:28+00:00\",\"dateModified\":\"2023-08-10T06:55:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/\"},\"wordCount\":5153,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/\",\"name\":\"WooCommerce ed Elementor: come creare un negozio con stile - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg\",\"datePublished\":\"2023-08-07T16:00:28+00:00\",\"dateModified\":\"2023-08-10T06:55:34+00:00\",\"description\":\"Impariamo a costruire un negozio combinando WooCommerce ed Elementor. Scopriamo i migliori addon, temi e come creare un sito di ecommerce.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#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 ed Elementor: come creare un negozio con stile\"}]},{\"@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\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WooCommerce ed Elementor: come creare un negozio con stile - Kinsta\u00ae","description":"Impariamo a costruire un negozio combinando WooCommerce ed Elementor. Scopriamo i migliori addon, temi e come creare un sito di 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-elementor\/","og_locale":"it_IT","og_type":"article","og_title":"WooCommerce ed Elementor: come creare un negozio con stile","og_description":"Impariamo a costruire un negozio combinando WooCommerce ed Elementor. Scopriamo i migliori addon, temi e come creare un sito di ecommerce.","og_url":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2023-08-07T16:00:28+00:00","article_modified_time":"2023-08-10T06:55:34+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Impariamo a costruire un negozio combinando WooCommerce ed Elementor. Scopriamo i migliori addon, temi e come creare un sito di ecommerce.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Jeremy Holcombe","Tempo di lettura stimato":"25 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"WooCommerce ed Elementor: come creare un negozio con stile","datePublished":"2023-08-07T16:00:28+00:00","dateModified":"2023-08-10T06:55:34+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/"},"wordCount":5153,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/","url":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/","name":"WooCommerce ed Elementor: come creare un negozio con stile - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg","datePublished":"2023-08-07T16:00:28+00:00","dateModified":"2023-08-10T06:55:34+00:00","description":"Impariamo a costruire un negozio combinando WooCommerce ed Elementor. Scopriamo i migliori addon, temi e come creare un sito di ecommerce.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/08\/woocommerce-elementor-1.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/woocommerce-elementor\/#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 ed Elementor: come creare un negozio con stile"}]},{"@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\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/72019","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\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=72019"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/72019\/revisions"}],"predecessor-version":[{"id":72149,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/72019\/revisions\/72149"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/translations\/es"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/72019\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/72020"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=72019"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=72019"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=72019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}