07 Apr Elementor 4.0: l’Atomic Editor è Finalmente la Norma
Cinque anni sulla stessa architettura
Elementor 3 è uscito nel 2020 ed è rimasto l’architettura base per cinque anni. Nel software, cinque anni sono tanti. Le aspettative su performance, scalabilità e workflow di team sono cambiate profondamente nel frattempo. Dal 2025 Elementor ha iniziato a costruire qualcosa di diverso in modo incrementale: prima l’alpha dell’Atomic Editor nella 3.29, poi la beta nella 3.35 dichiarata production-ready, fino al 19 marzo 2026 quando la versione 4.0 ha reso l’Atomic Editor il sistema di default per tutti i nuovi siti.
Cosa significa concretamente? Che i nuovi siti creati con Elementor partono già con Variables, Classes, Components e il nuovo sistema di design attivi. I siti esistenti non cambiano nulla. Si può abilitare manualmente da WordPress Admin → Elementor → Editor → Settings → Atomic Editor, oppure aspettare di sentirsi pronti. Elementor permette di usare elementi V4 e widget V3 sulla stessa pagina, il che abbassa il rischio di adottare il nuovo sistema su progetti già avviati.
Variables e Classes: un design system vero dentro Elementor
La novità strutturale più importante di Elementor 4.0 non è visibile al primo sguardo. È nel modo in cui viene generato il CSS. Con il sistema precedente, ogni elemento aveva le sue proprietà stilistiche definite localmente. Cambiare il colore primario del sito significava aprire decine di elementi uno per uno. Con Variables e Classes, si definisce il colore primario una volta come variabile globale, e tutti gli elementi che la usano si aggiornano automaticamente.
Le Classes funzionano come classi CSS riutilizzabili gestite visivamente: definisci una classe con certe proprietà di stile, la applichi a più elementi, e quando la modifichi i cambiamenti si propagano ovunque. È lo stesso concetto dei design token usati in sistemi come Material Design o nei design system Figma, portato nell’editor visuale di WordPress. Per chi gestisce siti con brand guidelines precise e molte pagine, questo cambia il tempo di manutenzione in modo concreto.
Components: i blocchi riutilizzabili che si sincronizzano
I Components sono la funzionalità più attesa da chi costruisce siti complessi con Elementor. Un Component è una sezione che puoi riutilizzare su più pagine, e quando la modifichi in un posto le modifiche si propagano ovunque il Component è stato inserito. È esattamente come un blocco sincronizzato di Gutenberg o un master component in Figma.
La differenza rispetto ai template salvati del vecchio Elementor è sostanziale: quelli erano copie statiche, non sincronizzate. I Components di V4 sono istanze di un’entità condivisa. Puoi anche decidere quanta libertà dare ai collaboratori o ai clienti: alcune proprietà possono essere rese editabili per istanza (il testo di un CTA, l’immagine), mentre la struttura rimane bloccata a livello di Component centrale.
Atomic Forms: i form costruiti pezzo per pezzo
Elementor 4.0 introduce Atomic Forms, un sistema completamente nuovo per creare moduli di contatto. Invece del vecchio widget Form monolitico dove configuravi tutti i campi in un pannello laterale, i nuovi form si costruiscono assemblando elementi individuali direttamente nel canvas: Label, Input, Textarea, Checkbox, Submit Button sono elementi separati che si trascinano come qualsiasi altro blocco.
Il vantaggio pratico è che ogni campo è stilizzabile con il sistema di Classes e Variables come qualsiasi altro elemento della pagina. Form che prima richiedevano CSS personalizzato per corrispondere al design del sito ora si gestiscono dall’editor visuale. Atomic Forms è disponibile per tutti gli utenti Elementor, incluso il piano gratuito.
Pro Interactions: animazioni con logica
Per chi usa Elementor Pro, la 4.0 porta Pro Interactions: un sistema di animazioni con trigger personalizzabili, effetti custom e controlli per breakpoint. Puoi definire cosa succede quando l’utente scorre fino a un certo punto della pagina, quando clicca su un elemento, quando un form viene inviato. I controlli per breakpoint permettono comportamenti diversi su mobile e desktop per la stessa interazione.
Rispetto ai Motion Effects del vecchio Elementor, Pro Interactions è più potente e più coerente con il resto dell’architettura V4. Non copre ogni caso d’uso come GSAP, ma gestisce il 90% degli scenari di un sito aziendale o portfolio senza toccare codice. Per agenzie che costruiscono decine di siti l’anno, è la differenza tra consegnare un sito animato in due ore e spendere una giornata a scrivere JavaScript.
Cosa fare adesso se usi già Elementor
Se hai siti esistenti, non devi fare nulla di urgente. La 4.0 non cambia la configurazione attuale. La cosa sensata è iniziare a usare V4 sui prossimi progetti nuovi per familiarizzare con il sistema, e aspettare che l’ecosistema di addon si adatti al nuovo formato. Alcuni addon di terze parti hanno ancora bisogno di aggiornamenti per supportare pienamente Classes e Components V4.
Il caveat onesto su Elementor 4.0: l’architettura atomica risolve problemi reali che il vecchio sistema aveva, e la direzione è quella giusta. Ma Elementor resta più pesante di Gutenberg in termini di codice generato, e su siti con molte pagine e widget complessi la performance va comunque gestita attivamente con caching e ottimizzazione degli asset.