lunedì 29 Aprile 2024

scrivici@culturadigitale.live

HomeStrumentiCos'è Elementor? Il page builder più facile da usare

Cos’è Elementor? Il page builder più facile da usare

Elementor il plugin più popolare al mondo

Elementor è uno dei più popolari plugin di WordPress per la creazione di siti web

Altamente versatile e user-friendly, questo plugin consente agli utenti di creare facilmente pagine e layout personalizzati per il proprio sito web senza necessariamente conoscere i linguaggi di programmazione. 

Elementor fu sviluppato nel 2016 da un team di sviluppatori israeliani. 

L’idea era quella di dare a tutti la possibilità di creare un sito web indipendentemente dalle competenze tecniche. 

ASCOLTA IL PODCAST

Utilizzo e caratteristiche di Elementor

Il software, in effetti, è molto semplice da utilizzare. L’interfaccia drag-and-drop consente agli utenti di trascinare e rilasciare elementi visivi come testo, immagini, forme, video, icone e molto altro, direttamente sulla pagina. Ciò significa che non è necessaria alcuna conoscenza di codice per utilizzarlo, basta avere un progetto ben strutturato, gusto estetico e qualche nozione di User Experience Design.  

Elementor offre anche una vasta gamma di opzioni di personalizzazione per ogni elemento, una serie di modelli e layout pre-costruiti, la possibilità di visualizzare in anteprima le modifiche in tempo reale, una serie di widget personalizzati e l’ottimizzazione SEO per i motori di ricerca. Features che gli hanno fatto guadagnare fino a oggi più di 11M+ di siti realizzati in tutto il mondo e una community attiva di sviluppatori e utenti.

Come funziona Elementor

Installato il plugin su WordPress, utilizzare Elementor è facilissimo. Grazie al widget drag and drop puoi spostare con il mouse sezioni e colonne, come si faceva con i buoni vecchi div html. Le pagine che andrai a creare saranno divise in sezioni e a loro volta divise in colonne che contengono all’interno i testi, le foto, i pulsanti e tutte le funzionalità del tuo sito web.

Per creare o modificare una pagina o un post è sufficiente selezionare l’opzione “Modifica con Elementor” dal menu e si aprirà l’editor visivo. 

L’editor di Elementor è diviso in due sezioni: 

  • un’area di lavoro (sulla sinistra) che  mostra la pagina o il layout in costruzione 
  • un pannello di controllo (sulla destra) che offre accesso a tutti gli elementi e le opzioni di personalizzazione disponibili.

Il pannello di controllo è come una dashboard di comandi attraverso la quale puoi definire l’identità visiva del tuo progetto web personalizzando gli elementi visivi come testo, immagini, forme, video, icone e molto altro. Ad esempio, si possono modificare le dimensioni, i colori, i margini e i padding di una sezione di testo, scegliere le animazioni, i font e molto altro ancora.

Elementor include anche una serie di modelli e layout pre-costruiti da utilizzare come struttura base da personalizzare con i widget disponibili nella sidebar.

Se sei soddisfatto del lavoro svolto puoi anche salvare il tuo layout come modello utilizzarlo successivamente per un altro progetto o per un’altra pagina.  

Un’altra caratteristica utile di Elementor è la possibilità di visualizzare in anteprima le modifiche in tempo reale senza dover salvare e aggiornare la pagina. Ciò consente di vedere come il sito web apparirà prima di pubblicarlo.

Le versioni disponibili

Per Elementor abbiamo a disposizione principalmente due versioni, GRATUITA e PRO.

La versione gratuita di Elementor (Elementor Free) include una serie di funzionalità di base per creare pagine web. Con la versione gratuita, è possibile utilizzare 30 widget, modelli pre-costruiti e opzioni di personalizzazione.

La versione Pro di Elementor (Elementor Pro) include tutte le funzionalità della versione gratuita, ma offre anche 70 funzionalità avanzate (incluse quelle per woocommerce) oltre alle 30 della free e widget aggiuntivi per creare pagine web più avanzate e professionali.

Cosa c’è di più nella versione PRO

Alcune delle principali differenze tra le due versioni sono:

  • Moduli di contatto: consente di creare moduli di contatto personalizzati e di visualizzare i risultati dei moduli all’interno dell’area di amministrazione di WordPress.
  • Widget Pro: include una serie di widget aggiuntivi come testimonianze, prezzi, mappa del sito, accordion e molto altro che non sono disponibili nella versione gratuita.
  • Theme Builder: consente di creare layout personalizzati per l’header, il footer e le singole pagine del tuo sito.
  • WooCommerce Builder: consente di creare layout personalizzati per le pagine di prodotto e di categoria di WooCommerce.
  • Live Form Editing: consente di modificare i moduli di contatto in tempo reale.
  • Rollback: consente di tornare alla versione precedente del tuo sito, in caso di problemi.
  • Accesso a tutti i template di pagina e di sezione di Elementor.
  • Compatibilità 100% con plugin di traduzioni (es. WPML): che consente di tradurre il contenuto del sito in più lingue.
  • Accesso alla documentazione e al supporto tecnico dedicato, mentre gli utenti della versione gratuita possono solo accedere alla documentazione generale e al supporto attraverso i forum e posso garantirvi che c’è un oceano di materiale in rete.
  • Accesso alla Community di Elementor e ai webinar.

La versione Pro di Elementor prevede 5 piani a pagamento:

  • Elementor Pro Essential con una sola licenza costa 49$ all’anno
  • Elementor Pro Advance con 3 licenze costa 99$ all’anno
  • Elementor Pro Expert con 25 licenze costa 199$ all’anno
  • Elementor Pro Studio con 100 licenze costa 499$ all’anno
  • Elementor Pro Agency con 1000 licenze costa 999$ all’anno

I migliori temi da utilizzare con Elementor

Esistono tantissimi temi WordPress che sono compatibili con Elementor e che offrono un’ottima esperienza di creazione di pagine. Ecco alcuni dei migliori:

Hello è un tema WordPress leggero, creato dagli stessi sviluppatori del plug-in Elementor, per la realizzazione di pagine utilizzando il sistema drag-and-drop di Elementor, con cui si sposa perfettamente. È un tema minimale, semplice e progettato per essere visto come un foglio bianco per sviluppatori di siti web, in particolare è adatto per creare landing page e siti vetrina.

Astra un bellissimo tema WordPress, ottimizzato per i motori di ricerca e molto veloce (con un peso di soli 50KB). Può essere utilizzato per blog, siti vetrina, e-commerce e altro ancora.Viene fornito con il codice di Schema.org integrato, così che i motori di ricerca (soprattutto Google) adoreranno il tuo sito!

GeneratePress è un tema potente che si concentra sulle prestazioni e risulta essere tra i più leggeri e veloci. Un’installazione di GeneratePress aggiunge solo 10kb (con compressione gzip attiva) di peso ad una pagina web.

OceanWP è un tema versatile e reattivo che include una serie di opzioni di personalizzazione avanzate e una vasta gamma di layout pre-costruiti.

Alcuni Addon Premium/Free per Elementor

Esistono alcune estensioni sia free che a pagamento per ampliare le funzionalità di elementor. Ve ne elenco alcuni che ho testato e che reputo molto validi:

  • Essential Addons: Questa estensione permette di avere dei widget aggiuntivi con tantissimi stili visivi da poter selezionare. Addon sia Fee che Premium. La versione Premium ha un costo di circa €50 annui.(CONSIGLIATO).
  • Unlimited Elements: Questa estensione ha diverse similitudini rispetto alla precedente che vi ho descritto. come sempre, consiglio, di leggere le diverse funzioni così da poter acquistare l’addon giusto per il vostro progetto. Addon premium ed ha un costo di circa €50 annui.
  • Woolentor: Questa estensione è stata progettata per aumentare la customizzazione delle pagine statiche di WooCommerce (Carrello – Checkout – Pagina prodotto – ectcetc). Addon premium ed ha un costo di circa €60.

ARTICOLI CORRELATI
- Advertisment -
365 giorni di crescita raffaele gaito
crea il tuo sito con elementor
crea il tuo ecommerce con shopify