Elementor : La tua guida completa al WordPress Page Builder

Maddy Osman Ultimo aggiornamento 08.07.2021
10 Min.
Come usare Elementor : una guida all'installazione iniziale e finale
Ultimo aggiornamento 08.07.2021

Elementor è uno dei più popolari costruttori di pagine WordPress là fuori in questo momento. Per una buona ragione: Elementor è pieno di caratteristiche che rendono la costruzione di siti web personalizzati più facile che mai. In questo post, imparerete tutto quello che dovete sapere su Elementor .

Se sei curioso di sapere come usare Elementor , sei arrivato nel posto giusto. Oggi è tutto su Elementor - compresi i consigli per l'installazione e i migliori Themes & add-ons. Perché soprattutto all'inizio, usare Elementor può confondere. Daremo un'occhiata più da vicino ai seguenti argomenti:

  • Elementor : Cos'è Elementor e come funziona il costruttore di pagine
  • Vantaggi di usare Elementor come WordPress Page Builder
  • Differenze tra Elementor e Elementor Pro
  • Come installare il Page Builder di Elementor in WordPress
  • Come usare Elementor : spiegato passo dopo passo
  • I migliori Elementor Themes e come usarli
  • Componenti aggiuntivi raccomandati per Elementor
  • Conclusione: come usare Elementor - la guida completa

Elementor : Cos'è e come funziona

Cos'è un page builder?

Un costruttore di pagine è paragonabile a un "kit di costruzione" per il contenuto del tuo sito web, in cui puoi trascinare e rilasciare i singoli elementi nelle posizioni desiderate e riempirli con il tuo contenuto. Nel nostro articolo imparerete i più importanti vantaggi e svantaggi dei costruttori di pagine.

Elementor è un costruttore di siti web Plugin progettato per WordPress . Elementor aggiunge tutta una serie di funzioni di drag and drop. Così anche i neofiti creano siti web sorprendenti che sembrano professionali.

Il più grande vantaggio di Elementor è che si ottiene una visione completa dal vivo del tuo sito web - mentre si fanno le modifiche.

Elementor crea un'esperienza di design intuitiva, specialmente per i principianti. Per raggiungere questo obiettivo, Plugin usa dozzine di widget, una libreria di template completa e una funzione di cronologia dei cambiamenti. 

Il Core Plugin Elementor è gratuito e viene fornito con molti elementi di base. Se avete bisogno di funzioni più avanzate, è disponibile Elementor Pro. Questa versione premium di Elementor ha diversi livelli di prezzo, a partire da $49/anno per un sito web e fino a $999/anno per 1.000 siti web.

Vantaggi di usare Elementor come WordPress Page Builder

Come avrete capito, Elementor ha alcuni vantaggi. Esploriamone alcuni prima di entrare nel vero e proprio tutorial di Elementor . Alcuni dei vantaggi più importanti sono: 

  • Facile da usare. L'editing visuale del frontend combinato con i widget rende il lavoro con Elementor Page Builder incredibilmente facile, anche per i principianti. 
  • Flessibile ed estensibile per gli sviluppatori. Una robusta libreria di template, un editor di blocchi e il pieno controllo sull'output significa che anche gli sviluppatori più esperti possono imparare a usare e lavorare con Elementor Theme Builder. 
  • Tonnellate di opzioni per lo stile. È possibile utilizzare il pannello dell'editor con i cursori per regolare le impostazioni del design all'interno di un comodo quadro di editing.  
  • Widget globali che fanno risparmiare tempo. Cambia, personalizza, salva e usa i widget su più siti web. 
  • Drag & Drop Theme Creazione. Crea un Elementor Theme da zero usando i widget integrati - o usa i modelli di Elementor Pro come base. 
  • Integrazione del commercio elettronico. Usa il pannello dei widget per creare un negozio online con il pieno controllo reattivo a cui sei abituato da altri costruttori con compatibilità con WooCommerce .
  • Strumenti di marketing incorporati. Soprattutto quando si inizia con Elementor , si noterà subito quanto segue: Puoi personalizzare gli stili dei moduli, creare una pagina di destinazione Elementor e usare i widget di Plugin per costruire la tua presenza sul web e la tua strategia di marketing allo stesso tempo. 
  • Grande comunità e mercato di terzi. Un grande vantaggio di Elementor è la grande comunità di sviluppatori dietro di esso. Puoi passare ore a sfogliare tutti i modelli di pagina di Elementor , WordPress Themes e i componenti aggiuntivi che estendono le caratteristiche principali di Elementor . 
I 15 costruttori di pagine più popolari WordPress a confronto

C'è più di un costruttore di pagine WordPress . Ti presenteremo 15 diversi in questo momento Plugins per aiutarti a muoverti più velocemente con WordPress . Conosci i migliori costruttori di pagine WordPress sul mercato oggi.

Differenze tra Elementor e Elementor Pro

Prima di andare avanti, è importante menzionare che esiste una versione Pro di Elementor . La versione gratuita ti porterà abbastanza lontano, ma se stai cercando ancora più funzioni, dovresti considerare Elementor Pro

La versione gratuita di Elementor include tutto il necessario per creare un sito web, comprese le funzioni di costruzione:

  • Intestazione 
  • Caselle di testo 
  • Widget immagine 
  • Widget video 
  • Widget della galleria
  • Testimonianze 
  • Widget divisori 
  • Widget a fisarmonica 

Elementor Pro aggiunge diverse caratteristiche rivolte alle aziende, tra cui

  • Moduli 
  • Diapositive 
  • Portafogli 
  • Tabelle dei prezzi 
  • Caroselli di immagini 
  • Widget del contatore 
  • pop up 
  • Widget dei pulsanti sociali
  • Costruttore di piedini e intestazioni personalizzate 
  • invito all'azione

Puoi anche aggiungere font e punti di rottura personalizzati e utilizzare molti widget premium. Qui potete trovare un confronto tra la versione gratuita di Elementor e Elementor Pro: 

Differenze tra Elementor  e Elementor  Pro
Infografica che confronta le caratteristiche di Elementor e Elementor Pro

Come installare il Page Builder di Elementor in WordPress

Perinstallare Elementor hai bisogno di un WordPress installato con unpiano di hosting e unnome di dominio . Quando sei connesso a dashboard del tuo sito WordPress , vai su Plugins > Add New

Come installare il costruttore di pagine Elementor  in WordPress
WordPress Plugins Schermata di ricerca in dashboard

Cercate Elementor e installatelo. Poi clicca su Attiva

Come installare il Elementor  plugin
Installazione e attivazione di Elementor Plugins in WordPress dashboard

Se scegliete Elementor Pro (o volete fare l'upgrade dalla versione base Elementor Plugin ), andate sul sito Elementor all'indirizzo Il mio account e cliccare sul pulsante di downloadPlugin . Questo salverà un file ZIP sul tuo computer. 

Elementor  vista account
Elementor Vista dell'account, accesso al menu Download

Poi, accedi al tuo WordPress dashboard e vai su Plugins > Add New. Carica il file ZIP che hai appena salvato sul tuo computer, clicca su Install e poi su Activate. Devi avere la versione gratuita di Elementor Plugins installata e attivata perché questo funzioni. 

Aggiungendo plugins a WordPress
Aggiungi Plugins a WordPress

Da lì deviattivare la tua licenza. Per farlo, vai su Elementor > License e poi clicca su Connect & Activate

Attivare la licenza di Elementor  Pro nel sito WordPress  dashboard ].
Attivare la licenza di Elementor Pro in WordPress dashboard

Nella schermata successiva, clicca su Connect e poi accedi al tuo account Elementor . 

Collegare la licenza Elementor  con il tuo sito web WordPress
Collegare la licenza Elementor al tuo sito web WordPress

Verrai reindirizzato su dashboard . Il messaggio in cima allo schermo che ti chiede di attivare la tua licenza dovrebbe essere scomparso. 

Come usare Elementor : spiegato passo dopo passo

Ora che l'installazione è completa, è il momento di mettersi al lavoro su come usare Elementor nella pratica. Elementor raccomanda di installare Envato Elements Plugin , che ti fornisce una selezione di modelli di pagina Elementor in dashboard . Assicuratevi di avere il sito WordPress Theme installato e attivato di default. 

Scaricare Envato Elements plugin in WordPress  dashboard
Scarica l'Envato Element Plugins su WordPress dashboard

Per iniziare, vai su Elements all'indirizzo WordPress dashboard . Puoi scegliere tra kit di template gratuiti e premium. Decidete cosa preferite. Poi scegliete un modello che fa per voi.

Un elenco di kit di template gratuiti di Envato Elements in WordPress
Un elenco di kit di template gratuiti da Envato Elements in WordPress

Scorri il menu dei modelli e seleziona un tema della homepage che vuoi importare. Ripeti questo per ogni nuovo modello di pagina specifico che vuoi creare. Molte persone spesso scelgono di usarlo per creare pagine come Chi siamo, Servizio e Contatti - ma questo dipende da te.

Un elenco di kit di template gratuiti di Envato Elements in WordPress
Opzioni del template della homepage nel kit di template CoWorking Space

Una volta che hai creato le tue pagine, puoi modificarle usando Elementor . Per farlo, vai su Pages > All, passa il mouse sulla pagina che vuoi modificare e clicca su Edit with Elementor . 

Una volta caricata la pagina, dovresti vedere l'editor Elementor in azione. Sul lato sinistro dello schermo vedrete la modalità editor attivata. E sul lato destro vedrete l'anteprima dell'editor. Questo è fondamentalmente una vista dal vivo del tuo sito web che puoi riorganizzare, riformattare e modificare direttamente. 

Elementor : La tua guida completa al WordPress  Page Builder
Modificare una homepage in Elementor

Il contenuto è diviso in sezioni in modalità di modifica. Quando passi il mouse sopra le sezioni, dovrebbero essere evidenziate in blu chiaro. 

Quando clicchi su una sezione, puoi modificare direttamente il contenuto in essa. Se clicchi con il tasto destro, si apre il pannello delle sezioni. Qui puoi vedere come dopo aver cliccato su un'immagine nel modello, il pannello di controllo per l'immagine appare sul lato sinistro: 

Modifica delle immagini in Elementor
Modifica delle immagini in Elementor

Lavorare con i widget è un processo simile: se è già presente nel modello, basta cliccare sull'icona grigia della matita per aprire la modalità di modifica di quel particolare widget. Questo riapparirà poi sul lato sinistro. 

Se volete fare delle modifiche a un widget carosello di immagini, potete cliccare su di esso nel modello pre-fatto e poi fare delle modifiche alle impostazioni regolando le dimensioni, il testo associato e le immagini. 

Aggiungere un widget carosello di immagini in Elementor
Aggiungere un widget carosello di immagini in Elementor

Man mano che impari a usare i modelli di Elementor e a progettare il layout della tua pagina a tuo piacimento, puoi iniziare a pensare allo stile. Puoi personalizzare i colori regolandoli a livello globale (per tutto il tuo sito web se usi Pro) e anche su base widget. 

Cambiare il colore del testo nei vostri titoli è un gioco da ragazzi:

Cambiare il colore, il carattere e lo stile del testo in Elementor
Cambia il colore, il carattere e lo stile del testo in Elementor

Puoi regolare gli stili e le dimensioni dei caratteri, se il testo ha o meno un'ombra (e la sua opacità), e varie altre impostazioni di stile per la spaziatura, i margini e i bordi. È anche possibile regolare la dimensione e il modello delle linee del widget divisore. 

È possibile inserire le icone dei social media, personalizzare il loro colore e dimensione, e determinare il loro posizionamento. Potete anche cambiare la loro forma, aggiungere colonne e cambiare il loro orientamento. 

Aggiungere le icone dei social media usando Elementor
Aggiungere le icone dei social media con Elementor .

L'intero flusso di lavoro con Elementor è user-friendly. Se fai un errore, è facile da correggere perché puoi sempre visualizzare la tua storia di revisione e tornare a una versione precedente del tuo sito web con un clic. 

Le viste Revision History e Navigator in Elementor
Le viste Revision History e Navigator in Elementor

Allo stesso modo, il navigatore rende facile vedere ogni sezione, area interna e widget in una volta sola, in modo da non dover scorrere su e giù all'infinito. Manipolare qualsiasi parte del tuo sito web è simile a Elementor . Seleziona una sezione o un widget, fai delle modifiche e salva il tuo lavoro. E quando sei pronto, puoi pubblicare il tuo sito web. 

Se vuoi aggiungere altre caratteristiche o vuoi uno starter ancora più robusto Theme , puoi usare Elementor Themes e add-on - che è esattamente quello che vedremo dopo. Ora che avete capito le basi dell'utilizzo di Elementor , diamo un'occhiata ad alcuni dei più popolari Themes disponibili per la piattaforma. 

Migliore Elementor Themes

  • Ciao: Ciao è un Theme gratuito e facile da usare, progettato per Elementor . Ciao è un vero Theme per iniziare con Elementor . Hello non contiene alcuno stile o script, ma viene fornito con il principale WordPress Plugins compatibile. 
  • Layers: Elementor ha adottato Layers in modo che ora sia compatibile con Plugin e offre scelte di design adatte ai professionisti - completamente gratuito. 
  • Astra: conosciuto come il più popolare WordPress Theme di tutti i tempi, Astra è leggero, veloce e facile da personalizzare tramite Elementor . La versione gratuita è molto ricca di funzioni, ma c'è anche una versione Pro che offre una maggiore selezione di widget pre-fatti e opzioni di personalizzazione. Il prezzo parte da 47 dollari all'anno.
  • Hestia: Hestia è un altro Theme che è compatibile con Elementor . Vi offre un design moderno gratuitamente. Ma si può anche passare alla versione Pro per ottenere più opzioni per i widget e una migliore compatibilità con Elementor . I prezzi partono da 69 dollari all'anno.
  • GeneratePress: Questo gratuito e open source WordPress Theme è una scelta solida per creare qualsiasi tipo di sito web. C'è anche una versione Pro con più funzioni che parte da 44 dollari all'anno. 
  • OceanWP: Questo premium WordPress Theme offre la piena compatibilità con Elementor , tra cui più demo, estensioni e widget, a partire da $39/anno. 
  • Personalizzare: Questo Theme è gratuito. Grazie all'integrazione con Elementor e l'Header & Footer Builder, ti dà tonnellate di opzioni di personalizzazione. Potete anche passare alla versione Pro, che è disponibile a partire da $59/anno per moduli aggiuntivi, aggiornamenti e supporto.
  • Neve: Questo Theme ha un design Mobile First che funziona con Elementor ed è gratuito da usare. C'è una versione Pro con ancora più funzioni disponibili a partire da $59/anno.
  • Phlox Pro: Questo premium Theme è disponibile su ThemeForest per $49 e include oltre 150 modelli Elementor . 
  • Zakra: Questo Theme è progettato per la velocità e il SEO e include oltre 65 modelli di avvio. La versione Pro include demo premium e un set di funzioni più ampio, a partire da 59 dollari all'anno. 

Componenti aggiuntivi raccomandati per Elementor 

Elementor è ricco di funzioni. Ora sai come usare Elementor Themes . Ma dovreste anche considerare i vari add-on popolari per estendere ulteriormente la funzionalità. 

Mentre stai imparando a usare Elementor , sentiti libero di controllare i seguenti componenti aggiuntivi:

  • Ultimate Addons: Estende Elementor con più add-on, widget e blocchi, a partire da $55. 
  • Essential Addons for Elementor : Questa è la libreria Elementor più popolare per Elementor e viene fornito con oltre 70 opzioni, a partire da $ 39,97 per un singolo sito. 
  • Elementor Pack: Questo pacchetto è ricco di widget e componenti aggiuntivi gratuiti Elementor . La versione Pro offre ancora più widget, nonché supporto e aggiornamenti, a partire da 29 dollari all'anno.
  • Prime Slider: con questo add-on puoi creare uno slider nell'intestazione e nell'area dell'eroe del tuo sito web Elementor . È possibile scaricare Plugin gratuitamente o optare per la versione Pro, che include supporto e aggiornamenti, a partire da 7,92 dollari all'anno.
  • ToolKit per Elementor : ToolKit mira a semplificare la creazione di siti web Elementor grazie a miglioramenti delle prestazioni e a strumenti di amministrazione più intuitivi. Puoi iniziare a lavorare su un massimo di tre siti web con questo add-on per $49/anno.
  • Happy Addons: ultimo ma non meno importante, c'è Happy Addons. L'add-on aggiunge nuovi widget, sezioni e preset a Elementor . C'è una versione gratuita e una versione pro. Quest'ultimo viene fornito con caratteristiche aggiuntive come Live Copy, supporto 24/7 e aggiornamenti. Il prezzo parte da 29 dollari all'anno. 

Conclusione su Elementor Page Builder

Elementor è spesso salutato come il miglior page builder Plugin per WordPress . C'è una buona ragione per questo: il design ricco di funzionalità, la robusta comunità e la disponibilità di Themes e componenti aggiuntivi rendono Elementor un modo flessibile e accessibile per costruire un sito web. 

Se vuoi imparare a usare Elementor , devi iniziare con un solido piano di hosting. Noi di RAIDBOXES offrono WordPress specifico hosting che copre una varietà di esigenze. Se avete domande su o suinostri piani, non esitate a contattarci.

Le tue domande sull'argomento Elementor

Che domande hai per Maddy? Aspettiamo il suo commento. Sei interessato a WordPress e al web design? Poi segui RAIDBOXES su Twitter, Facebook, LinkedIn o tramite la nostra newsletter.

Maddy Osman è un SEO Content Strategist. Lavora con clienti selezionati nel WordPress e il settore dell'hosting web. Con un background nel web design e WordPress , ha una profonda comprensione del SEO - e sa esattamente come collegare i marchi con contenuti rilevanti per il SEO.

Articoli correlati

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati con *.