Come Funziona Elementor
Se hai bisogno di creare pagine web in modo semplice e veloce, anche senza conoscenze tecniche, in questo articolo scoprirai uno strumento fondamentale.
Elementor, uno dei page builder più utilizzati al mondo per WordPress, ideale per creare siti professionali senza codice.
Riassunto: Cos’è e Come Funziona Elementor
- Elementor è un page builder per WordPress che permette di creare pagine professionali senza conoscere HTML, CSS o PHP.
- Il suo editor visuale Drag & Drop consente di modificare le pagine in tempo reale in modo semplice e intuitivo.
- Per iniziare, acquista un dominio e hosting WordPress, installa WordPress e aggiungi il plugin Elementor.
- Dalla Bacheca WordPress puoi creare una nuova pagina e selezionare Modifica con Elementor per accedere all’editor.
- Elementor utilizza sezioni, colonne e widget per costruire e organizzare ogni elemento della pagina.
- I widget Elementor permettono di aggiungere testi, immagini, video, pulsanti, form, newsletter, popup e molto altro.
- Puoi utilizzare template predefiniti, modificare colori e sfondi e rendere le pagine responsive per mobile e tablet.
- Elementor Pro offre strumenti avanzati come Popup Builder, Form Builder e WooCommerce Builder per creare anche eCommerce.
- Prima della pubblicazione puoi visualizzare l’anteprima, modificare la pagina e utilizzare la cronologia per ripristinare versioni precedenti.
Elementor è uno strumento potente, ma per creare un sito di successo servono anche SEO, marketing, velocità e ottimizzazione. Continua a leggere per scoprire ogni strategia nel dettaglio.
Cos’è Elementor?
Elementor è un page builder per WordPress che ti permette di creare pagine web da zero senza scrivere codice (HTML, CSS o PHP), grazie a un editor visuale drag & drop in tempo reale, sempre più evoluto e ottimizzato per le performance.
Trattandosi di un plugin WordPress, è davvero semplice da installare (tra poco vediamo i passaggi uno ad uno!), e come scoprirai a breve, ne esistono versioni free e a pagamento.
Continua a leggere per scoprire tutti i dettagli!
Cos’è un Page Builder?
Prima di capire come funziona Elementor, cerchiamo di far luce su cosa sia un page builder e quando potrebbe essere utile utilizzarlo.
Come accennato, Elementor ti aiuta soprattutto se non hai esperienza nella creazione di siti web, ma è utilizzato anche da professionisti per velocizzare lo sviluppo e migliorare il design.
Elementor, nonostante sia un page builder molto completo, è semplice da utilizzare perché offre un editor visuale in tempo reale (WYSIWYG) che mostra immediatamente ogni modifica.
Ma quindi come funziona Elementor?
Come ti può aiutare in maniera così semplice a creare un sito web da zero, anche se non hai alcuna conoscenza informatica?
Come Funziona Elementor?
Rimarrai stupito da quanto può essere veloce creare pagine web con Elementor, grazie a un sistema visuale che consente di progettare layout complessi in pochi minuti, senza competenze tecniche.
Ma come funziona Elementor? Perché diciamo che sia così intuitivo rispetto ad altri metodi?
Elementor si basa su un sistema drag & drop (trascina e rilascia) che permette di costruire pagine in modo: visivo, rapido e senza codice.
Elementor offre decine di widget (nella versione free) e oltre 100 nella versione Pro, tra cui:
- Pulsanti call to action (CTA)
- Barre di avanzamento
- Valutazioni con stelline
- Immagini
- Testo
Tutto questo avviene aggiungendo blocchi (widget) e personalizzandoli direttamente nell’editor.
Ma ovviamente puoi fare molto altro!
- Modificare sfondi e colori
- Inserire e cambiare posizioni di testi, immagini, ecc
Tutto grazie alla semplicissima funzione drag and drop.
Ma facciamo un passo indietro, partiamo dalle basi e vediamo come installare Elementor su WordPress.
Come installare Elementor su WordPress?
Se parti da zero e non sei ancora convinto di creare un tuo sito web, leggi subito perché è così importante creare un sito web al giorno d’oggi.
Ecco i passaggi che dovrai affrontare per la creazione del tuo sito web con Elementor:
- Scegli un dominio inerente a ciò che vuoi proporre (ad esempio il nome della tua azienda)
- Sottoscrivi un piano con un web hosting (io consiglio Siteground)
- Installa WordPress (oggi disponibile nella maggior parte degli hosting con installazione automatica in 1 clic)
Una volta installato WordPress, come installare Elementor?
Di seguito i passaggi che dovrai seguire:
- Accedi alla tua dashboard WordPress, con nome e password decisi durante l’installazione del CMS: clicca qui per scoprire come fare
- Clicca su Plugin e quindi su Aggiungi Nuovo
- Nella barra apposita, digita Elementor e seleziona la voce corrispondente
- Clicca su “Installa” e successivamente su “Attiva”
Sei già pronto ad utilizzare il tuo plugin Elementor per WordPress, e quindi creare da zero la tua pagina web…vediamo come!
Come usare Elementor su WordPress
Una delle prime cose da fare con Elementor, per capire anche la base del suo funzionamento, è creare, da zero, una nuova pagina.
Segui quindi questi passaggi:
- Dalla bacheca WordPress, clicca su Aggiungi Nuova Pagina (o Post, come preferisci)
- Seleziona “Modifica con Elementor” per aprire l’editor visuale drag & drop
Ora visualizzerai la tua pagina nell’editor visuale di Elementor e ti apparirà sulla sinistra la colonna dedicata appunto al page builder Elementor: qui trovi tutti i widget e gli strumenti di personalizzazione, che potrai semplicemente trascinare per aggiungere alla tua pagina.
Proprio da questa colonna dedicata partono infatti tutte le funzioni e le modifiche che potrai apportare alle tue pagine con Elementor.
Ma prima di proseguire, ricorda che Elementor si basa su tre elementi principali:
- Sezioni: sono l’elemento maggiore, che “contiene” i due successivi
- Colonne: fanno parte di sezioni più grandi
- Widget: i singoli elementi (testo, immagini, bottoni, form) inseriti all’interno delle colonne
Dove puoi trascinare gli elementi all’interno delle tue pagine?
Elementor ti aiuta, evidenziando in blu le zone in cui puoi aggiungere i vari widget, colonne e sezioni.
Ti basterà scegliere la zona preferita, trascinare e controllare se il risultato ti soddisfa!
Non sei soddisfatto di una modifica e preferisci tornare ad una versione precedente?
Dal menu di Elementor, clicca sull’icona dell’orologio, che funge da cronologia: qui potrai rivedere, selezionare e ripristinare la versione delle tue modifiche che preferisci.
Cosa sono gli elementi Widget e come aggiungerli?
Come accennato poco fa, uno degli elementi fondamentali di Elementor sono proprio i widget.
Ma cosa sono?
Si tratta di blocchi predefiniti già pronti all’uso, completamente personalizzabili e ottimizzati anche per dispositivi mobile.
Ma ci sono widget per tutto? Praticamente sì:
- Per immagini
- Per video
- Per pop up
- Per form di contatto
- Per iscrizione a newsletter
- Per post e titoli
E molto altro!
Potrai modificare tutto sempre utilizzando la modalità intuitiva del trascinamento degli elementi, ed in questo modo avrai tutta la pagina sott’occhio!
Come pubblicare la tua pagina con Elementor
Ma come pubblicare una pagina dopo aver apportato le modifiche che desideravi?
Prima di tutto devi sapere che quando hai terminato di progettare la tua pagina su WordPress con Elementor, puoi visualizzare un’anteprima, prima di pubblicarla.
Come visualizzare quindi l’anteprima e pubblicare una pagina?
- Sul pannello di Elementor, in basso a sinistra della pagina, clicca su un’icona a forma di occhio
- Ora ti si aprirà l’anteprima della pagina: controlla se è tutto di tuo gradimento
- Se non sei soddisfatto, continua a modificarla, in caso contrario clicca sul pulsante verde Pubblica
Et voilà: già fatto!
Come aggiungere Pop Up con Elementor
Vediamo più da vicino cosa puoi fare con Elementor, includendo anche i tanto famosi moduli pop up (per capirci, quelli che per esempio ti compaiono quando clicchi per la prima volta su un sito web, quando ti viene chiesto di iscriverti alla newsletter di un sito per avere vantaggi come sconti, ecc).
Per creare popup avanzati è necessario utilizzare Elementor Pro, che include anche funzioni di targeting, trigger (tempo, scroll, uscita utente) e integrazione con email marketing.
Ma a cosa può servirti un pop up?
Puoi ad esempio ottenere indirizzi email di potenziali clienti, a cui mandare novità, sconti esclusivi per invitare all’acquisto, ecc.
Aggiungere un modello pop up con Elementor è semplice:
- Accedi alla tua bacheca WordPress
- Clicca su Template -> Pop Up
- Scegli il nome da dare al tuo modello (ad esempio “Newsletter”) e clicca su Crea Modello
- Scegli la personalizzazione del modello direttamente dalla Libreria, o modificalo come preferisci in pochi clic, e seleziona Salva e Chiudi
Ora apri una nuova pagina in Elementor, ed aggiungi un widget, quindi:
- Segui il percorso Layout -> Collegamento Dinamico -> Azioni -> Pop Up
- Qui seleziona Apri Pop Up e scegli quello appena creato (nel nostro esempio “Newsletter”)
Il tuo Pop Up è così stato aggiunto alla tua pagina.
Non farti spaventare da quelli che sembrano essere molti passaggi!
In realtà, dopo la prima volta che entri nell’ottica di capire come funziona Elementor, sarà tutto molto semplice ed intuitivo.
Come utilizzare Elementor per WooCommerce
Se vuoi aprire un ecommerce, sarai felice di sapere che Elementor può venirti in aiuto anche in questo caso.
Con pochi clic e tramite il sistema drag & drop, puoi progettare un ecommerce moderno e ottimizzato per la conversione, selezionando i modelli giusti a scelta tra molti, potrai creare un ecommerce attraente per i clienti e funzionale per te…vediamo come.
Utilizzando una delle migliori piattaforme per ecommerce, WooCommerce, ecco alcuni campi che puoi personalizzare del tuo Ecommerce:
- Nome del prodotto
- Immagine
- Percorso (ad esempio Donna -> Abbigliamento -> Vestiti -> Abiti da Cerimonia)
- Prezzo
- Breve descrizione
- Recensioni di altri utenti
- Carrello (ben in vista, solitamente nella parte superiore destra della pagina)
Potrebbe essere interessante aggiungere altre sezioni, come ad esempio:
- Potrebbe interessarti anche…
- Sta bene con…
Anche qui puoi visualizzare l’anteprima prima di dare l’ok alla pubblicazione, sempre cliccando sull’icona dell’occhio.
Una volta soddisfatto della tua pagina, clicca su Pubblica.
Quanto costa Elementor?
Dopo aver visto solo alcune delle funzionalità molto utili (e soprattutto semplici da svolgere!) di Elementor, ti starai sicuramente facendo la fatidica domanda.
Ma quanto costa Elementor?
Esiste una versione gratuita di Elementor, che ti consiglio soprattutto per capire come funziona questa tipologia di page builder.
Una volta entrato nel vivo di questo builder, vorrai sicuramente però approfondire la sua conoscenza, ed accedere a molte più funzioni.
In questo caso potrai scegliere tra tre piani:
- Essential Plan, per un sito web
- Advanced Plan, per 3 siti web
- Expert Plan, fino a 25 siti web
- Agency Plan, fino a 1000 siti web
Come puoi notare la differenza è il numero di siti web che puoi gestire con Elementor, quindi se possiedi un solo sito web, il piano Essential andrà benissimo, e te la caverai con poco più di 50€ l’anno.
In ogni piano sono compresi:
- Editor visuale drag & drop avanzato
- Più di 100 design per siti web
- Più di 100 widget
- PopUp Builder
- WooCommerce Builder
- Form Builder
Ma anche opzioni che ti permettono di aggiungere animazioni e titoli animati alle tue pagine, strumenti da utilizzare con i tuoi collaboratori o clienti (ad esempio commenti all’interno delle pagine in costruzione).
Ricordiamo che in tutti i piani Elementor è compreso anche il servizio clienti premium, formato da esperti del settore disponibili 24/7, festivi compresi, direttamente via chat o tramite apertura di un ticket.
Come usare Elementor per il tuo sito web di successo
Ma basta utilizzare un page builder per avere pagine di successo?
La risposta è no: Elementor è solo uno strumento, ma servono anche strategia, SEO e marketing.
Diciamo che sicuramente aiuta, ma non è tutto. Nello specifico, Elementor ti sarà di grande aiuto perché:
- Puoi utilizzarlo in autonomia: non avrai bisogno di figure professionali a cui affidare la creazione del tuo sito web
- Anche la versione a pagamento, è comunque un buon (piccolo) investimento
- Puoi seguire una guida chiara passo passo di Elementor, che ti illustra e suggerisce impostazioni per il tuo sito web
- Ti permette di modificare in pochi click le impostazioni, rendendo le tue pagine responsive: leggi qui come e perché è importante avere un sito web responsive
Non dimenticare però altri fondamentali passaggi per un sito web di successo:
- Fare SEO
- Aggiungere inserzioni pubblicitarie
- Creare dei corsi legati al tuo sito web
- Sponsorizzare il tuo sito
Tutto questo viene reso molto più semplice dall’utilizzo di un ottimo page builder come Elementor, che oltre a darti una spinta grafica in più, non ti sottrarrà tempo da dedicare a tutti gli altri aspetti fondamentali che girano intorno ad un sito web di successo.
Conclusione Come Funziona Elementor
Ora che hai tutte le nozioni di cui hai bisogno ed hai scoperto come funziona Elementor, puoi iniziare a creare pagine professionali in autonomia, ottimizzate anche per mobile, velocità e conversioni.
Ricorda sempre che il tuo sito web è il tuo biglietto da visita, e può davvero fare la differenza a livello economico.
Articoli Simili
- Creare Sito Elementor
- Come Ottimizzare Elementor
- Cos’è WordPress e Come Funziona
- Come Creare Landing Page con Elementor
- Come Creare un Sito WordPress
- Sito WordPress Guida
- Cosa Fa un CMS
- Hubspot Come Funziona
- Quanto Costa Fare un Sito con WordPress
Come Funziona Elementor
Questionario
Ti è stato utile questo articolo?