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…
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.