Elementor: Guida & Tutorial del Landing Page Builder n° 1 per WordPress e WooCommerce

Cos’è Elementor

Hai già sentito parlare di Elementor ma non sai esattamente cos’è o come funziona? Elementor (www.elementor.com) è un page builder sotto forma di plugin per WordPress che prevede una versione gratuita base e delle funzioni con licenza Pro.

Elementor si integra con la piattaforma di WordPress e permette di realizzare landing page e costruire template di pagine per categorie, home page e archivi.

Elementor presenta un’interfaccia user friendly, si aggiorna di frequente e risulta semplice da utilizzare grazie al suo sistema drag&drop.

Grazie al sistema drag&drop Elementor permette di creare un layout con o senza colonne, sezioni, inserire widget e lavorare sulla grafica direttamente live operando da front end. Oltre che front end, Elementor consente anche di creare pagine e inserire i vari widget da back end.

Vediamo insieme quali sono le sue principali versioni di Elementor, i temi migliori per il page builder, le caratteristiche e le recensioni dei clienti.

Funzionalità di Elementor

Funzionalità essenziali

• Editor Drag & Drop: Elementor ha l’editor più veloce e intuitivo in WordPress. Basta trascinare, rilasciare e personalizzare.
• Oltre 300 modelli realizzati da designer: scegli tra oltre 300 modelli progettati per adattarsi a ogni settore ed esigenza.
• Oltre 90 widget: scegli tra dozzine di widget per creare qualsiasi contenuto di cui hai bisogno: pulsanti, titoli, moduli.
• Modifica reattiva: passa alla visualizzazione mobile e modifica ogni elemento per renderlo adatto a qualsiasi dispositivo.
• Popup Builder: popup Builder ti dà la libertà di creare popup perfetti per i pixel, comprese le opzioni di targeting avanzate.
• Theme Builder: una guida visiva alla creazione del tuo sito, che ti dà accesso immediato a ogni parte del sito, direttamente all’interno dell’editor.
• WooCommerce Builder: prendi il controllo del tuo ecommerce creato con WooCommerce utilizzando Elementor.

Flusso di lavoro

• Nessuna codifica: raggiungi design senza alcuna codifica. Il codice della pagina risultante è ottimizzato per ogni dispositivo.
• Navigatore: naviga tra tutti gli elementi o livelli della pagina, guarda rapidamente le modifiche personalizzate e accedi facilmente tramite indicatori.
• Editor completo del sito: progetta l’intero sito da un’unica posizione, inclusi intestazione, piè di pagina e contenuto.
• Finder: una barra di ricerca che offre una facile navigazione tra le diverse pagine e le impostazioni della dashboard.
• Tasti di scelta rapida: i tasti di scelta rapida sono scorciatoie da tastiera che consentono di risparmiare tempo durante l’esecuzione di varie azioni.
• Scheda delle scorciatoie: una finestra che si apre e mostra l’elenco completo delle scorciatoie.
• Ripristina e Annulla: annulla rapidamente eventuali errori con un semplice CTRL / CMD Z.
• Salvataggio automatico: non è più necessario fare clic su Salva. Il tuo lavoro viene continuamente salvato e sottoposto a backup automatico.
• Cronologia delle revisioni: con la cronologia delle revisioni, l’intero processo di creazione della pagina viene salvato e può essere facilmente rintracciato.
• Modalità bozza: hai pubblicato una pagina e vuoi continuare a lavorarci? Nessun problema, puoi salvarla semplicemente come bozza.
• Copia Incolla: copia rapidamente qualsiasi elemento e incollalo in un punto diverso della pagina o in una pagina completamente diversa del tuo sito.
• Copia stile: copia l’intero stile da un widget, una colonna o una sezione e incollalo in un altro elemento con un clic.
• Modifica in linea: utilizza la funzione di modifica in linea per digitare direttamente sullo schermo e rendere la scrittura di post e contenuti del blog un processo facile e intuitivo.
• Widget globale: salva le impostazioni del tuo widget preferito e riutilizza il widget su qualsiasi pagina con un semplice drag and drop.
• Modalità oscura: la funzione Modalità oscura di Elementor ti consente di progettare in ambienti più bui, consente di risparmiare energia.
• Impostazioni del sito: controlla tutti gli elementi globali del tuo sito da un’unica postazione, inclusi l’identità del sito, le impostazioni della lightbox, il layout e gli stili del tema.

Design

• Caratteri globali: imposta le tue scelte per tutti i caratteri sul tuo sito, da titoli, paragrafi e persino testo dei pulsanti. Accedi e applicali ovunque ti serva, con un solo clic.
• Colori globali: definisci il sistema di progettazione del tuo sito con colori globali. Salvali una volta e applicali a qualsiasi elemento del tuo sito.
• CSS personalizzato globale: aggiungi CSS personalizzati a livello globale e applicali all’intero sito.
• Sfumature di sfondo: con Elementor è facile aggiungere colori sfumati di sfondo a qualsiasi pagina o post di WordPress.
• Video di sfondo: dai vita al tuo sfondo aggiungendo interessanti video di sfondo alle tue sezioni.
• Sovrapposizione di sfondo: aggiungi un altro livello di colore, sfumatura o immagine sopra lo sfondo.
• Immagini di sfondo migliorate: personalizza le immagini di sfondo reattive per dispositivo e imposta la posizione e le dimensioni personalizzate.
• Presentazione in background: crea una presentazione e usala come sfondo per qualsiasi sezione o colonna del tuo sito.
• Elementor Canvas: passa al modello Elementor Canvas e progetta l’intera pagina di destinazione in Elementor, senza dover occuparti dell’intestazione o del piè di pagina.
• Modalità di fusione: mescola sfondi e sovrapposizioni di sfondo per creare effetti di modalità di fusione spettacolari.
• Filtri CSS: utilizzando i filtri CSS, puoi giocare con le impostazioni dell’immagine e aggiungere effetti sorprendenti.
• Divisore di forme: aggiungi forme sorprendenti per separare le sezioni della tua pagina. Falli risaltare davvero con una varietà di SVG, icone e testi all’interno del divisore di forma.
• Box Shadow: imposta visivamente le ombre dei box personalizzate, senza avere a che fare con i CSS.
• Absolute Position: usa Absolute Position per trascinare qualsiasi widget in qualsiasi posizione sulla pagina, indipendentemente dalla griglia.
• One-Page Websites: crea un sito web di una pagina che includa la navigazione con clic per scorrere, nonché tutte le sezioni necessarie di un sito web.
• Effetti di movimento: aggiungi interazioni e animazioni al tuo sito utilizzando gli effetti di scorrimento e gli effetti del mouse.
• Libreria di icone: carica e sfoglia migliaia di icone.
• Icone SVG: crea icone intelligenti, flessibili e leggere di qualsiasi dimensione. Il comportamento delle icone SVG consente loro di essere super personalizzabili.
• Stile del tema: assume il controllo del design del tema, inclusi gli stili di intestazione, pulsante, campo modulo, sfondo e immagine.

Elementor per Landing Page: funzionalità Marketing

• Landing Page: creare e gestire pagine di destinazione non è mai stato così facile, tutto all’interno del tuo attuale sito web WordPress.
• Modulo Widget: addio backend! Puoi creare tutti i tuoi moduli dal vivo, direttamente dall’editor di Elementor.
• Popup Builder: questa funzione ti dà la libertà di creare popup e relative opzioni di targeting avanzate.
• Testimonial Carousel Widget: aumenta la riprova sociale della tua azienda aggiungendo un carosello di testimonianze a rotazione dei tuoi clienti più solidali.
• Widget per il conto alla rovescia: aumenta il senso di urgenza aggiungendo un timer per il conto alla rovescia alla tua offerta.
• Widget di valutazione a stelle: aggiungi alcune riprove sociali al tuo sito web includendo una valutazione a stelle e modellandolo a tuo piacimento.
• Modulo Multi-Step: la funzione Multi-Step ti consente di suddividere il tuo modulo in passaggi, per una migliore esperienza utente e maggiori tassi di conversione.
• Action Links: connettiti facilmente con il tuo pubblico tramite WhatsApp, Waze, Google Calendar e altre app.

Tipografia

• Facile da personalizzare: gioca con la famiglia di caratteri, la dimensione, il peso, la trasformazione, lo stile, la decorazione, l’altezza della riga e la spaziatura delle lettere.
• Tag HTML del titolo: impostare il tag HTML corretto per il titolo (H1 o altro) è importante in termini di SEO.
• Anteprima caratteri: visualizza un’anteprima dei caratteri nel pannello, così è più facile scegliere quello giusto.
• Caratteri personalizzati: aggiungi i tuoi caratteri personalizzati e Typekit e usali nei tuoi progetti.
• Google Fonts: scegli tra centinaia di caratteri Google disponibili in ogni widget con testo.
• Dimensione carattere: imposta se la tua tipografia viene ridimensionata utilizzando PX, EM o REM, per un design più reattivo.
• Integrazione TypeKit: aggiungi i tuoi font personalizzati e Typekit e usali durante i tuoi progetti.
• Capolettera: ingrandisci la prima lettera del tuo post sul blog, per creare un look elegante e distinto.
• Ombra del testo: enfatizza i tuoi contenuti aggiungendo un effetto di ombreggiatura del testo a qualsiasi widget con testo.
• Colonne dell’editor di testo: dividi il widget dell’Editor di testo in colonne reattive e imposta lo spazio tra le colonne per un layout migliore.

Layout

• Larghezza e altezza sezione: vai oltre i design di pagina semplificati e generici, avendo un maggiore controllo sulle varie sezioni.
• Larghezza intera: crea facilmente pagine a larghezza intera indipendentemente dal tema che stai utilizzando, con la funzione di sezione strech.
• Larghezza colonna: inserisci una larghezza di colonna specifica o ridimensiona visivamente la larghezza trascinando il bordo della colonna.
• Spazio tra le colonne: modifica gli spazi tra le colonne per far respirare il tuo design.
• Posizione del contenuto: posiziona la colonna e il contenuto e allunga la colonna per l’intera altezza della sezione.
• Margine e spaziatura interna: imposta la spaziatura interna e il margine per sezioni, colonne e widget.
• Z-Index: posiziona qualsiasi sezione, colonna o widget davanti o dietro, utilizzando la funzione Z-index.
• Allineamento Flexbox verticale e orizzontale: allinea e distribuisci i widget su ogni colonna verticalmente e orizzontalmente utilizzando la potenza di flexbox.
• Elementi in linea: posiziona due widget uno accanto all’altro nella stessa colonna con larghezza in linea o larghezza personalizzata.
• Posizione fissa: imposta il tuo widget in modo che abbia una posizione fissa e posizionalo dove preferisci. L’elemento scorrerà accanto al tuo utente.
• Nested Columns: crea layout avanzati nidificando colonne all’interno di una determinata colonna. Questo crea una sorta di sezione interna cruciale per alcuni progetti.

Mobile editing

• Reattività al 100%: Utilizza gli ampi strumenti di editing mobile di Elementor per creare un sito web che sia veramente reattivo al 100%.
• Dimensione carattere mobile: Con questa funzione, puoi modificare la dimensione del carattere per dispositivo.
• Larghezza della colonna reattiva: Scegli un layout di colonna diverso per i dispositivi mobili modificando la larghezza della colonna.
• Padding e Margin: Questa funzione viene utilizzata per creare una spaziatura interna o una dimensione del margine diversa per dispositivo.
• Colonne inverse: Questa funzione inverte l’ordine delle colonne, quindi quando vai sul cellulare l’ultima colonna apparirà in alto.
• Nascondi e mostra elementi (visibilità): Puoi nascondere sezioni e widget in modo che non vengano visualizzati su qualsiasi dispositivo.
• Punti di interruzione personalizzati: Modifica i valori del punto di interruzione del dispositivo mobile e del tablet per adattare i tuoi siti Web a dispositivi di dimensioni specifiche.
• Dimensionamento reattivo: Scegli tra PX EM% e VH per il dimensionamento all’interno di Elementor.

Theme Builder

• Guida visiva: Rivedi e modifica individualmente ogni componente del tuo sito: intestazioni e piè di pagina, post, archivio, pagine dei prodotti e altro ancora.
• Contenuto dinamico: Utilizzando widget dinamici, creare pagine dinamiche è facile quanto creare pagine statiche.
• Colori dinamici: Riduci il flusso di lavoro di progettazione aggiungendo valori di colore dinamici da utilizzare nel campo del colore
• Condizioni di visualizzazione: Decidi esattamente dove vengono visualizzati i tuoi modelli globali sul tuo sito.
• Intestazione e piè di pagina: Personalizza visivamente le aree di intestazione e piè di pagina del tuo sito, senza alcun codice.
• Sticky Header: Aggiungi un’intestazione adesiva a qualsiasi pagina o nel tuo sito web, con un clic di un pulsante. Non sono necessari plug-in aggiuntivi.
• 404 Pagina: Indirizza i tuoi visitatori a creare pagine 404 personalizzate che possono essere costruite interamente all’interno di Elementor.
• Pagina archivio: Progetta il tuo intero blog in Elementor o designa diversi modelli per diverse aree del tuo blog.
• Post singolo: Crea il tuo modello di post sul blog e attribuiscilo al tuo sito o a qualsiasi categoria, pagina o tassonomia.
• Pagina dei risultati di ricerca: Personalizza la pagina dei risultati di ricerca e migliora l’esperienza che gli utenti ottengono durante la ricerca nel tuo sito.
• Integrazione dei campi personalizzati: Crea i campi del contenuto in ACF, Toolset & Pods quindi incorporali visivamente in qualsiasi pagina.

Contenuto del tema

• Widget del menu di navigazione: Usa il generatore di menu più avanzato per WordPress e personalizzalo visivamente, senza bisogno di codifica.
• Widget modulo di accesso: Includi moduli di accesso personalizzati a qualsiasi pagina e aiuta i tuoi utenti ad accedere facilmente.
• Widget di ricerca: Progetta a schermo intero, minime e infinite altre varianti della casella di ricerca.
• Widget dei post: visualizza un elenco di tutti i tipi di post personalizzati in vari layout e modi.
• Widget per i commenti di WordPress: convinci i tuoi visitatori a lasciare i loro commenti sui tuoi post e pagine.
• Widget Portfolio: crea un layout di portfolio che includa opere che i tuoi visitatori possono filtrare.
• Sommario: rendi il tuo contenuto in formato lungo più leggibile per i visitatori del sito e i motori di ricerca aggiungendo un sommario

Elementor per Woocommerce

• Widget tabella prezzi: Crea tabelle dei prezzi avanzate che mostrano i tuoi prodotti o servizi.
• Widget listino prezzi: Aggiungi cataloghi e menu al tuo sito web, con un elenco di prodotti e servizi che includono i prezzi.
• Widget prodotti Woo: Mostra i tuoi prodotti WooCommerce e filtra i prodotti esatti che desideri visualizzare.
• Widget categorie Woo: Mostra le tue categorie di prodotti e scegli esattamente quali categorie mostrare.
• Woo Aggiungi al carrello Widget: Crea una pagina del prodotto che includa un pulsante Aggiungi al carrello azionabile.
• Woo Elements Widget: Aggiungi la pagina del carrello, la pagina del singolo prodotto, la pagina di pagamento, il modulo di tracciamento dell’ordine o il mio account.
• Widget del pulsante PayPal: Raccogli pagamenti, abbonamenti e donazioni tramite PayPal utilizzando un semplice pulsante personalizzabile.

Moduli

• Moduli di contatto e Moduli di iscrizione: Aggiungi un modulo di iscrizione in linea che il tuo visitatore può utilizzare per iscriversi alla tua newsletter o contattarti.
• Modulo di accesso: Consenti ai tuoi visitatori di accedere facilmente a WordPress utilizzando il widget Modulo di accesso.
• Azione dopo l’invio: Decidi cosa succede dopo che il tuo visitatore ha inviato un modulo, comprese le integrazioni attivate.
• Email di conferma: Invia un’e-mail di conferma ai tuoi visitatori dopo aver inviato un modulo.
• E-mail HTML / normale: Scegli se il messaggio di posta elettronica viene inviato come messaggio di posta elettronica HTML, che include lo stile HTML o come messaggio di posta elettronica di testo normale.
• Messaggi personalizzati: Crea un messaggio personalizzato che viene visualizzato nel modulo quando l’utente interagisce con esso.
• Campi modulo avanzati: Carica file, aggiungi un selettore di date o utilizza gli altri campi modulo avanzati di Elementor.
• Campi nascosti: Includi campi nascosti nei tuoi moduli, utilizzati principalmente per aggiungere il monitoraggio agli invii di moduli.
• Campo di accettazione: Includi un campo di accettazione nei tuoi moduli, assicurandoti che i tuoi visitatori accettino i tuoi termini.
• Honeypot: Usa questa misura di sicurezza semplice ma efficace per assicurarti che i tuoi moduli non siano spam.
• Invio di moduli: Visualizza, gestisci e modifica facilmente i tuoi invii di moduli in Elementor.

Social Media

• Pulsanti di condivisione: Convinci il tuo pubblico a condividere i tuoi contenuti sulle piattaforme di social media più popolari.
• Blockquote: Condividi le tue migliori battute e citazioni su Twitter con un element Blockquote dal design personalizzato.
• Widget icone sociali: Aggiungi icone social a qualsiasi pagina, per aumentare il traffico verso i tuoi profili social.
• Incorpora Facebook: Incorpora facilmente post e video di Facebook per aumentare la tua copertura sui social media.
• Pagina Facebook: Metti la tua pagina Facebook direttamente nel tuo sito web e ottieni più Mi Piace e follower.
• Commenti di Facebook: Aggiungi rapidamente commenti di Facebook a qualsiasi pagina e inizia a comunicare meglio con il tuo pubblico.
• Pulsante Facebook: Ottieni più Mi piace e coinvolgimento sui social includendo un pulsante Mi piace di Facebook alla fine di ogni post.

Library Template Elementor

• Modelli – Pages: Scegli tra una vasta gamma di modelli predefiniti.
• Blocchi: Costruisci la tua pagina pezzo per pezzo utilizzando Blocchi, modelli di sezioni pre-progettati e semplici.
• Salva e riutilizza: Dopo aver finito di creare la tua pagina, puoi salvarla nella libreria e riutilizzarla con un clic.
• Importa / Esporta: Esporta il tuo modello e importalo, comprese le immagini, in qualsiasi altro sito.
• Cerca e filtra: Individua il modello più adatto alle tue esigenze cercando e filtrando i modelli.
• Widget modello: Aggiungi il widget Template e incorpora qualsiasi modello con un semplice drag & drop.
• Incorpora ovunque: Ottieni lo shortcode per qualsiasi modello e incorporalo dove preferisci.

Media

• Widget Carousel multimediale: mostra le tue immagini e i tuoi video in una giostra rotante dall’aspetto sorprendente.
• Widget Presentazioni: Aggiungi cursori di immagini semplici ma potenti che sono facili da usare e ottimizzati.
• Lightbox: si apre quando i visitatori fanno clic su immagini, link o pulsanti.
• 5 opzioni di incorporamento video: Incorpora video auto-ospitati, video esterni, YouTube, Vimeo o Dailymotion nelle tue pagine.
• SoundCloud: Consenti ai tuoi visitatori di riprodurre un brano mentre visitano il tuo sito, utilizzando il widget SoundCloud.
• Font icone: Aggiungi uno qualsiasi del lungo elenco di icone Font Awesome disponibili nei widget delle icone di Elementor.
• Google Maps: Incorpora una mappa di Google nella tua pagina e aiuta i tuoi visitatori a individuare la posizione della tua attività.

Interazioni

• Effetti di scorrimento: imposta un’intestazione, un piè di pagina o un’altra sezione permanente e assicurati che il tuo messaggio segua gli utenti mentre scrollano la pagina.
• Widget Call to Action: Il widget Call to Action utilizza animazioni ed effetti CSS per creare effetti interattivi.
• Widget titoli animati: Crea titoli che attirino l’attenzione che evidenziano o ruotano la parte più cruciale del titolo.
• Widget Flip Box: Crea scatole animate che si spostano dall’altra parte, una volta che il visitatore ci passa sopra.
• Animazioni al passaggio del mouse: Crea animazioni al passaggio del mouse che aggiungono un ulteriore livello di interazione al tuo sito web.
• Animazioni d’ingresso: Aggiungi animazioni al passaggio del mouse e all’ingresso e imposta un modo interattivo per la visualizzazione dei tuoi widget.
• Parallax: Crea fantastiche animazioni e interazioni quando l’utente scorre la pagina.
• Effetti del mouse: crea un senso di profondità facendo muovere gli elementi in relazione al movimento del mouse.
• Effetto inclinazione 3D: consente agli elementi di fluttuare e scivolare leggermente mentre l’utente sposta il cursore su ogni elemento.
• Widget sezione interna: utilizza il widget Sezione interna per creare layout affiancati avanzati che rimangono in colonna mentre l’utente scorre la pagina.

Funzionalità avanzate

• Modalità di manutenzione: imposta la modalità di manutenzione su WordPress, inclusi i modelli in arrivo e in modalità di manutenzione.
• Sostituisci URL: hai cambiato il tuo dominio? Esegui la funzione Sostituisci URL per assicurarti che tutto sia aggiornato con il nuovo indirizzo.
• CSS personalizzato: aggiungi CSS personalizzato a qualsiasi sezione, colonna, widget o pagina in Elementor.
• Controllo della versione: Vuoi tornare a una versione precedente? Fallo facilmente con un solo clic.
• Modalità sicura: attiva un ambiente sicuro che isola Elementor da temi e plugin che potrebbero causare un errore.
• Rigenera CSS: cancella i tuoi file CSS e genera nuovi file dopo aver apportato modifiche alle tue pagine.
• Widget HTML: inserisci il tuo codice direttamente in Elementor utilizzando il widget HTML.
• Tag HTML: imposta il tag che circonda gli elementi del widget. Puoi scegliere tra div, p, span e così via.
• Dimensione dell’immagine: impostando la dimensione dei file immagine, è possibile ridurre la velocità di caricamento delle pagine.
• Responsabile dei ruoli: limita completamente l’accesso all’editor o consenti agli utenti di apportare solo modifiche al contenuto.
• Pronto per RTL: Elementor è multilingue e offre pieno supporto per entrambe le lingue LTR e RTL.
• Richiedi parametri: tieni traccia delle informazioni dell’utente in ogni fase della canalizzazione di vendita, nonché per personalizzare l’esperienza dell’utente.
• Attributi personalizzati: aggiungi attributi personalizzati come “ARIA”, “intestazione” o “piè di pagina” per ogni sezione, colonna o widget in modo impeccabile.
• Esperimenti: controlla quali nuove funzionalità, che saranno presto rilasciate, sono attive sul tuo sito.
• Tag di compatibilità: ricevi notifiche sui componenti aggiuntivi non compatibili con la versione di Elementor attualmente installata.
• Codice personalizzato: aggiungi senza problemi valori HTML personalizzati come pixel di marketing, analisi e meta tag ai tag head e body.
• Widget di evidenziazione del codice: utilizza il widget Evidenzia codice per visualizzare ed evidenziare codice chiaro e leggibile nel tuo blog per sviluppatori.

Come installare Elementor su WordPress

Elementor, oltre ad essere semplice da utilizzare è anche semplice da installare direttamente su WordPress.

Per installare Elementor basta seguire qualche semplice passo:

• Una volta effettuato il download del plugin nella versione gratuita e quello nella versione Pro (www.elementor.com), avrai sul desktop del tuo PC un file zip denominato: Elementor.
• Dopo aver fatto il download vai su WordPress, scegli la voce Plugin e poi su Aggiungi Nuovo.
• Carica il file zip su WordPress e attendi che venga installato.
• Dopo l’installazione potrai iniziare a utilizzare Elementor su WordPress.
• Vai sulla voce del plugin che trovi nella barra a sinistra di WordPress.
• Ora puoi scegliere di guardare il video, scaricare la guida oppure di creare direttamente la tua prima pagina su WordPress.

Infine, potrai utilizzare tutti i widget e le funzioni per riuscire a creare la tua home page, l’header, il footer o la sezione ecommerce del tuo sito web.

Elementor Pro: widget, funzioni e ultimi aggiornamenti

Se hai scelto di utilizzare Elementor Pro (www.elementor.com) devi sapere che ci sono diversi widget, funzioni e plugin che ti aiuteranno a creare la tua home page e le altre pagine del tuo sito web.

Le funzioni principali alle quali puoi accedere con Elementor Pro sono:

• Drag & Drop per la personalizzazione front page
• 80 widget (30 di base e 50 avanzati)
• Un generatore di temi e design popup builder di design
• Builder per Woocommerce con 15 widget dedicati alla creazione di un negozio su WordPress
• Contenuti dinamici e possibilità di personalizzare i campi
• Accesso ai vari aggiornamenti che vengono effettuati durante l’anno
• Assistenza 24 ore su 24
• CSS Personalizzato, 300 modelli Pro e accesso agli aggiornamenti Pro
• Progettazione delle pagine 404
• Creazione dei design per l’intestazione e i piè di pagina del sito web
• Personalizzazione dei caratteri
• Integrazione di caroselli interattivi

Negli ultimi periodi sono stati integrati anche altri widget e popup come ad esempio il Related Content, un popup che può essere installato per riuscire a vedere i contenuti correlati in base all’articolo o alla pagina che l’utente sta visitando.

Molto interessante anche il popup modulo d’iscrizione personalizzabile che permette di far iscrivere gli utenti al tuo sito o alla tua mailing list. Tutti i vari popup si trovano all’interno dei modelli di Smashing Popup.

Quali sono i migliori temi compatibili con Elementor?

Elementor Pro (www.elementor.com) per funzionare meglio e fornire delle performance migliori prevede un’alta compatibilità con dei specifici temi per WordPress. Nella bacheca di Elementor Pro è possibile visualizzare tutti i temi che possono offrire una buona compatibilità con questo page builder.

Dato che alcuni temi WordPress però sono più idonei all’uso con Elementor, andiamo a vedere quelli che ti potranno essere più utili per creare delle pagine veloci, con un codice pulito e anche con un buon indice di navigabilità e un’ottima user experience per l’utente.

Tra i principali temi per Elementor troviamo:

• Elementor Hello Theme: è il tema ufficiale di Elementor, progettato appositamente per l’impiego con questo page builder in versione pro a pagamento. Questo tema è leggerissimo ed è consigliato dai programmatori di Elementor a tutti gli sviluppatori che scelgono di effettuare un abbonamento.
• OceanWP: un altro tema consigliato per Elementor è OceanWP, offre una buona velocità di caricamento, un codice pulito e leggerezza nell’installazione di default del tema. La versione pro di OceanWP ha un costo di 39 $.
• GeneratePress: è un tema WordPress che si integra alla perfezione con Elementor, ed è uno tra quelli che offre una maggiore velocità di caricamento. Il tema offre un codice sempre molto pulito, utilizza il Vanilla Javascript, e un’installazione di default che ha un peso al di sotto dei 30 kb. Il prezzo di Generate Press in versione Premium è di 39,95 $.
• Astra Theme: un tema WordPress che si presenta come uno dei più popolari e utilizzati da tutta la community di Elementor. Questo tema è molto apprezzato perché permette di realizzare delle pagine web veloci da caricare e pensate per migliorare l’esperienza utente di chi naviga all’interno del sito. Il prezzo di Astra in versione Pro è di 59 $.

Integrazioni

Elementor può essere integrato con:

• MailChimp
• ActiveCampaign
• ConvertKit
• Campaign Monitor
• HubSpot
• Zapier
• Adobe TypeKit
• Discord
• GetResponse
• Drip
• ReCaptcha V3
• Facebook SDK
• MailerLite
• Slack
• Font Awesome 5
• Custom Icon Libraries

I migliori plugin WordPress per Elementor

Con Elementor (www.elementor.com) è possibile utilizzare diversi plugin da scaricare direttamente dall’area dedicata di WordPress. I migliori plugin da utilizzare con WordPress sono:

• JetBlog: è un plugin che lavora molto bene con il page builder e che ti permette di arricchire le pagine del tuo sito con widget eleganti e innovativi.
• JetElements: il secondo plugin che puoi installare da utilizzare con Elementor. JetElements permette di creare semplicemente un modulo contatti scegliendo tra un numero illimitato di design che s’integrano anche con Contact form. Offre un’integrazione con Woocommerce, diversi modelli per la Home Page, supporta RTL e anche WPML e anche dei blocchi pre-progettati.
• Jet Engine: infine, se vuoi aggiungere e modificare i contenuti dinamici questo plugin ti permette di creare nuove tassonomie, lavora bene con i modelli di Elementor, offre varie tipologie di design per creare dei post personalizzati. Inoltre offre anche 40 widget, una reattività ottimale e supporta WPML e RTL.

I vantaggi di Elementor

Intuitivo e versatile

Elementor ti permette di creare qualunque tipologia di design e layout in tempi brevi. Con questo page builder potrai creare le tue pagine con un comodo sistema intuitivo e semplice da utilizzare, grazie al drag and drop.

Un altro vantaggio è la possibilità offerta ai più esperti di creare pagine, header, footer, landing page e moduli di contatto.

Uno dei vantaggi principali di Elementor è la possibilità di utilizzare questo page builder per creare pagine di vario genere, impiegando diversi widget, plugin e temi che funzionano bene.

Il suo codice open source, inoltre, è una risorsa da non sottovalutare. Proprio grazie a questo è possibile integrare sempre nuovi plugin per utilizzare funzioni avanzate che ti permettono di creare un sito web unico e personalizzato.

Buon rapporto qualità prezzo

Il prezzo per la versione Pro è un altro vantaggio. L’ottimo rapporto qualità costo rende Elementor uno dei migliori software per creare landing page con WordPress.

Da questo punto di vista Elementor risulta vantaggioso sia in termini di costo che di abbonamento rispetto ad altri software as a service (SAAS) per la creazione di landing page, come ad esempio Unbounce e Instapage.

Assistenza

Elementor offre un servizio di assistenza puntuale e veloce. Il sistema di ticketing funziona molto bene via mail e garantisce una risposta in 24 ore. Inoltre è disponibile un portale dedicato che permette agli utenti di confrontarsi e trovare una soluzione ai propri problemi.

In Italia Elementor fornisce assistenza in lingua inglese, ma è possibile attingere da un ampio bacino di tutorial in lingua italiana.

Opinioni su Elementor

Scandagliando il web è possibile trovare tantissime opinioni su Elementor, perlopiù positive.

Elementor è considerato uno dei migliori page builder sul mercato proprio per:

• ampia offerta di customizzazione del sito web;
• integrazione con Woocommerce;
• funzionamento ottimale con la piattaforma di WordPress;
• velocità di caricamento;
• ottima user experience offerta all’utente grazie a un codice leggero e ottimo per chi vuole ottenere dei vantaggi in termini di usabilità e velocità delle pagine.

Sul sito G2.com (https://www.g2.com/products/elementor/reviews) sono riportate numerose opinioni di utenti che già usano Elementor, la maggior parte delle quali a 5 stelle.

Elementor Pro: Prezzo

La versione base di Elementor è gratuita, ma consta di un numero di funzionalità minori. Con la versione gratuita è possibile:

• utilizzare il drag e drop;
• scegliere tra 30 widget base;
• progettare pagine, home page e pagina articoli e blog.

Una volta che avrai installato Elementor gratuito, potrai accedere al programma direttamente da WordPress con il suo plugin e procedere a creare le pagine principali del tuo sito web.

Per quanto riguarda i piani a pagamento (https://elementor.com/pricing/), è possibile scegliere tra la categoria Individuals, ideale per un solo sito web o pochi clienti, e Teams, per lavorare con più clienti.

La categoria Individuals include i seguenti piani di abbonamento:

• Essential, a $ 49 all’anno per un solo sito web;
• Advanced, a $ 99 all’anno per 3 siti web;
• Expert, a $ 199 all’anno per 25 siti web.

La categoria Teams prevede il piano Studio a $ 499 all’anno per 100 siti web, e il piano Agency a $ 999 all’anno per 1000 siti web, con le seguenti caratteristiche:

• supporto VIP: chat dal vivo 24 ore su 24, 7 giorni su 7;
• accesso del team al supporto (Studio – fino a 5 membri; Agenzia – fino a 10 membri) per consentire l’efficienza nel tuo flusso di lavoro.
• contenuti pertinenti e su misura – a partire da oltre 100 kit di siti Web aggiuntivi.

I prezzi sopra indicati non includono le tasse applicabili in base all’indirizzo di fatturazione. Il prezzo finale verrà mostrato nella pagina di checkout, prima che il pagamento sia completato.

Conclusioni

Elementor si è imposto velocemente come il page builder drag&drop più diffuso per WordPress, grazie a:

• piano gratuito;
• prezzo competitivo della versione pro;
• versatilità di customizzazione;
• aggiornamenti continui;

E tu usi Elementor? Parliamone nei commenti.