{"id":14364,"date":"2022-05-12T15:04:02","date_gmt":"2022-05-12T15:04:02","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=14364"},"modified":"2025-09-17T11:52:37","modified_gmt":"2025-09-17T09:52:37","slug":"elementor","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/elementor\/","title":{"rendered":"Elementor: guida completa"},"content":{"rendered":"\n<p>In questa guida andremo a vedere uno dei page builder per WordPress pi\u00f9 utilizzati: Elementor. Vedremo quali funzionalit\u00e0 offre nella versione gratuita e in quella a pagamento, come fare per installarlo e per iniziare ad usarlo.<\/p>\n\n\n\n<p>Inoltre, in questo articolo vedremo anche una panoramica dei widget a disposizione, approfondiremo l&#8217;uso del Theme Builder e ti parler\u00f2 anche di alcune alternative a questo page builder.<\/p>\n\n\n\n<p>Nell&#8217;articolo scoprirai anche quali sono i migliori <a aria-label=\"temi WordPress (opens in a new tab)\" class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/temi-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">temi WordPress<\/a> compatibili con Elementor e dove trovare i template per iniziare a costruire il tuo sito web.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-elementor\">Cos&#8217;\u00e8 Elementor<\/a><\/li><li><a href=\"#elementor-vs-elementor-pro\">Elementor vs Elementor Pro<\/a><\/li><li><a href=\"#elementor-come-funziona\">Elementor: come funziona?<\/a><\/li><li><a href=\"#come-installare-elementor\">Come installare Elementor<\/a><\/li><li><a href=\"#tutorial-di-elementor-i-primi-passi\">Tutorial di Elementor: i primi passi<\/a><ul><li><a href=\"#elementi-e-widget\">Elementi e widget<\/a><\/li><li><a href=\"#elementi-della-versione-pro\">Elementi della versione Pro<\/a><\/li><\/ul><\/li><li><a href=\"#libreria-dei-template\">Libreria dei template<\/a><\/li><li><a href=\"#elementor-i-template-al-di-fuori-della-libreria\">Elementor: i Template al di fuori della libreria<\/a><ul><li><a href=\"#envato-elements\">Envato Elements<\/a><\/li><li><a href=\"#template-monster\">Template Monster<\/a><\/li><li><a href=\"#launch-party\">Launch Party<\/a><\/li><li><a href=\"#elementorism\">Elementorism<\/a><\/li><\/ul><\/li><li><a href=\"#elementor-theme-builder\">Elementor Theme Builder<\/a><\/li><li><a href=\"#migliori-temi-per-elementor\">Migliori temi per Elementor<\/a><ul><li><a href=\"#hello-elementor\">Hello Elementor<\/a><\/li><li><a href=\"#layers\">Layers<\/a><\/li><li><a href=\"#ocean-wp\">OceanWP<\/a><\/li><li><a href=\"#astra-theme\">Astra Theme<\/a><\/li><li><a href=\"#generate-press\">GeneratePress<\/a><\/li><\/ul><\/li><li><a href=\"#alternative-a-elementor\">Alternative a Elementor<\/a><ul><li><a href=\"#gutenberg\">Gutenberg<\/a><\/li><li><a href=\"#oxygen-builder\">Oxygen Builder<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-elementor\">Cos&#8217;\u00e8 Elementor<\/h2>\n\n\n\n<p>Elementor Page Builder o pi\u00f9 semplicemente Elementor \u00e8 un <a href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\">plugin<\/a> di WordPress che fa parte degli editor di pagine ed ha il vantaggio di poter essere utilizzato senza dover intervenire sul codice.<\/p>\n\n\n\n<p>Elementor \u00e8, infatti, un editor di pagine che fa parte della categoria dei visual page builder. Questo significa che per utilizzarlo non avrai bisogno di conoscere il linguaggio <strong>HTML <\/strong>o quello <strong>PHP <\/strong>e potrai utilizzare tutte le funzioni che questo plugin mette a disposizione semplicemente attraverso un&#8217;interfaccia.<\/p>\n\n\n\n<p>Inoltre, agendo direttamente sul front-end potrai vedere passo dopo passo le modifiche che stai compiendo, e avrai sempre sotto controllo la costruzione della tua pagina web. Il discorso \u00e8 analogo a quello per altri builder di temi specifici per WordPress, come ad esempio l&#8217;Avada Live per il tema <a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/avada-recensione-tema-wordpress\/\">Avada<\/a>, o <a href=\"https:\/\/supporthost.com\/it\/bricks-builder\/\">Bricks Builder<\/a> che \u00e8 un tema con builder integrato.<\/p>\n\n\n\nQuesta tipologia di editor che ti permette di vedere le modifiche al sito man mano che le esegui rende pi\u00f9 facile e immediata la creazione del tuo sito. Proprio per questo sistemi analoghi vengono utilizzati anche dagli editor di altre piattaforme come nel caso di Wix. In questo caso, per\u00f2, considera che stiamo parlando di una piattaforma completamente diversa da WordPress. Se ancora non la conosci potrebbe interessarti approfondire le differenze nel nostro confronto <a aria-label=\"Wix vs WordPress (opens in a new tab)\" href=\"https:\/\/supporthost.com\/it\/wix-vs-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Wix vs WordPress<\/a>. \n\n\n\n<p>Elementor \u00e8 abbastanza recente come plugin, il suo debutto, infatti, risale al 2016 e ad oggi questo plugin \u00e8 utilizzato in oltre cinque milioni di siti web.<\/p>\n\n\n\nEsistono una versione gratuita e una a pagamento, la versione Pro, in questo tutorial di Elementor vedremo quali sono le differenze tra le due.\n\n\n\n<p>Guarda anche questo tutorial realizzato con Fabrizio Marsano per vedere passo passo come <strong>usare Elementor per creare un sito WordPress<\/strong> partendo da zero:<\/p>\n\n\n\n<div data-video-id=\"PAGefFJdGjQ\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/PAGefFJdGjQ\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"elementor-vs-elementor-pro\">Elementor vs Elementor Pro<\/h2>\n\n\n\n<p>Con la versione gratuita si ha a disposizione l&#8217;editor, una serie di template (circa 30) e una serie di widget (intorno a 40) che possono essere utili per la costruzione del proprio sito.<\/p>\n\n\n\n<p>Inoltre, nella versione gratuita \u00e8 anche incluso l&#8217;editing responsivo, il che vuol dire che avrai modo di personalizzare il tuo sito in base al dispositivo sul quale verr\u00e0 visualizzato.<\/p>\n\n\n\n<p>Elementor Pro \u00e8 la versione a pagamento, e pi\u00f9 completa del plugin, questa mette a disposizione cinque piani in base al numero di siti web.<\/p>\n\n\n\n<p>Il primo, <em>Essential<\/em>, \u00e8 valido per un solo sito e costa 49$ all&#8217;anno, il piano<em> Advanced<\/em> \u00e8 per tre siti e costa 99$.<\/p>\n\n\n\n<p>Il piano <em>Expert <\/em>supporta fino a 25 siti (199$ \/ anno), il piano<em> Studio<\/em> supporta fino a 100 siti (499$ \/ anno) e per finire c&#8217;\u00e8 il piano <em>Agency <\/em>che \u00e8 valido fino a mille siti al costo di 999$. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/elementor-piani-e-prezzi-1024x438.png\" alt=\"Elementor Piani E Prezzi\" class=\"wp-image-24630\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/elementor-piani-e-prezzi-1024x438.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/elementor-piani-e-prezzi-300x128.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/elementor-piani-e-prezzi-768x328.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/elementor-piani-e-prezzi-120x51.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/05\/elementor-piani-e-prezzi.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La licenza pro pu\u00f2 essere rinnovata annualmente, tuttavia \u00e8 possibile disdire la sottoscrizione in qualsiasi momento. Annullare la sottoscrizione non permetter\u00e0 pi\u00f9 l&#8217; accesso agli aggiornamenti futuri, ma tutto il lavoro eseguito sul proprio sito web verr\u00e0 mantenuto.<\/p>\n\n\n\n<p>Questi piani si differenziano soltanto per il numero di siti nei quali si pu\u00f2 utilizzare il plugin. La versione pro, in ognuno dei casi, mette a disposizione altri widget e template aggiuntivi, oltre a pi\u00f9 di dieci kit con i template per l&#8217;intero sito web.<\/p>\n\n\n\n<p>Attraverso questi kit di template, che nel 2019 si sono arricchiti di una serie di kit rilasciati a cadenza mensile, \u00e8 possibile creare un intero sito web su WordPress.<\/p>\n\n\n\n<p>In questi tipi di kit, infatti, sono presenti tutti i template per costruire facilmente l&#8217;intero sito a partire dalla homepage fino al footer.<\/p>\n\n\n\n<p>I kit permettono anche di personalizzare con semplicit\u00e0 le pagine di errore e di inserire dei <a href=\"https:\/\/supporthost.com\/it\/popup\/\" data-type=\"post\" data-id=\"46080\">popup<\/a> personalizzati, come quello con gli articoli suggeriti o, ad esempio, un popup per invitare un utente a iscriversi alla newsletter.<\/p>\n\n\n\n<p>Un&#8217;altra corposa differenza tra la versione gratuita e quella Pro \u00e8 il <strong>Theme Builder<\/strong>, ovvero la possibilit\u00e0 di personalizzare completamente il tema del sito, su questa funzione per\u00f2 torneremo pi\u00f9 avanti.<\/p>\n\n\n\n<p>Come anticipato parlando dei kit, la versione Pro di Elementor ti permette anche di realizzare i popup. Inoltre la versione a pagamento ti permette anche di accedere al <strong>WooCommerce Builder<\/strong> che ti permetter\u00e0 di modificare ogni singolo elemento del tuo ecommerce.<\/p>\n\n\n\n<p>Questa funzionalit\u00e0 di Elementor include tutta una serie di widget specifici per l&#8217;ecommerce come quello per mostrare le valutazioni dei prodotti, la galleria immagini del prodotto, il widget del carrello, i prodotti correlati e tanti altri. <\/p>\n\n\n\n<p>A questo proposito se vuoi approfondire l&#8217;argomento ti consiglio di leggere l&#8217;articolo su <a href=\"https:\/\/supporthost.com\/it\/creare-sito-ecommerce\/\" data-type=\"post\" data-id=\"19845\">come creare un sito ecommerce<\/a> e la nostra guida completa all&#8217;<a class=\"rank-math-link\" href=\"https:\/\/supporthost.com\/it\/ecommerce\/\">ecommerce<\/a>.<\/p>\n\n\n\n<p>Insieme a queste funzionalit\u00e0 aggiuntive la versione Pro include il supporto e gli aggiornamenti per un anno dalla sottoscrizione.<\/p>\n\n\n\n<p>Pur avendo delineato finora le caratteristiche aggiuntive e le numerose funzioni della versione Pro, devi sapere che la versione base di Elementor ha gi\u00e0 essa stessa un enorme potenziale, e a breve ti spiegher\u00f2 il perch\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"elementor-come-funziona\">Elementor: come funziona?<\/h2>\n\n\n\nPrima di passare al vero e proprio tutorial di Elementor, capiamo a cosa serve questo plugin.\n\n\n\n<p>Elementor \u00e8 un page builder, la sua funzione sar\u00e0 quindi quella di creare delle pagine per il tuo sito web. Nel plugin potrai scegliere se creare una pagina da zero oppure partire da un modello pre-esistente e pronto all&#8217;uso.<\/p>\n\n\n\n<p>La caratteristica principale di questo editor per pagine web \u00e8 data dalla sua semplicit\u00e0 di utilizzo. Per usarlo, infatti, non avrai bisogno di particolari conoscenze pregresse.<\/p>\n\n\n\n<p>Elementor \u00e8 pensato per essere utilizzato da tutti, quindi ti mette a disposizione dei contenuti suddivisi in categorie o blocchi. Ognuno di questi blocchi \u00e8 gi\u00e0 preimpostato e ti consente di creare e personalizzare qualsivoglia elemento: dalle gallerie al testo, inclusi anche i pulsanti, le <a href=\"https:\/\/supporthost.com\/it\/icone-social-wordpress\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">icone social<\/a> e cos\u00ec via.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"424\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/come-funziona-elementor.jpg\" alt=\"Come Funziona Elementor\" class=\"wp-image-14398\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/come-funziona-elementor.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/come-funziona-elementor-300x106.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/come-funziona-elementor-1024x362.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/come-funziona-elementor-768x271.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/come-funziona-elementor-120x42.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Insieme alle diverse categorie di blocchi, il plugin ha anche una funzione di cronologia che ti permette di tornare indietro sui tuoi passi qualora ti fossi reso conto di aver apportato qualche modifica per errore.<\/p>\n\n\n\n<p>Inoltre, come ti avevo anticipato all&#8217;inizio, ogni modifica che apporti al sito \u00e8 visualizzabile in tempo reale. In ogni momento potrai avere un&#8217;anteprima di come apparir\u00e0 il tuo sito su qualsiasi dispositivo: desktop, smartphone e tablet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-installare-elementor\">Come installare Elementor<\/h2>\n\n\n\n<p>Il nostro tutorial di Elementor, non pu\u00f2 che partire dall&#8217;installazione. Come abbiamo detto Elementor \u00e8 un plugin di WordPress, per funzionare, avr\u00e0 quindi bisogno di essere installato su questo CMS. <\/p>\n\n\n\n<p>Se ti appresti a creare il tuo sito puoi valutare l&#8217;idea di scegliere un <a aria-label=\"hosting WordPress (opens in a new tab)\" href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">hosting WordPress<\/a>. Cos\u00ec avrai WordPress gi\u00e0 installato e sarai pronto per iniziare subito a lavorare sul tuo sito.<\/p>\n\n\n\n<p>Per installare questo plugin ti baster\u00e0 andare nella sezione riservata ai plugin di WordPress e ricercare &#8216;<em>Elementor<\/em>&#8216; attraverso la barra di ricerca.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"587\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/installare-elementor.jpg\" alt=\"Installare Elementor\" class=\"wp-image-14367\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/installare-elementor.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/installare-elementor-300x147.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/installare-elementor-1024x501.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/installare-elementor-768x376.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/installare-elementor-120x59.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tutorial-di-elementor-i-primi-passi\">Tutorial di Elementor: i primi passi<\/h2>\n\n\n\n<p>Una volta installato e attivato Elementor, cliccando sul plugin si avvier\u00e0 l&#8217;interfaccia principale. In alternativa puoi procedere creando una nuova pagina e fare click sul pulsante &#8216;<em>Modifica con Elementor<\/em>&#8216;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"548\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/modificare-pagina-con-elementor.jpg\" alt=\"Modificare Pagina Con Elementor\" class=\"wp-image-14368\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/modificare-pagina-con-elementor.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/modificare-pagina-con-elementor-300x137.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/modificare-pagina-con-elementor-1024x468.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/modificare-pagina-con-elementor-768x351.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/modificare-pagina-con-elementor-120x55.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>La prima cosa da fare, per iniziare quindi, sar\u00e0 scegliere se partire da zero e iniziare a creare le diverse sezioni o utilizzare uno dei template gi\u00e0 a disposizione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"583\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-come-iniziare.jpg\" alt=\"Elementor Come Iniziare\" class=\"wp-image-14369\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-come-iniziare.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-come-iniziare-300x146.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-come-iniziare-1024x497.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-come-iniziare-768x373.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-come-iniziare-120x58.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>In quest&#8217;ultimo caso, dopo aver scelto dalla libreria il template che pi\u00f9 ci piace potremo dedicarci alla sua personalizzazione.<\/p>\n\n\n\n<p>In entrambi in casi comunque la costruzione della pagina con Elementor si basa su un sistema a blocchi che potranno essere posizionati all&#8217;interno della pagina trascinandoli nella posizione desiderata.<\/p>\n\n\n\n<p>Nella porzione di sinistra dello schermo, infatti, avrai a disposizione tutti i widget che potrai trascinare sulla schermata che ti trovi davanti.<\/p>\n\n\n\n<p>Per capire come inserire i diversi elementi nella pagina puoi immaginare di avere davanti a te una griglia in cui poterli disporre. In questa griglia potrai posizionare gli elementi uno sull&#8217;altro oppure creare una sezione interna per poter disporre gli elementi in parallelo, creando quindi delle colonne.<\/p>\n\n\n\n<p>Ogni colonna sar\u00e0 personalizzabile nelle dimensioni (impostando un numero da 1 a 100), ricordati in ogni caso che il valore totale della larghezza di tutte le colonne dovr\u00e0 corrispondere a 100.<\/p>\n\n\n\n<p>Inoltre, ogni sezione e ogni widget che inserisci potr\u00e0 essere spostato in qualsiasi momento, sempre attraverso il drag e drop. Puoi anche duplicare i singoli widget per inserirne pi\u00f9 di uno in una stessa sezione o spostarlo in una nuova.<\/p>\n\n\n\n<p>Per farlo ti baster\u00e0 cliccare con il tasto destro sull&#8217;elemento di tuo interesse, e selezionare la voce &#8216;<em>Duplica<\/em>&#8216;, con questa stessa procedura potrai anche eliminare i diversi elementi.<\/p>\n\n\n\n<p>Nel pannello di sinistra, in fondo, troverai anche la funzione della cronologia: questa terr\u00e0 in memoria le ultime operazioni da te eseguite e ti permetter\u00e0 di annullarle con semplicit\u00e0 qualora ne avessi bisogno.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"558\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-funzione-cronologia.png\" alt=\"Elementor Funzione Cronologia\" class=\"wp-image-14370\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-funzione-cronologia.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-funzione-cronologia-300x140.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-funzione-cronologia-1024x476.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-funzione-cronologia-768x357.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-funzione-cronologia-120x56.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>In ogni momento potrai anche salvare le modifiche che hai effettuato, senza doverle pubblicare online, ti baster\u00e0 scegliere &#8216;Salva come bozza&#8217; tra le opzioni di salvataggio disponibili cliccando sulla freccia che punta verso l&#8217;alto accanto al pulsante &#8216;<em>Pubblica<\/em>&#8216;.<\/p>\n\n\n\n<p class=\"note\">Per ogni elemento a tua disposizione avrai tre schede: contenuto, stile e avanzate.<\/p>\n\n\n\n<div data-video-id=\"-nR1LsE_WF0\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/-nR1LsE_WF0\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<p>Nella prima scheda, quella del <strong>contenuto<\/strong>, potrai inserire le informazioni relative a quell&#8217;elemento. Ad esempio nel caso di un campo di testo potrai inserire il testo, nel caso delle gallerie inserire le immagini e cos\u00ec via.<\/p>\n\n\n\n<p>Nella scheda dello <strong>stile<\/strong> potrai modificare le impostazioni relative ad esempio al tipo di carattere, al colore e alle dimensioni (sempre nel caso di un campo testuale) o altre impostazioni che varieranno in base alla tipologia di elemento.<\/p>\n\n\n\n<p>Per finire, la scheda <strong>avanzate <\/strong>ti permetter\u00e0 di gestire il posizionamento dei blocchi in relazione agli altri elementi e modificare i margini, gli sfondi e le animazioni. Inoltre potrai anche decidere di inserire del codice CSS aggiuntivo per implementare funzionalit\u00e0 differenti.<\/p>\n\n\n\n<p>Dopo che avrai preso confidenza con questo sistema e avrai avuto modo di vedere anche tutti gli elementi a disposizione, la creazione delle pagine sar\u00e0 molto intuitiva. Nella prossima sezione del nostro tutorial di Elementor vediamo quali sono i principali elementi che ti aiuteranno a creare le tue pagine web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementi-e-widget\">Elementi e widget<\/h3>\n\n\n\n<p>Nell&#8217;editor ci sono diversi elementi che ti permettono di inserire campi di testo, immagini, pulsanti e tanto altro. Possiamo scegliere se mostrare o nascondere i diversi blocchi nelle versioni desktop, mobile e tablet. Per attivare\/disattivare i vari elementi ti basta andare sull&#8217;opzione &#8216;<em>Responsive&#8217;<\/em> del pannello &#8216;<em>Avanzato&#8217;<\/em> di ogni elemento.<\/p>\n\n\n\n<p>Gli elementi <em>Intestazione <\/em>ed <em>Editor <\/em>di testo permettono di inserire nella pagina dei blocchi di testo che possono essere modificati scegliendo il colore, il font e la sua dimensione, e ti sar\u00e0 possibile inserire anche delle animazioni.<\/p>\n\n\n\n<p>Per distanziare i diversi elementi l&#8217;uno dall&#8217;altro si possono inserire dei <em>Divisori<\/em>, questi consistono in elementi orizzontali disponibili in vari stili dalla pi\u00f9 classica linea a pattern specifici.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"524\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-divisore.jpg\" alt=\"Elementor Widget Divisore\" class=\"wp-image-14371\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-divisore.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-divisore-300x131.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-divisore-1024x447.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-divisore-768x335.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-divisore-120x52.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>All&#8217;interno del divisore si pu\u00f2 anche inserire del testo, oppure un&#8217;icona, che pu\u00f2 essere disposta al centro e tagliare quindi a met\u00e0 il divisore, oppure a sinistra o a destra. Anche in questo caso \u00e8 possibile scegliere il colore sia del divisore che degli elementi al suo interno.<\/p>\n\n\n\n<p>Per separare gli elementi si pu\u00f2 anche scegliere di utilizzare un <em>Distanziatore<\/em>, in questo caso questo elemento ci dar\u00e0 la possibilit\u00e0 di inserire uno spazio vuoto, di dimensione a nostra scelta.<\/p>\n\n\n\n<p>Un&#8217;altra classe di elementi che pu\u00f2 rivelarsi sicuramente molto utile all&#8217;interno del nostro sito \u00e8 quella dei <em>Pulsanti<\/em>. I pulsanti possono contenere una combinazione di testo ed icone e si pu\u00f2 anche stabilire la posizione di queste ultime scegliendo se posizionare l&#8217;icona prima o dopo il testo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"527\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-pulsante.jpg\" alt=\"Elementor Widget Pulsante\" class=\"wp-image-14372\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-pulsante.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-pulsante-300x132.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-pulsante-1024x450.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-pulsante-768x337.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-pulsante-120x53.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>I pulsanti sono tradizionalmente costituiti da un colore di sfondo e si pu\u00f2 anche impostare un colore differente per il bordo. Anche in questo caso il colore delle icone e del testo sono sempre personalizzabili.<\/p>\n\n\n\n<p>Come per gli altri elementi, anche per i pulsanti si pu\u00f2 scegliere l&#8217;allineamento, e in questo caso si deve impostare un link di destinazione dove reindirizzare l&#8217;utente che cliccher\u00e0 sul pulsante. Attraverso le opzioni del link, si pu\u00f2, inoltre, impostare il pulsante in modo che al clic il link si apri una nuova finestra.<\/p>\n\n\n\n<p>Fra gli elementi base \u00e8 presente anche un widget di <strong>Google Maps<\/strong> che permette di inserire la posizione della propria attivit\u00e0. <\/p>\n\n\n\n<p class=\"note\"><strong>Suggerimento<\/strong>: segui la nostra guida per <a href=\"https:\/\/supporthost.com\/it\/google-maps-wordpress\/\">inserire mappe di Google Maps su WordPress<\/a> (con vari metodi).<\/p>\n\n\n\n<p>\u00c8 possibile anche inserire un <em>carosello<\/em>, vale a dire una galleria di immagini scorrevoli che possono muoversi in maniera automatica, grazie all&#8217;<em>Autoplay <\/em>o attraverso un click. Le immagini del carosello possono essere ridimensionate e possono anche contenere delle didascalie.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"525\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-carosello.jpg\" alt=\"Elementor Widget Carosello\" class=\"wp-image-14374\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-carosello.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-carosello-300x131.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-carosello-1024x448.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-carosello-768x336.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-carosello-120x53.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Un altro elemento interessante \u00e8 il <em>Contatore<\/em>, si tratta di un elemento animato che va da un numero iniziale a uno finale, preimpostati. Ad esempio pu\u00f2 essere utile usarlo per mostrare i progetti portati a termine. Insieme alle altre opzioni di personalizzazione, \u00e8 possibile anche scegliere la durata dell&#8217;animazione.<\/p>\n\n\n\n<p>Si possono anche realizzare delle <em>Schede<\/em>, ognuna delle quali da personalizzare. In questo modo, ad esempio, \u00e8 possibile creare un menu dei piatti e fare una scheda per ogni tipologia (Antipasti, Primi, ecc.). <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"524\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-schede.jpg\" alt=\"Elementor Widget Schede\" class=\"wp-image-14375\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-schede.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-schede-300x131.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-schede-1024x447.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-schede-768x335.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-schede-120x52.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Ogni scheda deve avere un titolo e un contenuto, che pu\u00f2 essere solo testuale ma anche includere dei media come immagini, video, ecc.<\/p>\n\n\n\n<p>Con il widget <em>Testimonianze <\/em>si pu\u00f2 inserire una recensione o un commento, il nome della persona e anche una sua fotografia. A questo elemento si pu\u00f2 anche abbinare, come nell&#8217;esempio qui sotto, quello della <em>Valutazione <\/em>che permette di esprimere una valutazione in termini di stelle (in scala di valutazione da 0 a 5 o a 10).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"527\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-testimonianze-e-valutazioni.jpg\" alt=\"Elementor Widget Testimonianze E Valutazioni\" class=\"wp-image-14376\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-testimonianze-e-valutazioni.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-testimonianze-e-valutazioni-300x132.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-testimonianze-e-valutazioni-1024x450.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-testimonianze-e-valutazioni-768x337.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-widget-testimonianze-e-valutazioni-120x53.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Negli elementi, inoltre, nella categoria WordPress sono presenti altri widget utili come la <a href=\"https:\/\/supporthost.com\/it\/ricerca-wordpress\/\">barra di ricerca<\/a>, il calendario, gli articoli e i commenti recenti.<\/p>\n\n\n\n<p>I widget di cui ti ho parlato fanno tutti parte della versione gratuita di Elementor, e sono solo alcuni dei tanti disponibili. Vediamo, invece, quali sono quelli sbloccabili passando alla versione Pro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementi-della-versione-pro\">Elementi della versione Pro<\/h3>\n\n\n\n<p>Come ti avevo gi\u00e0 anticipato Elementor Pro ti mette a disposizione dei widget aggiuntivi. Rispetto alla versione gratuita potrai inserire e personalizzare dei pannelli per il login, un widget per il conto alla rovescia, un carosello per le recensioni dei clienti e cos\u00ec via.<\/p>\n\n\n\n<p>Uno dei widget pi\u00f9 interessanti che vorrei presentarti \u00e8 quello dei <em>Moduli di contatto<\/em>.<\/p>\n\n\n\n<p>Questo blocco ti permette appunto di creare un modulo attraverso il quale invitare l&#8217;utente a iscriversi alla tua newsletter o a contattarti. Questa funzionalit\u00e0 \u00e8 utilissima ad esempio per inserire dei form di contatto nella pagina &#8216;Contattaci&#8217;.<\/p>\n\n\n\n<p>Con questa funzione potrai impostare un primo indirizzo email (di default) e volendo anche un&#8217;email secondaria dove riceverai il messaggio inserito dall&#8217;utente.<\/p>\n\n\n\n<p>Potrai anche scegliere di reindirizzare l&#8217;utente ad una nuova pagina, che si aprir\u00e0 in automatico dopo aver completato il form, in cui potrai ringraziarlo per averti contattato.<\/p>\n\n\n\n<p>Puoi anche collegare una piattaforma di <strong>email marketing<\/strong>, come ad esempio <a href=\"https:\/\/supporthost.com\/it\/mailchimp\/\" data-type=\"post\" data-id=\"59016\">MailChimp<\/a>, Drip, Convertkit e cos\u00ec via, in modo che funzioni in maniera integrata ad Elementor.<\/p>\n\n\n\n<p>Questo ti permetter\u00e0 di raccogliere i dati ottenuti attraverso il modulo di contatto e inviarli a un sistema di gestione dell&#8217;email marketing in maniera automatica.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"libreria-dei-template\">Libreria dei template<\/h2>\n\n\n\n<p>Come ti ho anticipato, per iniziare a costruire il tuo sito puoi anche scegliere di partire da un modello gi\u00e0 fatto. Per farlo ti basta iniziare a creare una nuova pagina scegliendo uno dei template a disposizione.<\/p>\n\n\n\n<p>Una volta importato il template che ti piace, modificarlo e aggiungere altri elementi sar\u00e0 ancora pi\u00f9 veloce. In alternativa, invece che un template completo di una pagina, puoi anche scegliere di importare i singoli blocchi completi di grafica.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"528\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-libreria-template.jpg\" alt=\"Elementor Libreria Template\" class=\"wp-image-14378\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-libreria-template.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-libreria-template-300x132.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-libreria-template-1024x451.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-libreria-template-768x338.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/elementor-libreria-template-120x53.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Utilizzare delle grafiche gi\u00e0 pronte ti permetter\u00e0 di risparmiare un mucchio di tempo, ma questo non vuol dire che non potrai personalizzare i template che hai scelto. <\/p>\n\n\n\n<p>In entrambi i casi, infatti, sia dei blocchi singoli che dei template completi, dopo averli inseriti potrai modificarli a tuo piacimento: nelle immagini, nei colori e nel carattere di testo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"elementor-i-template-al-di-fuori-della-libreria\">Elementor: i Template al di fuori della libreria<\/h2>\n\n\n\n<p>Oltre a quelli presenti nella libreria ufficiale di Elementor, ci sono numerosi altri template sia per la versione base che per quella Pro, messi a disposizione da altri servizi e plugin, vediamo quali sono i principali.<\/p>\n\n\n\nIn questa parte del tutorial di Elementor, vediamo dove trovare altri template e risorse per il nostro sito.\n\n\n\n<h3 class=\"wp-block-heading\" id=\"envato-elements\">Envato Elements<\/h3>\n\n\n\n<p><a href=\"https:\/\/elements.envato.com\/\" class=\"rank-math-link\" rel=\"noopener\">Envato Elements<\/a> \u00e8 un servizio che mette a disposizione numerose risorse che possono essere utili allo sviluppo di un progetto. In Envato potrai trovare risorse audio, template video, modelli per presentazioni, grafiche 3D, immagini, e, arrivando a quello che ci riguarda, numerose grafiche preimpostate e risorse per WordPress.<\/p>\n\n\n\n<p>In particolare sono stati aggiunti di recente anche dei kit completi compatibili con Elementor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"728\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-envato-elements.jpg\" alt=\"Template Elementor Envato Elements\" class=\"wp-image-14380\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-envato-elements.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-envato-elements-300x182.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-envato-elements-1024x621.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-envato-elements-768x466.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-envato-elements-104x63.jpg 104w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Ci sono pi\u00f9 di 360 Template Kit adattabili a diverse tipologie di siti da ristoranti e palestre a siti per professionisti, ad esempio fotografi e wedding planner, solo per citarne alcuni. Inoltre tra i diversi template a disposizione ci sono anche quelli che ti consentiranno di creare un portfolio.<\/p>\n\n\n\n<p>Per accedere alle risorse messe a disposizione da Envato bisogna sottoscrivere un abbonamento mensile, il piano individuale parte da 14,50 \u20ac al mese.<\/p>\n\n\n\nOltre ad essere disponibile sotto forma di abbonamento, i template, compresi i temi per WordPress possono anche essere acquistati singolarmente su <a href=\"https:\/\/supporthost.com\/it\/themeforest\/\" target=\"_blank\" aria-label=\"Themeforest (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Themeforest<\/a>, un&#8217;intera sezione di Envato dedicata proprio ai temi.\n\n\n\n<h3 class=\"wp-block-heading\" id=\"template-monster\">Template Monster<\/h3>\n\n\n\n<p>In questo caso parliamo di un marketplace in cui puoi individuare un design che ti interessa e acquistarlo per poterlo utilizzare per il tuo progetto sul web.<\/p>\n\n\n\n<p>Nel sito sono presenti diversi temi per vari CMS ed eCommerce (WordPress, WooCommerce ecc) e, come avrai gi\u00e0 capito, anche numerosi template per Elementor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"663\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-template-monster.jpg\" alt=\"Template Elementor Template Monster\" class=\"wp-image-14381\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-template-monster.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-template-monster-300x166.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-template-monster-1024x566.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-template-monster-768x424.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-template-monster-114x63.jpg 114w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Con <a href=\"https:\/\/www.templatemonster.com\/it\/\" class=\"rank-math-link\" rel=\"noopener\">Template Monster<\/a> potrai acquistare singolarmente i singoli temi o template che ti interessano, i prezzi variano da un template all&#8217;altro.<\/p>\n\n\n\n<p>La piattaforma ha anche messo a disposizione dei piani in abbonamento (mensile o annuale). Con questi piani puoi accedere alle risorse e scaricarle quante volte vuoi. <\/p>\n\n\n\n<p>Ecco i piani disponibili:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Creative a 6.80 $ al mese o 82 $ all&#8217;anno<\/li>\n\n\n\n<li>All-in-one a 14.90 $ al mese (179 $ all&#8217;anno) include anche i temi per WordPress e altri CMS<\/li>\n\n\n\n<li>All-in-one \u221e uguali risorse rispetto all&#8217;all-in-one, ma con una licenza a vita acquistabile a 599 $ <\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"launch-party\">Launch Party<\/h3>\n\n\n\n<p><a href=\"https:\/\/launchparty.org\/\" class=\"rank-math-link\" rel=\"noopener\">Launch Party<\/a> mette a disposizione dei template per Elementor (e anche per il Theme Builder) completamente gratuiti. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"542\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-launch-party.jpg\" alt=\"Template Elementor Launch Party\" class=\"wp-image-14382\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-launch-party.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-launch-party-300x136.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-launch-party-1024x463.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-launch-party-768x347.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-launch-party-120x54.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Purtroppo il sito potrebbe essere disattivato a breve, poich\u00e9 il creatore ha annunciato di non riuscire pi\u00f9 a sostenere il progetto dopo l&#8217;avvento della versione 3.0 di Elementor.<\/p>\n\n\n\n<p class=\"note\">Aggiornamento: come previsto, LaunchParty non \u00e8 pi\u00f9 disponibile. <br>Fino al 31 dicembre 2020 i video tutorial saranno ancora a disposizione e si potranno ancora scaricare i template, da <a aria-label=\"questa pagina (opens in a new tab)\" href=\"https:\/\/matthewaverkamp.com\/launchparty.html\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">questa pagina<\/a> del sito personale del fondatore del progetto. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementorism\">Elementorism<\/h3>\n\n\n\n<p>La sezione dedicata ad Elementor di <a class=\"rank-math-link\" href=\"https:\/\/www.cssigniter.com\/elementorism\/\" rel=\"noopener\">CSSIgniter<\/a> include un assortimento di template sia gratuiti che a pagamento. Sono disponibili modelli preimpostati ad esempio per <a href=\"https:\/\/supporthost.com\/it\/landing-page\/\" data-type=\"post\" data-id=\"32501\">landing page<\/a>, portfolio e pagine dedicate ad eventi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"454\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-elementorism.jpg\" alt=\"Template Elementor Elementorism\" class=\"wp-image-14383\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-elementorism.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-elementorism-300x114.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-elementorism-1024x387.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-elementorism-768x291.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/template-elementor-elementorism-120x45.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>A eccezione di quelli gratuiti, i template sono accessibili attraverso la sottoscrizione annuale di un abbonamento. Si pu\u00f2 sottoscrivere la licenza scegliendo solo i template per Elementor (attualmente a 34.30 $) oppure solo i temi WordPress, o ancora optare per la licenza che garantisce l&#8217;accesso a tutti i prodotti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"elementor-theme-builder\">Elementor Theme Builder<\/h2>\n\n\n\n<p>Con la versione Pro di Elementor potrai accedere anche al Theme Builder e avere cos\u00ec la possibilit\u00e0 di costruire un tema su misura per il tuo sito web.<\/p>\n\n\n\n<p>Questa funzionalit\u00e0 ti permetter\u00e0 di creare dei blocchi e anche delle intere pagine personalizzate e salvarle, in modo da poterle utilizzare poi ad esempio su pi\u00f9 siti web.<\/p>\n\n\n\n<p>Potrai scegliere che tipo di template andare a creare tra quelli a disposizione: da una singola sezione, ad un pagina intera, ma anche elementi singoli come i popup, l&#8217;header, il footer e le pagine degli archivi.<\/p>\n\n\n\n<p>Con il Theme Builder potrai anche creare i template per i singoli prodotti del tuo sito WooCommerce e realizzare pagine di <a href=\"https:\/\/supporthost.com\/it\/errore-404\/\" data-type=\"post\" data-id=\"20540\">errore 404<\/a> completamente personalizzate, se vuoi puoi approfondire leggendo cosa sono le <a href=\"https:\/\/supporthost.com\/it\/tutorial\/pagine-di-errore-personalizzate\/\">pagine di errore<\/a>.<\/p>\n\n\n\n<p>Puoi impostare dei template da usare per le pagine dei risultati di ricerca all&#8217;interno del tuo sito e il Theme Builder di Elementor ti permetter\u00e0 anche di creare un template aggiuntivo per un singolo articolo o post.<\/p>\n\n\n\n<p>Questo far\u00e0 s\u00ec che all&#8217;interno di un singolo articolo tu possa utilizzare sezioni non comuni al resto del sito. In questo modo, ad esempio, avrai la possibilit\u00e0 di utilizzare template diversi per articoli presenti in categorie diverse.<\/p>\n\n\n\n<p>Sempre per quanto riguarda i singoli post, il Theme Builder ti permette di sfruttare tutti gli elementi che possono esserti utili, come Titolo del post, Contenuto, Riassunto Articolo, Commenti, Immagine in Evidenza, Box Autore e cos\u00ec via.<\/p>\n\n\n\n<p>Infatti, di volta in volta, in base alla tipologia di template che stai andando a creare, il Theme Builder ti metter\u00e0 a disposizione widget differenti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"migliori-temi-per-elementor\">Migliori temi per Elementor<\/h2>\n\n\n\n<p>Uno dei vantaggi di questo plugin \u00e8 la possibilit\u00e0 di adattarsi praticamente a tutti i temi a disposizione per WordPress. <\/p>\n\n\n\n<p>Tuttavia per ottenere delle prestazioni migliori dal tuo sito si consiglia di utilizzare uno dei temi suggeriti dagli stessi sviluppatori. Vediamone insieme qualcuno.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"hello-elementor\">Hello Elementor<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"946\" height=\"761\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-hello.jpg\" alt=\"Temi Elementor Hello\" class=\"wp-image-14384\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-hello.jpg 946w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-hello-300x241.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-hello-768x618.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-hello-78x63.jpg 78w\" sizes=\"auto, (max-width: 946px) 100vw, 946px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/elementor.com\/hello-theme\/\" class=\"rank-math-link\" rel=\"noopener\">Hello<\/a> \u00e8 il tema che forse pi\u00f9 di tutti offre la maggiore compatibilit\u00e0 con Elementor. Come rivelato dagli stessi sviluppatori la maggior parte dei test sulle nuove versioni di Elementor sono stati eseguiti proprio usando questo tema.<\/p>\n\n\n\n<p>Il tema \u00e8 particolarmente indicato per la creazione di landing page, la cui caratteristica fondamentale deve essere quella di caricarsi rapidamente. Ecco una piccola panoramica che mostra la velocit\u00e0 di Hello confrontata a quella di altri due temi (Divi e Avada).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"630\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/09\/velocita-temi-wordpress-hello-elementor.jpg\" alt=\"Velocita Temi WordPress Hello Elementor\" class=\"wp-image-14385\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/velocita-temi-wordpress-hello-elementor.jpg 884w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/velocita-temi-wordpress-hello-elementor-300x214.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/velocita-temi-wordpress-hello-elementor-768x547.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/velocita-temi-wordpress-hello-elementor-88x63.jpg 88w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"layers\">Layers<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"720\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-layers.jpg\" alt=\"Temi Elementor Layers\" class=\"wp-image-14386\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-layers.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-layers-300x180.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-layers-1024x614.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-layers-768x461.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-layers-105x63.jpg 105w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Tra i temi gratuiti a tua disposizione che si adattano ad Elementor c&#8217;\u00e8 anche <a href=\"https:\/\/www.layerswp.com\/\" class=\"rank-math-link\" rel=\"noopener\">Layers<\/a>. Questo tema si integra con altri tool di marketing aiutandoti ad aumentare il traffico e le conversioni del tuo sito web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ocean-wp\">OceanWP<\/h3>\n\n\n\n<p>Ecco un altro tema gratuito consigliato per essere usato in combinazione con Elementor (ed Elementor Pro). Questo tema si adatta alla creazione di siti professionali, di qualsiasi tematica, e inoltre si integra anche benissimo con WooCommerce.<\/p>\n\n\n\n<p><a href=\"https:\/\/oceanwp.org\/\" class=\"rank-math-link\" rel=\"noopener\">OceanWP<\/a> mette a disposizione parecchi layout e anche grafiche gi\u00e0 pronte che possono essere importate e poi modificate tramite Elementor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"812\" height=\"677\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-oceanwp.jpg\" alt=\"Temi Elementor Oceanwp\" class=\"wp-image-14388\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-oceanwp.jpg 812w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-oceanwp-300x250.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-oceanwp-768x640.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-oceanwp-76x63.jpg 76w\" sizes=\"auto, (max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p>Il tema presenta anche delle estensioni aggiuntive che si possono ottenere acquistando una delle licenze pro a disposizione: quella personale, valida per un solo sito, quella business per tre siti e infine quella agency utilizzabile fino a 25 siti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"astra-theme\">Astra Theme<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-astra.jpg\" alt=\"Temi Elementor Astra\" class=\"wp-image-14390\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-astra.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-astra-300x158.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-astra-1024x538.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-astra-768x403.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-astra-120x63.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Questo tema \u00e8 caratterizzato da un&#8217;ottima velocit\u00e0 di caricamento ed \u00e8 anche ottimizzato per i motori di ricerca. Ti ho gi\u00e0 parlato in altri articoli di <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\" class=\"rank-math-link\">come velocizzare WordPress<\/a> e ottimizzare il tuo sito e spiegato l&#8217;importanza di avere un <a href=\"https:\/\/supporthost.com\/it\/perche-e-importante-avere-un-sito-veloce\/\" class=\"rank-math-link\">sito veloce<\/a>.<\/p>\n\n\n\n<p>Il tema <a href=\"https:\/\/wpastra.com\/theme-for-elementor\/\" class=\"rank-math-link\" rel=\"noopener\">Astra<\/a> \u00e8 disponibile in due versioni, una gratuita e una a pagamento, quest&#8217;ultima ti permette di personalizzarlo in maniera pi\u00f9 approfondita.<\/p>\n\n\n\n<p>Questo tema non solo si integra con Elementor, ma anche con molti altri plugin tra i pi\u00f9 utilizzati, come YoastSeo e WooCommerce.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"generate-press\">GeneratePress<\/h3>\n\n\n\n<p>Anche in questo caso si tratta di un tema disponibile in una versione gratuita e una pro. <a href=\"https:\/\/supporthost.com\/it\/generatepress\/\" data-type=\"post\" data-id=\"68792\">GeneratePress<\/a> \u00e8 un tema che fa della leggerezza il suo punto di forza, insieme alla stabilit\u00e0 del codice.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"829\" height=\"684\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-generatepress.jpg\" alt=\"Temi Elementor Generatepress\" class=\"wp-image-14391\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-generatepress.jpg 829w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-generatepress-300x248.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-generatepress-768x634.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/temi-elementor-generatepress-76x63.jpg 76w\" sizes=\"auto, (max-width: 829px) 100vw, 829px\" \/><\/figure>\n\n\n\n<p>Nella <a href=\"https:\/\/generatepress.com\/\" rel=\"noopener\">versione premium<\/a> sono inclusi tutti i moduli aggiuntivi e l&#8217;accesso completo alla libreria con template gi\u00e0 pronti che ti aiuteranno a costruire il tuo sito web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"alternative-a-elementor\">Alternative a Elementor<\/h2>\n\n\n\n<p>Ad oggi sul mercato sono disponibili davvero tantissimi builder, e nei paragrafi a seguire vedremo alcuni fra i pi\u00f9 famosi. Negli ultimi anni sono emerse anche ulteriori soluzioni.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gutenberg\">Gutenberg<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/gutemberg-wordpress.png\" alt=\"Gutemberg WordPress\" class=\"wp-image-14393\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/gutemberg-wordpress.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/gutemberg-wordpress-300x150.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/gutemberg-wordpress-1024x512.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/gutemberg-wordpress-768x384.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/gutemberg-wordpress-120x60.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Se ancora non lo sapessi <a href=\"https:\/\/it.wordpress.org\/plugins\/gutenberg\/\" class=\"rank-math-link\" rel=\"noopener\">Gutenberg<\/a> \u00e8 l&#8217;editor ufficiale di WordPress a partire dalla versione 5.0, anche se era gi\u00e0 disponibile con le versioni precedenti sotto forma di plugin.<\/p>\n\n\n\n<p><a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\" data-type=\"post\" data-id=\"22269\">Gutenberg<\/a> si basa su dei blocchi: il titolo, il paragrafo, l&#8217;immagine e cos\u00ec via, ognuno di questi elementi viene trattato come un blocco autonomo all&#8217;interno di una pagina.<\/p>\n\n\n\n<p>I blocchi standard sono quindi il titolo, il testo, la copertina, l&#8217; immagine in evidenza, le tabelle, il testo citato, gli elenchi puntati, gli altri media all&#8217;interno del testo e le gallerie.<\/p>\n\n\n\n<p>Ci sono poi i blocchi che consentono l&#8217;embedding, ovvero che ti permettono di incorporare post dei social o video di YouTube. Oltre ai blocchi di default puoi anche inserire dei blocchi personalizzati.<\/p>\n\n\n\n<p>Una volta inseriti i blocchi di cui hai bisogno puoi utilizzare Gutenberg come se fosse un <strong>page builder<\/strong>. L&#8217;editor ti offre, infatti, la possibilit\u00e0 di riposizionare i blocchi a tuo piacimento.<\/p>\n\n\n\n<p>Per ogni blocco, inoltre, sono a disposizione ulteriori impostazioni che ti permettono ad esempio di intervenire sul colore di sfondo (che dovr\u00e0 essere uno soltanto per ogni blocco), sul colore del font utilizzato e cos\u00ec via.<\/p>\n\n\n\n<p>Inoltre, se dovessi avere necessit\u00e0 di spostare pi\u00f9 blocchi insieme ti baster\u00e0 evidenziarli per poterli spostare o modificare senza dover agire sui singoli moduli.<\/p>\n\n\n\n<p>Rispetto a Gutenberg, Elementor ti permette di personalizzare pi\u00f9 a fondo le tue pagine. Innanzitutto con Elementor hai la possibilit\u00e0 di suddividere il tuo contenuto in colonne, cos\u00ec accanto alle sezioni puoi realizzare delle ulteriori suddivisioni che ti permettono di realizzare dei contenuti pi\u00f9 elaborati.<\/p>\n\n\n\n<p>Inoltre, Elementor ti d\u00e0 la possibilit\u00e0 di vedere in anteprima le modifiche che stai apportando, permettendoti di risparmiare molto tempo.<\/p>\n\n\n\n<p>In confronto a Gutenberg, questo plugin ti mette anche a disposizione altri elementi come ad esempio le schede e i pulsanti. Aggiungendo poi le funzionalit\u00e0 del Theme Builder le potenzialit\u00e0 di Elementor arrivano ad un livello molto pi\u00f9 profondo di elaborazione del tuo sito web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"oxygen-builder\">Oxygen Builder<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"929\" height=\"303\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/09\/oxygen-wordpress.jpg\" alt=\"Oxygen WordPress\" class=\"wp-image-14394\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/oxygen-wordpress.jpg 929w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/oxygen-wordpress-300x98.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/oxygen-wordpress-768x250.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/09\/oxygen-wordpress-120x39.jpg 120w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><\/figure>\n\n\n\n<p>Questo page builder per WordPress, creato dalla stessa azienda che ha lanciato <a href=\"https:\/\/supporthost.com\/it\/breakdance\/\">Breakdance<\/a>, \u00e8 disponibile nella versione <em>Basic <\/em>a 99 $. Si tratta di una licenza illimitata e quindi senza bisogno di essere rinnovata periodicamente.<\/p>\n\n\n\n<p>C&#8217;\u00e8 poi il piano <em>WooCommerce <\/em>che include anche l&#8217;integrazione del page builder appunto con WooCommerce, e per finire la versione <em>Agency <\/em>per realizzare siti web professionali per i propri clienti.<\/p>\n\n\n\n<p>Uno dei vantaggi della licenza di <a href=\"https:\/\/oxygenbuilder.com\/\" class=\"rank-math-link\" rel=\"noopener\">Oxygen<\/a> \u00e8 che non sono presenti limiti sul numero di siti su cui pu\u00f2 essere usato il page builder.<\/p>\n\n\n\n<p>Oxygen non ha bisogno di compatibilit\u00e0 con i temi di WordPress perch\u00e9 <strong>disabilita in automatico i temi<\/strong>. L&#8217;esclusione dei temi di WordPress fa s\u00ec che il sito web sia leggero e il caricamento delle pagine sia ancora pi\u00f9 rapido.<\/p>\n\n\n\n<p>Inoltre, considerando che questo plugin permette anche di modificare ogni parte del sito, compresi l&#8217;header e il footer, pi\u00f9 che un page builder pu\u00f2 essere definito un &#8216;site builder&#8217;.<\/p>\n\n\n\n<p>Oxygen presenta una libreria con template pre-impostati,o anche singoli moduli, che puoi utilizzare per iniziare a costruire il tuo sito web. In alternativa, grazie al theme builder puoi anche creare da zero il tuo template.<\/p>\n\n\n\nPuoi approfondire leggendo la nostra guida e scoprire anche <a href=\"https:\/\/supporthost.com\/it\/oxygen-builder\/\" data-type=\"post\" data-id=\"24532\">come usare Oxygen Builder<\/a>.\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questa guida abbiamo visto tutto quello che Elementor ha da offrire come page builder, soffermandoci anche sulle numerose risorse aggiuntive che possono esserti utili per dare inizio alla realizzazione del tuo sito web.<\/p>\n\n\n\n<p>E tu, quale page builder utilizzi? Hai mai provato Elementor? Fammi sapere nei commenti la tua esperienza al riguardo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In questa guida andremo a vedere uno dei page builder per WordPress pi\u00f9 utilizzati: Elementor. Vedremo quali funzionalit\u00e0 offre nella versione gratuita e in quella a pagamento, come fare per installarlo e per iniziare ad usarlo. Inoltre, in questo articolo vedremo anche una panoramica dei widget a disposizione, approfondiremo l&#8217;uso del Theme Builder e ti [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63888,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-14364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/14364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=14364"}],"version-history":[{"count":10,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/14364\/revisions"}],"predecessor-version":[{"id":131868,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/14364\/revisions\/131868"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63888"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=14364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=14364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=14364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}