Esportare e importare template Elementor tra siti

Spostare un template Elementor da un sito a un'altro e operazione comune nelle agenzie. Elementor offre strumenti nativi per export/import, ma vanno conosciuti dettagli importanti su immagini, font e widget Pro per evitare brutte sorprese.

Cosa viene esportato

Quando esporti un template Elementor in JSON, il file contiene: struttura HTML/widget, impostazioni di ogni widget, classi CSS personalizzate, CSS custom inline. Non contiene: immagini fisiche (solo URL), font caricati, plugin di terze parti referenziati, contenuti di post type custom. Le immagini con URL del sito sorgente saranno linkate al vecchio dominio.

Strategia per immagini

Tre approcci: (1) copia manualmente le immagini sul nuovo sito mantenendo gli stessi percorsi (rischioso); (2) usa il plugin Better Search Replace per riassegnare URL dopo l'import; (3) usa il Site Kit che include media library. La terza e la più robusta per migrazioni complete.

Widget Pro e compatibilità

Se il template usa widget Pro (Form, Posts, Slides) il sito di destinazione deve avere anche Pro attivo. Altrimenti i widget vengono mostrati come errore. Per template che usano widget di plugin terzi (es. Essential Addons), installa il plugin anche sul nuovo sito.

Approfondimento tecnico

Quando si lavora con Elementor su progetti reali e fondamentale conoscere alcune sfumature spesso trascurate nei tutorial introduttivi. La prima riguarda la gestione della cache: ogni modifica significativa alla pagina richiede un refresh sia della cache server sia di quella browser; in ambienti con LiteSpeed, WP Rocket o Cloudflare APO occorre invalidare manualmente la URL modificata. La seconda sfumatura riguarda il conflitto con i Custom Post Type: i CPT registrati da plugin terzi non sempre supportano nativamente Elementor; per abilitarli vai su Elementor > Settings > General > Post Types e seleziona quelli che vuoi rendere editabili dal builder. Terza sfumatura: la gestione delle revisioni. Elementor sfrutta il sistema di revisioni nativo WordPress, quindi limita il numero di revisioni con la costante WP_POST_REVISIONS a 10 per evitare bloat del database, soprattutto su siti con tante pagine.

Consigli pratici per il workflow agency

Nel quotidiano di un'agenzia che gestisce decine di siti Elementor emergono alcune best practice trasversali. La prima e la standardizzazione: usa sempre lo stesso tema base (Hello Elementor o Astra), gli stessi widget plugin (es. Essential Addons o Happy Addons), e gli stessi plugin di caching su tutti i progetti. Così il team riconosce immediatamente l'ambiente e accelera il debug. La seconda e la creazione di una libreria interna di template: ogni volta che progetti una sezione efficace (hero, pricing, contatti) salvala come template globale. Avrai una libreria proprietaria che velocizza nuovi progetti. La terza riguarda la documentazione cliente: prepara un mini-manuale PDF di 4-5 pagine che spiega al cliente come modificare testi e immagini in autonomia, evitando ticket di supporto banali.

Considerazioni SEO e Core Web Vitals

Elementor e stato spesso accusato di generare codice pesante, ma negli ultimi due anni il team ha investito molto in performance. Gli Esperimenti attivati di default in versione 3.20+ riducono il CSS inutilizzato del 40-60%. Tuttavia per ottenere punteggi PageSpeed superiori a 90 occorre lavorare anche sul lato server (PHP 8.2+, OPcache attivo, Redis object cache se disponibile), sul lato immagini (WebP, lazy load, dimensioni corrette) e sul lato font (preload, subsetting, max 2 famiglie). Per i Core Web Vitals presta attenzione a tre metriche: LCP (mantienilo sotto 2,5 secondi: l'immagine hero deve essere ottimizzata e in eager loading), CLS (zero shift: imposta dimensioni esplicite a tutte le immagini e prenota spazio per banner dinamici), INP (interaction to next paint sotto 200ms: riduci JavaScript bloccante e widget pesanti above-the-fold).

Procedura passo-passo

1. Sul sito sorgente vai su Templates > Saved Templates.
2. Trova il template, clicca i tre puntini, scegli Export.
3. Salva il file .json sul tuo computer.
4. Sul sito di destinazione vai su Templates > Saved Templates > Add New.
5. Clicca Import Templates e carica il JSON.
6. Apri il template importato e verifica visivamente.
7. Se le immagini sono rotte, usa Better Search Replace per sostituire URL.
8. Carica i font custom mancanti via Site Settings > Custom Fonts.
9. Verifica i widget di plugin terzi: installa eventuali dipendenze.
10. Salva e pubblica.

Errori comuni e come risolverli

• Immagini non visibili: URL puntano al vecchio dominio. Sostituiscili con Better Search Replace.
• Widget Pro errore: il sito di destinazione non ha Elementor Pro o ha versione incompatibile.
• Font diversi dopo import: i font Custom non sono nel JSON. Caricali separatamente.
• Layout rotto: il sito di destinazione ha global colors/typography diversi che sovrascrivono. Resetta o adatta global styles.

Domande frequenti

D: Posso esportare più template insieme?
R: Si, con il Site Kit. Selezione multipla nel pannello Export.

D: Funziona tra Elementor gratuito e Pro?
R: Si, ma i widget Pro saranno persi su sito gratuito.

D: Posso esportare anche le impostazioni globali?
R: Si, tramite Site Kit (Colors, Typography, Theme Style).

Hai bisogno di aiuto?

Se vuoi un sito Elementor performante realizzato dal team di G Tech Group, scrivici tramite il modulo di contatto.