Configurare Elementor su WordPress passo dopo passo

Se hai mai cliccato su "Modifica con Elementor" e hai ottenuto una pagina vuota, un pulsante disattivato o un layout che "salta", non sei solo. Il problema raramente deriva da Elementor stesso: è quasi sempre una questione di prerequisiti (tema, cache, impostazioni globali) e ordine dei passaggi.

Quello che costruiremo

Stai per configurare un'installazione pulita di Elementor su WordPress 6.9.4 (aprile 2026), quindi créer Una pagina "Home" responsiva (per desktop, tablet e dispositivi mobili), con una struttura riutilizzabile e impostazioni globali coerenti.

Questo tutorial si propone di:

Blogger principianti che desiderano una homepage curata senza dover toccare il codice.
Blogger di livello intermedio che desiderano evitare conflitti tra temi/page builder e mantenere buone prestazioni.
Pro che desiderano una lista di controllo riproducibile (e che sono stanchi delle installazioni "casuali").

Alla fine, lo saprai:

Installa Elementor correttamente (e impara a verificare che tutto sia aggiornato).
Configura Elementor per evitare sorprese (stili globali, contenitori, ottimizzazione).
Crea una pagina Elementor pulita, reattiva e riutilizzabile.
Scegli il metodo più adatto per l'intestazione/il piè di pagina in base al contesto (gratuito o a pagamento).
Diagnostica i problemi più comuni (cache, conflitti, permalink, PHP).

Riassunto veloce

Utilizza WordPress 6.9.4 e PHP 8.1+Altrimenti, ti esponi a bug e vulnerabilità.
Scegli un tema compatibile (idealmente leggero) e disabilitare le “ottimizzazioni aggressive” all'inizio.
Installa Elementor da wordpress.orgquindi configurare stili globali prima di creare le tue pagine.
Innanzitutto, crea una semplice pagina "Home": una sezione principale, 2-3 blocchi, una call to action (CTA) e verifica la reattività del sito.
Per l'intestazione/il piè di pagina: Elementor Pro (Theme Builder) o un'alternativa pulita (tema/plugin).
In caso di problemi: controlla la cache, i conflitti tra plugin, la versione di PHP e i permalink.

Quando utilizzare questa soluzione

Desideri creare pagine di marketing (Home, Chi siamo, Landing page) senza sviluppare un tema.
Pubblichi spesso e hai bisogno di un editor visivo veloce.
Stai lavorando con un cliente che desidera modificare le pagine in autonomia.
Accetti l'idea di un page builder (dipendenza da un plugin) in cambio di una maggiore velocità di produzione.

Nella mia esperienza, Elementor è particolarmente utile per siti di contenuti con 5-30 pagine "strutturate" (Home, categorie, pagine pilastro) e un blog tradizionale a supporto.

Quando NON utilizzare questa soluzione

Il tuo obiettivo è un sito ultra minimalista e vuoi utilizzare al 100% l'editor nativo (Gutenberg/blocchi).
Possiedi un sito web molto sensibile alle prestazioni (Core Web Vitals) e non sei ancora pronto per un'ottimizzazione seria.
Non è consigliabile creare una dipendenza: se si disabilita Elementor, il layout potrebbe deteriorarsi (il contenuto viene solitamente mantenuto, ma la struttura viene persa).
Il tuo piano di hosting è troppo debole (CPU/I/O limitati): il builder può diventare un problema.

Prima di iniziare (prerequisiti)

Non modificare mai il codice sorgente di WordPress. Esegui un backup prima di qualsiasi modifica, soprattutto se stai effettuando l'installazione su un sito di produzione.

Prerequisiti tecnici

WordPress : 6.9.4 (o versione più recente).
PHP : 8.1 minimo consigliato (8.2/8.3 spesso più comodo a seconda dell'ospite).
Accesso Accesso come amministratore di WordPress + accesso FTP/cPanel (o tramite gestore file).
Tema bambino activé : se hai intenzione di aggiungere del codice (anche un piccolo frammento).

Strumenti utili

Un ambiente di staging, se possibile.
Un plugin di backup (o backup tramite hosting).
Un plugin di diagnostica: utilizzo spesso "Controllo integrità e risoluzione dei problemi" per individuare i conflitti.

Fonti ufficiali utili:

Termini che incontrerai (traduzione rapida)

builder pagina : editor visuale che crea il layout con i “widget” (titoli, immagini, colonne, ecc.).
Widget (Elementor) : blocco di contenuto (Titolo, Immagine, Pulsante…).
Modello/Modello : layout riutilizzabile.
gancio : un punto di aggancio in WordPress. Uno gancio Forse un azione (per eseguire qualcosa) o un filtri (modificare un valore).
Nonce : token di sicurezza utilizzato in WordPress per prevenire determinati attacchi (in particolare sui moduli e sulle azioni amministrative).

Risultato atteso (acquisizione del testo)

Al termine dei prerequisiti, dovresti aver acquisito:

È disponibile un backup (file + database).
Un tema stabile e dinamico.
WordPress aggiornato e PHP ≥ 8.1 confermato.

Passaggio 1: Preparare WordPress (tema, permalink, aggiornamenti)

Molte installazioni di Elementor che "sembrano piene di bug" sono in realtà siti obsoleti, con un tema troppo "invasivo" o permalink configurati in modo errato. Dobbiamo prima risolvere questo problema.

1) Aggiorna WordPress, il tema e i plugin

andare Pannello di controllo → Aggiornamenti.
Aggiorna WordPress (se richiesto), poi i plugin e infine i temi.

Risultato attendibile Nella sezione "Aggiornamenti", WordPress visualizza il messaggio "Hai la versione più recente".

2) Scegli un tema compatibile

Elementor funziona con la maggior parte dei temi, ma alcuni temi "tutto in uno" inseriscono i propri stili e script, e si finisce per perdere tempo a cercare di adattarli.

Se parti da zero: scegli un tema chiaro e neutro (spesso più semplice).
Se stai usando Avada: funziona, ma Avada ha un suo strumento di creazione (Fusion Builder). Mescolarli può essere controproducente.
Se utilizzi Divi: Divi offre Divi Builder. È possibile combinare Divi Builder ed Elementor sullo stesso sito, ma lo evito per i siti di piccole dimensioni (richiede maggiore manutenzione).

Risultato attendibile : un tema attivo, e accetti di creare le tue pagine di "marketing" con Elementor, senza sovraccaricare il sito con 2 builder concorrenti.

3) Modifica i permalink

andare Impostazioni → Collegamenti permanenti.
selezionare Titolo della pubblicazione (spesso il più pulito per un blog).
Cliquez Salva modifiche.

Questo passaggio obbliga WordPress a rigenerare alcune regole di riscrittura. Ho spesso riscontrato che i pulsanti di Elementor restituiscono errori 404 a causa di permalink non salvati.

Risultato attendibile Le tue pagine si aprono senza errori 404 e gli URL sono leggibili.

Passaggio 2: Installa Elementor (metodo pulito e verificabile)

Installa Elementor dal repository ufficiale. Evita i file ZIP "trovati sul web": si tratta di un vettore di malware molto comune.

Metodo A (consigliato): Installazione tramite l'area di amministrazione di WordPress.

andare Estensioni → Aggiungi un'estensione.
ricerca Elementor.
Verifica che l'estensione provenga effettivamente dal fornitore ufficiale (Elementor.com) e che abbia molte installazioni attive.
Cliquez InstallerAllora attivare.

Risultato attendibile : nel pannello di amministrazione compare un menu Elementor e sulle tue pagine viene visualizzata la dicitura "Modifica con Elementor".

Metodo B: Installazione tramite WP-CLI (se si dispone di un server)

Se il tuo provider di hosting supporta WP-CLI, è veloce e pulito.

# Installer et activer Elementor
wp plugin install elementor --activate

# Vérifier la version installée
wp plugin list --name=elementor

Risultato attendibile Il comando visualizza Elementor nello stato "attivo".

Verifica la compatibilità di base (WordPress / PHP)

Se non sei sicuro della tua versione di PHP, controlla Strumenti → Stato del sito.

Documentazione ufficiale di WordPress sullo stato di salute del sito: Salute del sito.

Passaggio 3: Configura Elementor (generale, stili, prestazioni)

Questo passaggio evita l'80% delle domande del tipo "perché i miei font cambiano?" e "perché il mio tema sovrascrive tutto?". Abbiamo stabilito regole chiare.

1) Accedi alle impostazioni di Elementor

andare Elementor → Impostazioni.
Apri le schede (Generale, Avanzate, ecc.).

Risultato attendibile Qui puoi visualizzare le opzioni relative al tipo di post (Pagine/Articoli) e le impostazioni di caricamento.

2) Attiva Elementor sui tipi di contenuto corretti

Per un blog per principianti, consiglio:

Pagine : sì (Home, Chi siamo, Contatti).
Articoli : spesso non all'inizio (conservare l'editor a blocchi per la scrittura, è più semplice e leggero).

In Elementor → ImpostazioniSeleziona/deseleziona in base alla tua strategia.

Risultato attendibile Il pulsante "Modifica con Elementor" compare sulle pagine, ma non necessariamente sugli articoli.

3) Decidi chi controlla gli stili: Elementor o il tema

Hai due approcci:

Approccio “pilota Elementor” : utilizzi gli stili globali di Elementor (colori, font) e riduci l'influenza del tema sulle pagine Elementor.
Approccio basato su un "episodio pilota" : lasci che il tema gestisca la tipografia/i colori e Elementor si allinei automaticamente.

Per un principiante, l'approccio "Elementor pilot" è spesso più prevedibile sulle pagine di marketing.

Risultato attendibile : sai chi vince in caso di conflitto CSS (altrimenti, la soluzione sarà "casuale").

4) Impostazioni delle prestazioni (pragmatiche)

Non selezionare tutte le opzioni di "ottimizzazione" contemporaneamente. Mantieni la semplicità:

Abilita le opzioni di caricamento ottimizzate, se disponibili.
Evita di aggiungere 10 componenti aggiuntivi di Elementor fin dall'inizio.

Quando si verificano blocchi, spesso la causa è una combinazione di "componente aggiuntivo + cache + minificazione". Torneremo su questo argomento più avanti.

Passaggio 4: Crea la tua prima pagina Elementor (struttura + responsività)

Stiamo creando una pagina "Home" semplice ma pulita. L'obiettivo non è la creatività: è avere una base stabile, reattiva e di facile manutenzione.

1) Crea la pagina

andare Pages → Aggiungi.
Titolo: Home.
Cliquez pubblicare (oppure “Salva bozza” se preferisci).
Cliquez Modifica con Elementor.

Risultato attendibile L'editor Elementor si apre con l'area di lavoro, il pannello dei widget a sinistra e l'anteprima a destra.

2) Scegli il layout della pagina (importante con alcuni temi)

A seconda del tema, puoi avere una barra laterale, un titolo di pagina, ecc. In Elementor, cerca le impostazioni della pagina (icona a forma di ingranaggio) e provale:

Fornitura : larghezza intera / canvas (se si desidera una landing page senza intestazione/piè di pagina).
Molti il titolo se il tema visualizza un titolo indesiderato.

Risultato attendibile : puoi controllare la larghezza e non hai una barra laterale che interrompe il design.

3) Costruisci una struttura “Eroe + sezioni”

Utilizza una struttura classica:

Blocco principale: titolo + testo + pulsante (CTA).
3 vantaggi (icona + titolo + testo).
Sezione contenuti: ultimo articolo / link al blog.
Piè di pagina "mini" (nel caso in cui non abbiate ancora configurato il piè di pagina globale).

In Elementor, aggiungi:

Un contenitore (o sezione a seconda dell'interfaccia) con una larghezza massima (ad esempio, 1140px o 1200px).
widget titolo, widget Editor di testo, widget Pulsante.
Regola i margini/spazi interni con parsimonia (evita valori casuali ovunque).

Risultato attendibile : una pagina leggibile, senza sbavature, con spaziatura uniforme.

4) Responsive: test su dispositivi mobili ora disponibili

Non completate la pagina sul computer sperando che funzioni anche sul dispositivo mobile. Quasi mai succede.

Clicca sull'icona Responsive (computer fisso/tablet/dispositivo mobile).
Verifica: dimensioni dei caratteri, spaziatura, impilamento delle colonne.
Correggi con le impostazioni specifiche del dispositivo (Elementor lo consente per molte opzioni).

Risultato attendibile Niente testo troncato, niente pulsanti fuori schermo, niente immagini giganti su dispositivi mobili.

Passaggio 5: Intestazione/piè di pagina (le opzioni variano a seconda che si utilizzi la versione gratuita o Pro di Elementor)

Questo è un punto che genera spesso confusione: la versione gratuita di Elementor non offre nativamente un "Creatore di temi" completo. Pertanto, il metodo varia a seconda del budget a disposizione.

Opzione 1: Elementor Pro (Creatore di temi)

Se possiedi Elementor Pro, puoi creare:

Un testata globale
Un footer globale
Modelli per articoli, archivi, ecc.

Risultato attendibile : un'intestazione/piè di pagina uniforme per tutto il sito, gestita tramite Elementor.

Opzione 2: Elementor gratuito + tema che gestisce bene l'intestazione/il piè di pagina

Se si opta per la versione gratuita, la soluzione più semplice è lasciare che il tema gestisca l'intestazione e il piè di pagina, e utilizzare Elementor per il contenuto della pagina.

Risultato attendibile : non stai "modificando" un'intestazione diversa pagina per pagina.

Opzione 3: Elementor gratuito + plugin per intestazione/piè di pagina

Esistono plugin che aggiungono un livello "header/footer builder" compatibile con Elementor. Questo è comodo, ma introduce una dipendenza e a volte causa conflitti con alcuni temi.

Risultato attendibile : Intestazione/piè di pagina modificabili con Elementor senza dover passare alla versione Pro, a costo di una maggiore complessità.

Passaggio 6: Tipografia e colori generali (senza fare errori)

Se inizi a modificare il widget tipografico uno per uno, creerai un debito tecnico invisibile. Il giorno in cui cambierai il font, passerai due ore a sistemare tutto.

1) Definisci una tavolozza e un massimo di 2 font

1 colore principale (pulsanti, link)
1 colore secondario (accento)
Grigio scuro per il testo
Massimo 2 caratteri (titoli + testo)

Risultato attendibile : un sito coerente e rapidi cambiamenti globali.

2) Verifica chi “vince” tra il tema e Elementor

Se riscontri differenze tra l'editor e il front-end, spesso è perché:

CSS del tema caricato dopo Elementor
Memorizzazione nella cache/minimizzazione che serve un vecchio CSS

Risultato attendibile Ciò che vedi in Elementor corrisponde a ciò che vede un visitatore (esclusa la cache).

Passaggio 7: Modulo di contatto (3 metodi realistici)

I moduli sono una classica insidia: recapito delle email, spam, configurazione SMTP. Non dare per scontato che "funzioni" solo perché c'è un pulsante "Invia".

Metodo A: Elementor Pro (widget modulo)

Vantaggi: design integrato e semplice. Svantaggi: è comunque necessario gestire la deliverability (spesso tramite SMTP).

Risultato attendibile : un modulo elegante, convalida corretta, notifiche inviate.

Metodo B: Plugin per moduli + integrazione in Elementor

Esempi: Contact Form 7, WPForms, Fluent Forms… Elementor generalmente consente l'integrazione tramite shortcode o widget dedicati.

Risultato attendibile : un modulo affidabile, e mantieni Elementor per il layout.

Metodo C: collegamento Mailto (risoluzione dei problemi)

Per un sito molto piccolo, un pulsante "Invia un'email" può essere sufficiente, ma non è l'ideale (spam, esperienza utente).

Risultato attendibile : un possibile contatto senza configurazione del server.

Passaggio 8: Proteggere ed evitare conflitti (cache, plugin, hook)

Elementor viene spesso accusato ingiustamente. Spesso mi sono imbattuto nel vero colpevole: un plugin di caching che minimizza il codice JavaScript, oppure un componente aggiuntivo di Elementor che carica ben 15 script.

1) Cache: disabilita temporaneamente le ottimizzazioni aggressive

Se stai utilizzando un plugin di caching (o una cache del server), inizia da qui:

disattivare il Minificazione JS durante la costruzione
disattivare il differire/ritardare JS se l'editore rompe
svuota la cache dopo ogni modifica importante

Risultato attendibile : l'editor Elementor si carica senza errori nella console e senza widget che "girano nel vuoto".

2) Conflitti tra plugin: test rapido con Health Check

Health Check consente di disabilitare i plugin solo per la tua sessionesenza compromettere il sito per i visitatori.

Documento: Controllo dello stato e risoluzione dei problemi.

Risultato attendibile : si identifica se il problema deriva da un plugin di terze parti (spesso un componente aggiuntivo, una cache o un plugin di sicurezza eccessivamente restrittivo).

3) Un piccolo snippet utile: forza un "cache bust" sul CSS di Elementor in caso di mancata corrispondenza

Quando vedi "editor OK, front end KO", spesso stai usando CSS memorizzato nella cache del browser/CDN. Ecco uno snippet sicuro che aggiunge una versione basata sul tema (utile se gestisci le versioni delle tue distribuzioni). Incollalo in un plug-in mu (consigliato) o nel functions.php del tuo tema enfant.

Dove incollare il codice :

Opzione pulita: wp-content/mu-plugins/elementor-cache-bust.php (creare la cartella se necessario)
Opzione rapida: wp-content/themes/votre-theme-enfant/functions.php

<?php
/**
 * Plugin Name: BPCAB - Cache bust CSS Elementor (dépannage)
 * Description: Ajoute une version aux styles Elementor pour limiter les incohérences après mise à jour/cache.
 * Author: Votre Nom
 * Version: 1.0.0
 *
 * Note: ce snippet est un dépannage. Si vous avez un CDN, pensez à purger aussi le CDN.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Filtre WordPress: permet de modifier la version d'un style au moment de son impression.
 * Ici, on vise les handles CSS courants liés à Elementor.
 */
add_filter( 'style_loader_src', function( $src, $handle ) {

	// Liste courte et pragmatique : on évite de toucher à tout.
	$handles_cibles = array(
		'elementor-frontend',
		'elementor-post',
		'elementor-icons',
	);

	if ( ! in_array( $handle, $handles_cibles, true ) ) {
		return $src;
	}

	// Version basée sur la version du thème (utile si vous versionnez vos releases).
	$theme = wp_get_theme();
	$ver   = $theme->get( 'Version' );

	// Si pas de version, on met un fallback stable.
	if ( empty( $ver ) ) {
		$ver = '1';
	}

	// Ajoute/écrase le paramètre ver=...
	$src = add_query_arg( 'ver', rawurlencode( $ver ), $src );

	return $src;

}, 20, 2 );

Riferimento ufficiale sugli script/stili di accodamento: wp_enqueue_style().

Risultato attendibile Dopo aver svuotato la cache, gli stili di Elementor vengono ricalcolati in modo più pulito dal browser.

Il risultato completo

Se vuoi copiare tutto in una volta, ecco il file completo del mu-plugin (stesso codice del passaggio 8, pronto per essere incollato). L'ho volutamente mantenuto minimale: non "corregge" un sito mal configurato, è utile principalmente quando si utilizza una cache persistente per i vecchi CSS.

<?php
/**
 * Plugin Name: BPCAB - Cache bust CSS Elementor (dépannage)
 * Description: Ajoute une version aux styles Elementor pour limiter les incohérences après mise à jour/cache.
 * Author: Votre Nom
 * Version: 1.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

add_filter( 'style_loader_src', function( $src, $handle ) {

	$handles_cibles = array(
		'elementor-frontend',
		'elementor-post',
		'elementor-icons',
	);

	if ( ! in_array( $handle, $handles_cibles, true ) ) {
		return $src;
	}

	$theme = wp_get_theme();
	$ver   = $theme->get( 'Version' );

	if ( empty( $ver ) ) {
		$ver = '1';
	}

	return add_query_arg( 'ver', rawurlencode( $ver ), $src );

}, 20, 2 );

Personalizzazione (quando utilizzarla / quando rimuoverla)

Conservalo se riscontri incongruenze ricorrenti dopo l'implementazione.
Rimuovilo se disponi di una strategia di caching efficace (eliminazione automatica dei file dalla CDN + controllo delle versioni degli asset).

Adatta per Divi 5/Elementor/Avada

Se stai usando Divi 5

Divi 5 ha un proprio sistema di creazione e di gestione delle prestazioni. Combinare Divi Builder ed Elementor sulla stessa pagina spesso crea:

CSS duplicato
impostazioni di risposta in conflitto
manutenzione più intensiva

Un approccio che ho visto funzionare:

Divi gestisce l'intero sito (intestazione/piè di pagina, blog),
Elementor solo per 1-2 landing page specifiche, possibilmente in modalità "canvas".

Se stai utilizzando Elementor (tema leggero)

Questo è il caso più semplice: lascia che Elementor gestisca le pagine di marketing e mantieni l'editor a blocchi per gli articoli. In questo modo riduci la complessità e mantieni un blog piacevole da scrivere.

Se usi Avada

Avada è robusto, ma è fatto per durare. Lo consiglio.

Non attivare 15 oggetti Avada se non li utilizzi
Evitate di utilizzare Fusion Builder ed Elementor sugli stessi modelli.

Se proprio insisti a usare Elementor, utilizzalo solo su pagine isolate e lascia che Avada gestisca l'intestazione e il piè di pagina (oppure passa a Elementor Pro per centralizzare tutto, ma verifica le prestazioni).

Finale di verifica

Prima di dichiarare che "va bene", eseguite questi semplici test.

Fronte di prova : apri la tua pagina iniziale in modalità di navigazione privata (senza cache amministrativa).
Test reattivi : cellulare + tablet (strumento browser + telefono vero e proprio, se possibile).
Test di prestazione di base : la pagina si carica senza grossi "salti" (CLS visibile).
Versione di prova : di nuovo in Elementor, nessun errore, widget che si caricano.
test del collegamento permanente Nessun errore 404, i link funzionano correttamente.

Risultato attendibile Ciò che vedi in Elementor corrisponde al front-end e la modifica rimane fluida.

Se il risultato non è quello previsto

Ecco i problemi che riscontro più frequentemente su WordPress 6.9.x con Elementor e come risolverli rapidamente.

Diagnosi rapida (tabella)

sintomo	Probabile causa	Verifica	Soluzione
Quando si apre Elementor, appare una pagina vuota.	Conflitto tra plugin / JS bloccato / PHP troppo vecchio	Console del browser + Stato del sito + test in modalità di risoluzione dei problemi	Disabilita i plugin uno alla volta (Controllo integrità), verifica che PHP sia ≥ 8.1
Il pulsante "Modifica con Elementor" non viene visualizzato	Elementor è disabilitato per questo tipo di contenuto.	Elementor → Impostazioni → Tipi di post	Attiva le “Pagine” (e i “Post” se necessario)
Il design differisce tra l'editor e il front-end.	Cache / Minificazione / Tema CSS	Prova in modalità di navigazione privata + svuotamento della cache	Svuota la cache dei plugin + server + CDN, disabilita temporaneamente la minimizzazione di JS/CSS
Widget che si caricano in un ciclo continuo	Ottimizzazione JavaScript aggressiva (delay/defer) o conflitto con i componenti aggiuntivi	Disabilita il ritardo JavaScript, prova senza componenti aggiuntivi	Escludi Elementor dalle ottimizzazioni, rimuovi il componente aggiuntivo incriminato
Errore 404 su una pagina creata	I permalink non sono stati aggiornati.	Impostazioni → Collegamenti permanenti	Salva nuovamente i permalink

3 controlli che ti fanno risparmiare tempo

Cache del browser : test in modalità di navigazione privata.
Cache del server/CDN : purga completa.
conflitto plugin Controllo dello stato di salute in modalità di risoluzione dei problemi.

Errori e trappole comuni

errore	Causare	Soluzione
Installa un file ZIP gratuito di Elementor “premium”.	Malware / backdoor	Installare solo da WordPress.org o la fonte ufficiale
Tutto creato con Elementor (articoli inclusi)	Manutenzione + prestazioni + editing più intenso	Utilizza Elementor per le pagine e l'editor a blocchi per i post.
Attiva 5 componenti aggiuntivi di Elementor fin dal primo giorno	Conflitti e copioni a non finire	Aggiungi un componente aggiuntivo solo quando esiste una specifica esigenza
Minimizzare/rimandare l'esecuzione del JS e interrompere l'editor	Il generatore dipende da script caricati in un ordine specifico.	Escludi gli script di Elementor dalle ottimizzazioni, esegui il test senza minimizzazione
Copiare un frammento di codice nel file sbagliato	Confusione tra core / tema / plugin	Utilizza un plugin mu o il tema figlio, mai il tema principale.
Errore PHP dopo l'aggiunta del codice	Punto e virgola/parentesi dimenticati	Torna all'FTP, risolvi il problema e attiva WP_DEBUG sulla pagina di staging.
Utilizzando un vecchio tutorial incompatibile	API/handle modificati, opzioni spostate	Consulta la documentazione di WordPress 6.9.x ed esegui dei test sull'ambiente di staging.

Variante / alternativa

Se il tuo obiettivo è un semplice blog (dove il contenuto è al primo posto), puoi evitare Elementor e utilizzare l'editor a blocchi nativo.

Vantaggio: minore dipendenza, spesso più leggero.
Svantaggio: alcuni layout avanzati richiedono una maggiore padronanza di blocchi/temi.

Punto di partenza ufficiale: Manuale dell'editor a blocchi.

Consigli su sicurezza, prestazioni e manutenzione

sicurezza : evita le estensioni "non funzionanti", mantieni WordPress/i plugin aggiornati, limita gli account amministratore.
Cookie di prestazione Limita i componenti aggiuntivi, comprimi le immagini, evita animazioni superflue.
Manutenzione : documenta le tue scelte (tema Pilot vs Elementor Pilot) e mantieni una procedura di svuotamento della cache dopo l'aggiornamento.
Staging : testa gli aggiornamenti di Elementor su una copia di pre-produzione se il tuo sito ha traffico.

Riferimento ufficiale sulla sicurezza di WordPress: Sicurezza (Amministrazione avanzata).

Per andare oltre

Crea una libreria di sezioni riutilizzabili (hero, CTA, FAQ).
Configura un sistema di moduli + SMTP + antispam (hCaptcha/Turnstile a seconda delle tue preferenze).
Ottimizza il caricamento dei font (evita 6 varianti non necessarie).
Imposta un flusso di lavoro: staging → validazione → produzione.

Risorse

FAQ

Elementor è compatibile con WordPress 6.9.4?

Sì, Elementor è progettato per supportare le versioni moderne di WordPress. Assicurati di avere una versione recente di Elementor e PHP 8.1 o superiore. In caso di dubbi, controlla Strumenti → Stato del sito.

Dovrei usare Elementor per scrivere i miei articoli del blog?

Per un principiante, no. L'editor a blocchi nativo è più veloce per la scrittura e spesso più leggero. Usa Elementor per le pagine "strutturali".

Perché il design del mio sito è diverso tra l'editor e il sito pubblico?

La cache (del browser/CDN/plugin), la minificazione o il CSS del tema sovrascrivono il codice. Esegui un test in modalità di navigazione privata, svuota la cache e poi disabilita temporaneamente la minificazione.

Posso utilizzare Elementor con Divi 5?

Sì, ma evita di mescolare due builder ovunque. Riserva Elementor solo ad alcune landing page isolate, se proprio insisti a usare Divi per il resto.

Posso usare Elementor con Avada?

Sì, ma Avada ha già un suo ecosistema. Mescolarli può essere complicato. Se scegli Elementor, fallo in modo chiaro (per pagine specifiche) e monitora le prestazioni.

Cosa succede se l'opzione "Modifica con Elementor" non compare?

andare Elementor → Impostazioni Verifica inoltre che il tipo di contenuto (Pagine/Articoli) sia abilitato. Controlla anche i tuoi permessi utente.

Perché Elementor si carica in un ciclo infinito (caricatore infinito)?

Spesso si tratta di un plugin di caching che ritarda/posticipa l'esecuzione di JavaScript, oppure di un componente aggiuntivo di Elementor. Disabilita queste ottimizzazioni e verifica lo stato del sistema con Health Check.

La versione gratuita di Elementor è sufficiente per un blog?

Spesso sì: pagine principali + layout. Se desideri un'intestazione/piè di pagina globale e modelli avanzati (articoli, archivi) gestiti all'interno di Elementor, Elementor Pro diventa la soluzione ideale.

Devo abilitare tutte le opzioni di prestazioni di Elementor?

No. Attiva gradualmente e testa. Quando modifichi 10 impostazioni contemporaneamente, perdi traccia di cosa si è rotto.

Quali sono i rischi derivanti dall'inserimento di frammenti di codice trovati su Internet?

Due rischi: sicurezza (codice dannoso) e compatibilità (frammento di codice obsoleto, non funzionante in PHP 8.1 e versioni successive). Eseguite i test in un ambiente di staging e conservate una copia di backup.