Elementor: guida al visual page builder per WordPress
Questa guida è stata aggiornata il
Se hai deciso di creare un sito web e vuoi modificarne l’aspetto senza scervellarti con il codice, imparare come usare Elementor Page Builder per WordPress può darti un grande aiuto.
Per chi è alle prime armi, creare un sito web può sembrare un’impresa davvero difficile, modificarne il design anche peggio. Per gli utenti più esperti, creare un sito è solo una questione di risorse e tempo, fattori che spesso scarseggiano.
WordPress ci semplifica tantissimo la vita e con il passare del tempo si sono affermati sempre di più degli strumenti chiamati “visual page builder” (editor visuale di pagina), che ti permettono di creare pagine web attraverso un’interfaccia semplice, osservando i risultati in tempo reale e magari partendo da modelli precostituiti. Ed Elementor ti consente di fare proprio questo.
Infatti Elementor, come quasi tutti i migliori visual builder, ci permette di concentrarci sull’aspetto del nostro sito e sull’esperienza dei visitatori invece di investire tanto tempo nel comprendere gli aspetti tecnici dietro la creazione di un sito web (cosa importante ma che può sempre avvenire mentre la prima versione del sito è online).
In questa guida ad Elementor Page Builder parleremo di che cosa è questo plugin e di come usarlo.
Scopriamo Elementor, il Page Builder per WordPress
Se sei alle prime armi, leggi i nostri consigli su come creare un sito web in WordPress e la nostra guida: “I plugin per WordPress: ti spieghiamo cosa sono”. Nella guida sui plugin ti spieghiamo appunto cosa sono, dove trovarli e come installarli.
Se sei indeciso e non sai quale plugin vuoi installare, ti diamo una mano con l’articolo: “Come decidere se installare un plugin WordPress”. Se non ti va di leggere e preferisci i video, fai un salto nella nostra sezione guide.
Che cos’è Elementor?
Il page builder Elementor è un plugin per WordPress, tradotto in italiano, che appartiene alla categoria dei visual page builder. Rilasciato nel 2016 è stato subito apprezzato dalla community per l’offerta gratuita di funzionalità in genere premium.
Su WordPress.org è stato installato più di 700.000 volte e gode di ottime valutazioni, 5/5 stelle.
Queste statistiche confermano la grande popolarità di questo strumento che ha i suoi punti di forza in un’interfaccia basata sul “drag and drop” (trascinamento), davvero alla portata di tutti, e sui template pronti da usare.
Se non sai come creare o modificare un tema o il design di un sito web, questo è lo strumento che fa per te. Questo plugin ti permette di creare design personalizzati senza avere conoscenze tecniche grazie ad un’interfaccia intuitiva e ad anteprime in tempo reale che ti permettono di mettere alla prova i tuoi cambiamenti con pochi click del mouse.
Elementor ti mette a disposizione vari template che puoi semplicemente caricare in modo da avere l’aspetto del sito pronto in pochi minuti.
Come accennato, questo è uno strumento gratuito ma è disponibile anche una versione premium a partire da 49$ all’anno, licenza valida per un solo sito. Puoi dare un’occhiata alle funzionalità a pagamento visitando il sito ufficiale del plugin.
Installazione e primi passi con Elementor
Dopo aver installato e attivato il plugin ti basterà cliccare su Elementor nella bacheca di WordPress per accedere alle impostazioni del plugin. Elementor di base è abilitato per articoli e pagine e in questa sezione potrai decidere anche chi avrà accesso agli strumenti messi a disposizione da questo plugin.
Dopo aver effettuato i cambiamenti desiderati, ricordati di salvarli attraverso il pulsante disponibile nella schermata.
Per aver accesso alle funzionalità del plugin ti basterà creare un nuovo articolo o una nuova pagina sul tuo sito.
Cliccando sul pulsante Modifica con Elementor avrai accesso a una schermata di caricamento e poco dopo al page builder.
Utilizzando il pulsante Add new section (Aggiungi nuova sezione) potrai creare la tua pagina partendo da zero e utilizzando i comandi drag and drop nella colonna sulla sinistra. Il pulsante Add template (Aggiungi template) ti permette di caricare un modello predefinito che potrai utilizzare o modificare a tuo piacimento.
Puoi salvare i tuoi cambiamenti con il tasto Save (Salva se hai la versione italiana). Il pulsante Salva non pubblicherà il contenuto sul sito, salverà solo i tuoi cambiamenti. Potrai visualizzare un’anteprima o tornare alla bacheca di WordPress dove in seguito potrai pubblicare il contenuto definitivo.
Come funziona Elementor
Per provare le funzionalità di questo plugin al meglio, parti da uno dei template che hai a disposizione, cliccando sul pulsante Aggiungi template e scegliendo quello che si avvicina di più al design che avevi in mente.
Clicca sul pulsante Inserisci per aggiungere il template da te scelto nella pagina. Una volta caricato il template, potrai selezionare gli elementi con il mouse e il plugin ti mostrerà le impostazioni rilevanti nella colonna sulla sinistra.
Elementor basa l’interfaccia su: sezioni, colonne e widget.
Le sezioni sono i blocchi che compongono la tua pagina e sono un “raccoglitore” per varie colonne e stili diversi.
I widget sono i vari quadratini nella colonna sulla sinistra che rappresentano vari comandi che puoi semplicemente trascinare per attivarli nella sezione desiderata.
Investi un po’ di tempo a provare i vari comandi e ti renderai subito conto delle grandi potenzialità creative offerte da questo plugin, senza mai compromettere la semplicità d’uso e l’attenzione prestata per gli utenti meno esperti.
Infine, Elementor è compatibile con Yoast SEO, perciò puoi curare l’aspetto SEO del tuo sito senza problemi.
Conclusione
In questa guida abbiamo spiegato che cosa è Elementor e come usarlo in pochi semplici passi. Creare un sito web e curarne il design può essere un’impresa ardua ed estremamente costosa se ci si rivolge a professionisti.
Quando mancano le risorse e le conoscenze per creare un sito, WordPress ed Elementor sono una coppia vincente!
Hai provato ad usare il page builder Elementor?
Quali sono le funzioni che preferisci?
Parliamone nei commenti.
e altri…
Io sono riuscita a modificare la pagina con Elementor. L’ho salvata ma poi da WordPress non so come posso pubblicarla. Se la apro vedo il tema di base che avevo installato. Mi sapere dare qualche info?
Ciao Francesca, una volta che hai creato una pagina con Elementor, puoi vedere la sua anteprima cliccando sull’icona a forma di occhio in basso, oppure puoi decidere di pubblicarla direttamente cliccando sul pulsante verde “Pubblica”.
Ciao Andrea,
sto facendo ricerca per creare un ecommerce con Woocommerce possibilmente con un tema che supporti Elementor. Sai dirmi se nel caso di un ecommerce mi basta Elementor Free o è necessario Pro?
Ciao Arianna, per un ecommerce sarebbe meglio Elementor PRO. Un tema che possiamo consigliarti è OceanWP, perfetto per lavorare con WooCommerce ed Elementor.
Ciao,
non sono sicuro che elementor sia adatto a scrivere articoli. Mi sembra di capire che lascia molto codice aggiuntivo rispetto a wordpress standard. D’altra parte senza elementor non saprei come aggiungere alcuni elementi per me importanti. Lo consigli per un blog con tanti articoli? Elementor può danneggiare la seo?
Ciao Massimo, Elementor è un eccellente page builder. Consigliamo però di scrivere articoli usando gli strumenti nativi di WordPress come Gutenberg o l’editor classico. Meglio quindi, usare Elementor per costruire il layout delle pagine. Un saluto!
Ciao Andrea. Sto iniziando a usare elementor. Per il momento nella versione base per creare delle pagine. In questa versione non è possibile avere tutti i font? Creo la pagina, ma quando la visualizzo in anteprima quasi tutte le parti della pagine sono in azzurro. È perché non ho la versione pro?
Ciao, puoi cambiare il colore del font anche nella versione base di Elementor. Un saluto!
Ti ringrazio per la risposta. Mi sono accorto di una cosa strana. Le variazioni fatte nella pagina creata con elementor (per esempio il colore dei caratteri di una frase) le visualizzo correttamente accedendo al sito tramite un altro computer oppure sul mio smartphone, ma non sul computer da dove ho effettuata tali variazioni dove mi appaiono tutte di colore azzurro. Strano no?
Usi lo stesso browser, su tutti questi dispositivi?
Sì.
Puoi mandarci una screenshot, scrivendo a info@sos-wp.it?
Buongiorno, è possibile usare Elementor anche per modificare un Sito già esistente? Chiedo questo perché sto provando ad usarne le funzioni ma quando trascino un testo o una immagine o un bottone eccetera esce il cartello stradale del divieto… Grazie.
Ciao Paolo, si è possibile, ma alcune funzionalità fanno parte della versione PRO del plugin. Un saluto!
Per un sito avanzato consigliate di installare elementor?
Ciao Luca, Elementor è un eccellente page builder, può essere usato anche per realizzare progetti importanti, ma in quel caso meglio usare la versione PRO del plugin. Un saluto e buon lavoro!
Salve, uso da un po’ Elementor e ho imparato a esportare e importare i miei template da siti provvisori a quelli operativi, ma non mi è chiaro ancora il significato della sincronizzazione dei template e il suo utilizzo.
Grazie
Ciao Daniele, puoi darci un riferimento dove si parla della sincronizzazione dei template, per capire meglio cosa intendi?
Salve, quando apro la libreria dei template in alto a dx vedo tre simboli, da sinistra a destra: la freccia per importare template, il simbolo per sincronizzare la libreria e poi il simbolo del floppy per salvare.
Che succede se sincronizzo la libreria?
Grazie mille
Si salvano i template di Elementor che eventualmente hai creato.
Ciao, ma quindi finché non clicco sul pulsante sincronizza i template che ho creato rischio di perderli? Mi sembra che non sia mai successo che mi sia perso un template per non aver cliccato su sincronizza. Grazie mille per le risposte.
In questo modo, puoi caricarli anche su altri siti.
Ciao, ho comprato il tema unfinity su theme forest perchè diceva di essere compatibile con elementor ma una volta caricato su wordpress mi accorgo che era già fornito di wpbakery page builder .. ho tentato di disattivarlo per provare a modificare il mio tema con elementor ma niente da fare.. esiste un modo per risolvere questo problema?
Ciao Giulia, hai disattivato quindi il WPbakery Page Builder?
Ciao Andrea, sto provando a fare delle modifiche ad “Elementor Minimal Creative” (The 7) proprio usando Elementor (quello base non Pro e di cui sono veramente poco pratico) ma non mi fa modificare i vari sottotitoli già scritti in latino nelle pagine (in realta non ci riesco neanche con l’editor classico ne con la WP Bakery page builder), in particolar modo quando mi appare “Post Excerpt” / Avanzato/ mi esce quel prima e dopo che mi fa scrivere prima e dopo il testo sopracitato ma che non mi fa cancellare la scritta latina e poi non so a che serva “Fallback”, cliccando sull’aiuto c’è anche una spiegazione in inglese e sebbene lo comprenda non riesco in egual modo ad afferrare il senso dell’esempio, forse perchè devo per forza passare al Pro per fare queste modifiche o sono io ad essere negato? Grazie https://docs.elementor.com/article/427-post-excerpt-widget?utm_source=widget-help&utm_medium=wp-dash&utm_campaign=learn
Ciao Claudio, prova a deselezionare l’opzione di Fallback, fai questa prova. Un saluto!
Ciao,
sono alle prime armi e ho installato wordpress.org solo in locale per imparare e prenderci mano.
Ho il problema che avevo iniziato a scrivere un articolo con l’editor di WP, poi sono passata ad elementor e ho cancellato e scritto altro, e poi sono ripassata all’editor di WP dove ho terminato l’articolo. Adesso cerco di ripassare ad elementor ma mi mostra solo quello che avevo scritto quando ci sono passata la prima volta, non tutto quello che ho scritto successivamente dall’editor di WP. Sicuramente ho pasticciato un po’, ma posso risolvere in qualche modo?
Grazie
Ciao Sabina, hai pulito la cache del browser?
Ciao, sì ma purtoppo la situazione non si è risolta.
Temo che non sia salvato allora quanto avevi editato in precenza.
Ciao, come sempre scrivete articoli dettagliati e interessanti. Vorrei farvi una domanda, sul mio sito ho attivo Elementor PRO, eppure non riesco a modificare la pagina shop con Elementor. Da cosa può esser dato il problema?
Ciao Maria, che tema stai utilizzando?
Salve. stavo per inaugurare il mio sito quando improvvisamente Elementor non fa girare più i caroselli di slide presenti. Qualcuno sa dirmi cosa è successo?
Grazie.
Ciao Stefano, Elementor e tema sono aggiornati?
Ciao, ho da pochissimo acquistato un dominio e da qualche giorno sono al lavoro per la creazione di un sito e-commerce con wordpress, prima di effettuare l’acquisto/i di un plug in o temi sto facendo diversi test, attualmente sto utilizzando ocean wp versione free come tema ed elementor free come plug in per creare le pagine, mi sto trovando abbastanza bene se non per alcune cose, vorrei capire se è un problema mio oppure è dato dal fatto che sono tutte versioni free.
1. non posso modificare con elementor la pagina dello shop, solo e soltanto quella(ho provato a cambiare tema e disinstallare plug in pensando che erano quelli ad andare in conflitto ma nulla)
2. vorrei creare nella sidebar, un elenco delle categorie prodotto personalizzato a livello di design, con effetti e bordi diversi da quelli di default, mi piacerebbe inoltre che il cliente quando selezioni una categoria possa, rimanendo su quella pagina visionare le sottocategorie e solo dopo aver selezionato la sottocategoria essere indirizzato alla pagina (tutti i temi che ho provato caricano una nuova pagina ad ogni cambio di categoria)
lascio il link di un sito che ha una barra laterale simile a quella che vorrei fare io
https://www.games-workshop.com/it-IT/Warhammer?N=95456528&Nr=AND%28product.locale%3Ait_IT_gw%2Csku.siteId%3AIT_gw%29&Nrs=collection%28%29%2Frecord%5Bproduct.startDate+%3C%3D+1578432600000+and+product.endDate+%3E%3D+1578432600000%5D
Grazie mille in anticipo per la pazienza
Ciao Emanuele, per fare le modifiche che desideri dovresti usare Elementor Pro. Un saluto!
ciao Andrea io ho un template Soledad con cui mi trovo bene…. ora ho scoperto che c’è la possibilità di usare Elementor che fa parte come plugin di Soledad…. ma posso ora modificare le pagine vecchie e i post usando elementor? non devo creare template nuovo vero?
Ciao Caterina! no, non è necessario creare un nuovo template 🙂 Un saluto e buon lavoro!
Buongiorno.
Ho una domanda. Ho acquistato un abbonamento PREMIUM su wordpress. Vorrei installare il plug-in Elementor, ma wordpress non me lo consente, c’è la dicitura ” Esegui l’aggiornamento al piano Business per installare i plugin”. Altre persone di mia conoscenza con l’abbonamento base (né Premium, né Business) sono riusciti ad installarlo. Sapete darmi qualche delucidazione?
Ciao Marta, stai usando WordPress.com e non WordPress.org.. leggi in questa guida tutte le differenze tra le due versioni. Rimaniamo a disposizione, un saluto!
come modifico l’url di una sezione creata con elementor?
Ciao Claudia, quale sezione nello specifico?
Il problema di Elementor è che non realizza il progetto elaborato su wp. Se osservate la pagina web che ho allestito, non è perfetta , è ancora in fase di assetto ma avevo organizzato i titoli spostati di assetto a destra con sfondo arancione, che ricordasse un po i documenti antichi. La pagina si occupa di storia. Dentro wp-admin tutto ok e probabilmente chi naviga con chrome nel sito ed aperto in wp-admin Vede anche le animazioni. La cosa fastidiosa è lavorare per ore e poi non vedere quello che Elementor promette , cioè la realtà è del tutto diversa. Intanto il titolo rimane in un orrendo colore standard azzurro maglia del napoli, ED è la cosa peggiore sopratutto per uno juventino, poi.. il contrasto voluto tra testo nero e pagina bianca, sparisce perchè il testo che io ho densamente colorato di nero rimane di uno squallido e triste grigio, color giacca bidello delle medie . Non sembra una pagina fatta da uno che si occupa di designe ma sembra una bacheca di un ambulatorio dentistico. Se questo è Elementor lo disinStallo subito e vado avanti con la normale grafica WP… PERCHè cosi i risultati tipografici fanno veramente schifo.
Salve
sto costruendo il mio sito grazie anche all’aiuto di un vostro corso che ho acquistato quasi due anni fa. Sto utilizzando elementor con il tema di Oceanwp. Mi capita che caricando due sole pagine del sito compare la scritta:”Hai problemi a caricare Elementor?Si prega di abilitare la modalità provvisoria per la risoluzione dei problemi. Potete darmi qualche consiglio. Grazie grazie grazie
Vi auguro una bella giornata!
Ciao Davide, puoi attivare la Modalità provvisoria in due modi:
Hai provato a seguire una delle due opzioni? Ti auguriamo anche noi una meravigliosa giornata, a presto!
Salve, ho scaricato elementor ma non so come quando vado sul pannello principale, non mi fa cliccare sui tasti tipo ” testo” e “immagine” mi da una freccia strana, non il simbolo della manina, qualcuno mi sa aiutare?
Ciao Claudia, è la prima volta che usi Elementor? Riesci a trascinare gli elementi del builder all’interno di una pagina? Un saluto!
Ho un problema: vorrei mettere il codice di monitoraggio per google sul sito però non lo so fare su elementor: come si fa ad aggiungerlo direttamente?
Ciao Alessandro, che tema stai utilizzando insieme ad Elementor? Un saluto!
Si
Se vai su Aspetto>Personalizza, trovi opzioni per modificare la pagina Shop?
Purtroppo no, ma a questo punto penso sia un limite del tema (forse passando alla versione PRO me la farebbe modificare)
Non ne siamo sicuri però, consigliamo di contattare il supporto del tema per avere ulteriori delucidazioni.
Ciao Andrea, scusami, ma vorrei chiederti una cosa, ma non so se c’entra molto… vorrei provare a modificare una pagina (shop) del tema Bulk Shop. Purtroppo quando provo non mi fa modificare nulla. Di fatto nella pagina non trovo nulla e quindi neanche il “modifica con Elementor”.
E’ questione del tema o di Elementor? Potrei chiederti come fare?
Ciao Lidia, stai quindi utilizzando WooCommerce per lo shop?
Buongiorno, è possibile utilizzare Elementor ed Enfold insieme oppure andrebbe in conflitto con il page builder di Enfold? Grazie
Ciao Nicola, non consigliamo di usarli insieme. Il builder di Enfold può bastare, ha molte funzionalità. Un saluto!
Salve! Ho un problema da qualche giorno, non riesco piu’a trascinare i widget all’interno delle sezioni. Cliccando sopra i widget mi da il simbolo di divieto . Cosa ho fatto?? Grazie per l’aiuto!
Ciao Marina, puoi fare un test disattivando i plugin? Facci sapere se in questo modo il simbolo scompare e puoi trascinare i widget.
Anche io ho lo stesso problema. Non mi fa trascinare i widget e mi da il divieto. Come fare? Come disattivare i plugin?
Ciao Noemi, puoi disattivare i plugin semplicemente andando sulla bacheca di WordPress, alla voce “plugin”. Puoi disattivarli tutti assieme, oppure uno ad uno, flaggando il campo relativo al pliugin e selezionando l’opzione di disattivazione. Un saluto!
Ciao, sto riscontrando un problema con la nuova versione di Elementor, la 2.4.3
In pratica non funziona più, infatti ogni volta che provo a creare o modificare una pagina con Elementor mi dà questo errore: “The page you requested could not be found”.
Ho provato a verificare i requisiti minimi richiesti, ma sembrerebbe tutto OK.
Ho provato a usare il template di deafult di wordpress, ma niente da fare.
L’unica soluzione che ho trovato è quella di fare il downgrade della versione di Elementor dalla 2.4.3 alla 2.38. Solo in questo modo riprende tutto a funzionare correttamente.
Potreste aiutarmi a capire il quale potrebbe essere il problema? Grazie.
Ciao Lucio, hai testato il funzionamento su più browser? Che versione PHP stai usando sul tuo server? Un saluto!
Ciao, ho un problema provando ad inserire icone social (e-mail:envelop) non mi viene riconosciuto il link per scrivere all’indirizzo mail inserito, ho ottenuto gli stessi risultati anche inserendo mailto:.
come posso risolvere il problema?
Ciao Gianluca, che tipo di errore viene segnalato?
Buon pomeriggio,
ho un problema con l’oggetto commutatore, l’oggetto parte con tutti gli elementi aperti e non esiste più l’opzione per farli partire contratti inizialmente.
Avete notizie al riguardo
Ciao Daniele, faremo qualche test in merito! Grazie della segnalazione.
Buongiorno, Ho questo ragionevole dubbio:
Ho comprato un plugin di Elementor e lo ho installato in un sito. Ora, per varie ragioni questo sito è inattivo, ma avrei bisogno di utilizzare questo stesso plugin in un altro sito attualmente attivo. è possibile disinstallarlo dal vecchio sito e rinstallarlo su quello nuovo? Chiedo tutto ciò poichè ho comprato questo plugin con la Regular License, che permette l’utilizzo in un solo sito. E facendo la disinstallazione da una parte e installazione da un altra, tecnicamente lo starei utilizzando per un singolo dominio. è dunque possibile procedere cosi?
Grazie in anticipo!
Ciao Andrea, dovrebbe essere possibile. Consigliamo preventivamente di sentire comunque il supporto del plugin. Un saluto!
Salve, cercavo info su elementor. Sto valutando l’acquisto della versione pro per creare lo shop con woocommerce, facendo prove con la versione free le parti aggiunte nella pagina prodotto ( e nelle pagine in generale) con elementor vengono visualizzate nel footer, vorrei essere sicura che con la versione pro non ci sia questo problema, visto che non sono molto pratica non voglio modificare il footer del sito.
Grazie
Ciao Danila, cosa intendi per “parti aggiunte”?
Voglio creare un sito web in cui pubblicherò una serie di articoli però userò delle landing “esterne”, ovvero che non ci puoi arrivare dal sito, ma solo se entri nei vari funnel.
Per creare queste pagine mi volevo affidare ad un page builder come Elementor ma la mia domanda è: devo comprare un tema (es. “Themeforest” …) per creare il sito e poi compro un page builder per le landing? Oppure conviene fare tutto il sito con Elementor?
Per convenienza non intendo quella economica, ma tecnica.
Ciao Thomas, molti temi come Divi ed Enfold hanno un builder incorporato. Ti consiglio di lavorare con un tema che ha già questa opzione.