Cos’è Elementor? Cosa fa, come si installa su wordpress e cosa puoi realizzare

Oggi voglio parlarti di Elementor, il migliore visual page builder wordpress presente online che ti permette in modo semplice di realizzare pagine web belle ma anche responsive

Cos’è Elementor

Elementor, è un visual page builder o semplicemente un plug-in di WordPress (anche se chiamarlo plug-in è davvero riduttivo) rilasciato nel 2006.

Elementor  ti permette di creare pagine web responsive per tuo sito web in modo semplice e veloce.

 

Esistono sul mercato due versioni differenti di Elementor, quella free, scaricabile dalla sezione plugin di WordPress che ti offre alcune funzionalità base e quella Pro a pagamento scaricabile dal sito web ufficiale di Elementor.
Se acquisti, ad  una cifra davvero bassa la versione PRO, disponibile in tre diverse offerte, per un sito (49$), per tre siti (99$) o per infiniti siti (199$),  avrai moltissime funzioni davvero utili che ti eviteranno di dover installare diversi plug-in che a lungo andare appesantiranno il tuo sito web rendendolo più lento.
Un esempio? Elementor pro ha integrata la funzione per creare contact form di ogni tipo, questo ti permette di non installare altri plugin come per esempio WP-Form o Contact Form 7

Elementor: a chi è rivolto?

Elementor è un composer che può essere utilizzato anche dalle persone meno esperte, certo, magari ci vuole qualcuno che sia in grado di installarlo, ma questo lo vediamo dopo.

Elementor, è davvero semplice da utilizzare e per questo motivo può essere utilizzato anche da chi è alle prime armi.

Perché utilizzare Elementor?

Utilizzare Elementor ti permette di usufruire di molti vantaggi, prima tra tutti la rapidità di creazione delle pagine.

Con questo semplice super plug-in puoi realizzare pagine bellissime in pochissimo tempo con pochissimi click.

Perché dico che è il migliore? Ne ho provati molti, da Visual Composer, Divi.. e Elementor, secondo me, li batte davvero tutti.

Quando ho iniziato a fare siti web (seriamente), nel 2006,  non potevo di certo immaginare che in futuro ci sarebbero stati page builder così avanzati, quindi, perché non utilizzarli?

Ma a parte questo momento amarcord, sono qui per parlarti del miglior page builder sul mercato e a spiegarti nel dettaglio perché utilizzarlo.

Come si installa Elementor?

Se decidi di installare Elementor, basta cercarlo nella sezione plug-in del tuo wordpress.

• Entra in iltuosito.com/wp-admin e vai alla sezione plugin.
• Aggiungi plugin
• E nel form di ricerca posto a destra scrivi Elementor.
• Ti apparirà subito la voce “elementor page builder”
• A questo punto clicca sul pulsante “attiva”.

 

Se invece hai scaricato Elementor Pro dal sito web ufficiale

• Scarica il pacchetto dal sito web ufficiale
• Vai sempre su iltuosito.com/wp-admin e vai alla sezione plugin.
• Aggiungi plug-in
• Carica nuovo plug-in
• Scegli il file zip del plug-in dal tuo computer e caricalo.
• A questo punto clicca sul pulsante “attiva”.

Dopo aver caricato il plug-in, ti appariranno delle nuove voci a sinistra nel menù di wordpress, tra cui Elementor (e le varie sottovoci) e Template, sezione dedicata alla creazione e gestione dei template (questa sezione risulta completa nelle sue funzionalità solo con la versione PRO.)

Come funziona Elementor?

Elementor lavora tramite widget drag and drop (che puoi spostare con il mouse), sezioni e colonne, che ricordano i buoni vecchi div html.

Quindi le pagine che andrai a creare saranno divise in sezioni e a loro volta divise in colonne con all’interno i testi, le foto e tutte le funzionalità del tuo sito web.

Quali sono le funzioni base di Elementor?

Elementor  ha diverse funzioni che possono bastare per un sito web base senza molte pretese. A mio parere la versione free non è abbastanza completa per quanto riguarda la personalizzazione degli elementi e, senza ombra di dubbio preferisco la versione pro.

Cosa posso creare con la versione free di Elementor?

Elementor mette a disposizione 30 widget:

1. sezioni
2. intestazioni
3. immagini
4. testi
5. inserire video
6. pulsanti personalizzati
7. divisori
8. distanziatori
9. inserire mappe
10. inserire icone.
11. Riquadri immagine
12. Riquadri icona
13. Valutazione a stelle
14. Caroselli di immagini
15. Photogallery
16. Lista di icone con testo
17. Contatori
18. Barre di progressione
19. Testimonianze
20. Schede
21. Fisarmoniche
22. Commutatori
23. Icone social
24. Avvisi vari
25. Inserimento codice html
26. Ancoraggio del menu
27. Soundcloud
28. Leggi tutto
29. Shortcode
30. Inserimento barra laterale sidebar

Come puoi vedere puoi fare già molte cose con l’installazione base di Elementor, ma se vorrai inserire un contact form per esempio, dovrai installare un secondo plug-in perché questa funzionalità manca.

Quali sono le funzioni di Elementor PRO?

Con Elementor Pro posso realizzare le stesse cose che posso realizzare con la versione free, quindi tutte le 30 widget elencate in precedenza più altre 24 funzionalità aggiuntive che a mio parere cambiano davvero il modo di lavorare.

Cosa posso creare con la versione PRO di Elementor?

Con Elementor Pro posso realizzare le stesse cose che posso realizzare con la versione free, quindi tutte le 30 widget elencate in precedenza più altre 24 funzionalità aggiuntive che a mio parere cambiano davvero il modo di lavorare.

Con Elementor pro inoltre puoi inserire:

1. post (scegliendo tra template diversi)
2. portfolio
3. Gallerie d immagini
4. Moduli di ogni tipo (contact form ad esempio)
5. Login
6. Slides
7. Menu di navigazione
8. Testi animati
9. Listini prezzi
10. Tabelle di prezzo
11. Flip box (box con testo che al passaggio del mouse girano e mostrano dell’altro testo)
12. Call to action per le landing page
13. Caroselli di foto
14. Testimonianze singole o in carosello
15. Recensioni
16. Tabelle dei contenuti
17. Conto alla rovescia (utile per una coming soon page)
18. Pulsanti di condivisione
19. Citazioni
20. Pulsanti di Facebook
21. Pagina Facebook
22. Commenti di Facebook
23. Incorporare bacheca di Facebook (embed)
24. Templates

 
Inoltre, con Elementor PRO puoi creare e gestire in modo approfondito vari templates che puoi applicare a tutte le pagine in un solo click.
Ad esempio puoi creare la testata del tuo sito (header) con logo, menu e pulsanti social e applicarla con un solo click a tutte le pagine del tuo sito, la stessa cosa la puoi fare con la footer o ad esempio con i popup.
Inoltre impostanto le vari condizioni di visualizzazione  puoi decidere che la tua footer appaia solo in determinate pagine o il tuo pop up appaia solo agli utenti che hanno visualizzato il primo 30% della pagina, o alla loro uscita come exit popup o dopo che hanno visitato almeno 3 pagine di sito.

Queste funzioni, e  ce ne sono davvero molte,  non sono assolutamente da sottovalutare.

Perché utilizzare Elementor per il proprio sito web

Ora che ti ho raccontato tutto, voglio terminare questo articolo elencandoti i motivi per cui vale la pena utilizzare Elementor nei tuoi progetti.

 

1. La facilità di utilizzo. Elementor è chiaro e semplice.
2. Ha preimpostati diversi template da poter utilizzare come base su cui lavorare. Quindi anche chi è meno esperto può iniziare con i template preimpostati (versione PRO)

1. E’ drag and drop, tu sposti l’elemento che ti serve senza tanti click inutili.
2. E’ immediato. Vedi in tempo reale come verrà tutta la tua pagina web.
3. Vedi in tempo reale le modifiche, ad esempio se ingrandirai il testo lo vedrai aumentare di dimensioni proprio davanti ai tuoi occhi.
4. E’ intuitivo e di semplice utilizzo.
5. E’ ordinato e ben strutturato, ti permette di trovare tutte le opzioni in pochissimo tempo.
6. Ti permette di poter copiare lo stile creato su altri elementi senza dover fare più volte la stessa modifica. Una specie di “copia formato” del buon vecchio Word.
7. Ti permette di preimostare una palette di colori che applicherai a tutto il sito. Stessa cosa con i font.
8. Ti permette di salvare template da poter scaricare (in formato .json) e importare in altre pagine o in altri progetti totalmente diversi. (versione PRO)
9. Ti permette di creare sezioni diverse e farle apparire in pagine diverse. Ad esempio, se voglio che la mia pagina “contatti” abbia una footer diversa, basta impostare le condizioni di visualizzazione della mia sezione. Ad esempio “includi la sezione solo nella pagina contatti e escludi tutte le altre pagine”. (versione PRO)
10. Hai la possibilità di poter creare più versioni della stessa pagina web rendendola del tutto responsive e user friendly. Puoi nascondere sezioni a determinati dispositivi e organizzare diversamente li stessi contenuti in modo da essere correttamente visualizzati da tutti. Come? Se i testi del sito standard sono troppo piccoli per il mobile, basta creare una sezione visibile solo su mobile con i testi più grandi o con testi diversi o organizzati diversamente. Questo vale per qualsiasi elemento. Se voglio far apparire cose diverse in base al dispositivo utilizzato, posso farlo.
11. In back-end, il passaggio tra una versione e l’altra, è immediato. Elementor ti permette con un solo click di passare dalla versione desktop, alla versione tablet alla versione smartphone in pochissimo tempo. Basta davvero solo un click.
12. Elementor ti permette di poter rendere quasi del tutto indipendente il tuo cliente che vuole aggiornare il suo sito in completa autonomia.
13. Elementor pro ti permette di creare popup di ogni tipo. Popup ancorati al fondo o in cima alla pagina o pop up informativi al centro. Anche questo è un altro bel vantaggio, non dover installare un plug-in apposta.
14. Puoi creare landing page di ogni tipo e collegare form ai maggiori servizi di marketing online, mailchimp, sending blue, get response (versione PRO)
15. Puoi aggiungere molte funzionalità in più, adatte a noi web designer per creare un sito web davvero fatto bene. Puoi personalizzare al massimo i tuoi post, creare un template apposito per la single page, puoi impostare il tuo portfolio in diversi modi, animare testi, personalizzare header e footer rendendole scorrevoli o fisse sulla pagina, creare tabelle prezzi davvero belle (come le mie) o caroselli di immagini (versione PRO)

E ora, hai capito perchè ne vale la pena?