Come usare Elementor : una guida all'installazione iniziale e finale

Elementor: la guida completa alla creazione di pagine WordPress

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 page builder è paragonabile a un "kit di costruzione" per i contenuti del tuo sito web, in cui puoi trascinare e rilasciare i singoli elementi nelle posizioni desiderate e riempirli con i tuoi contenuti. Nel nostro articolo scoprirai i principali vantaggi e svantaggi dei page builder.

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 hai 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 front end 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. 
  • Tante opzioni per lo styling. Puoi utilizzare il pannello dell'editor con i cursori per regolare le impostazioni del design all'interno di una comoda struttura di editing.  
  • Widget globali che fanno risparmiare tempo. Cambia, personalizza, salva e utilizza 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 plugin 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 di immagini 
  • Widget video 
  • Widget della galleria
  • Testimonianze 
  • Widget divisori 
  • Widget a fisarmonica 

Elementor Pro aggiunge diverse caratteristiche rivolte alle aziende, tra cui

  • Moduli 
  • Scivoli 
  • Portafogli 
  • Tabelle dei prezzi 
  • Caroselli di immagini 
  • Widget del contatore 
  • pop up 
  • Pulsanti sociali Widget
  • Costruttore di piè di pagina 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, devi avere un WordPress installato con unpiano di hosting e unnome di dominio . Una volta effettuato l'accesso a Dashboard del tuo sito WordPress, vai su Plugin > Aggiungi nuovo

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

Cercate Elementor e installatelo. Poi clicca su Attiva

Come installare il Elementor  plugin
Installazione e attivazione di Elementor plugin 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 menù Download

Poi, accedi al tuo WordPress dashboard e vai su plugin > 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 plugin installata e attivata perché questo funzioni. 

Aggiungendo plugin a WordPress
Aggiungi plugin 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 plugin 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 per WordPress
Un elenco di kit di template gratuiti da Envato Elements in WordPress

Scorri il menù 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 per WordPress
Opzioni del modello di homepage nel kit di modelli di spazio di lavoro

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 guida completa alla creazione di pagine WordPress
Modifica di 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. 

Aggiunta di un widget carosello di immagini in Elementor
Aggiunta di 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 dei tuoi 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. Puoi anche regolare la dimensione e il modello delle linee del widget divisorio. 

È 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 con 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 hai 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 tiene fornito con il principale WordPress plugin 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 . ti 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 aggiuntiti, 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 avtio. 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 tiene fornito con oltre 70 opzioni, a partire da $ 39,97 per un singolo sito. 
  • Elementor Pack: Questo pacchetto è ricco di widget e componenti aggiuntiti 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ù intuititi. 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 nuoti widget, sezioni e preset a Elementor . C'è una versione gratuita e una versione pro. Quest'ultimo tiene 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 piano di hosting solido. A Raidboxes offrono unhosting specifico per WordPress che copre un'ampia gamma di esigenze. Se hai domande su o sui nostri piani, non esitare a contattarci.

Le tue domande sull'argomento Elementor

Quali domande hai per Maddy? Attendiamo con ansia i tuoi commenti. Sei interessato a WordPress e al web design? Segui Raidboxes su Twitter e Facebook, LinkedIn o tramite la nostra newsletter.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più i nostri contenuti. Grazie!

Scrivi un commento

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