Come esportare e importare una pagina Elementor specifica in WordPress?

Trasferire un design da un sito all'altro non dovrebbe essere come ricostruire tutto da zero. Una pagina Elementor semplifica la creazione di layout straordinari, ma molti utenti incontrano difficoltà quando devono trasferire una singola pagina anziché l'intero sito web.

La buona notizia è che Elementor permette di esportare e importare pagine specifiche in pochi clic.

In questa guida imparerai il modo più semplice per trasferire i tuoi progetti tra siti WordPress mantenendo intatti layout, stile e contenuti.

In breve: trasferisci i tuoi progetti tra diversi siti in pochi minuti

• Esporta qualsiasi layout salvandolo come modello, che verrà scaricato come file .json riutilizzabile su un altro sito WordPress.

• Importa il file tramite la sezione Modelli, quindi inseriscilo in una qualsiasi pagina utilizzando l'editor Elementor.

• Risparmia tempo esportando sezioni, riutilizzando i layout su più siti web o trasferendo interi pacchetti di modelli.

• Previeni i problemi eseguendo il backup del tuo sito, abilitando le impostazioni di importazione ed esportazione e verificando i limiti di dimensione dei file o la compatibilità dei plugin.

Preparazione prima dell'esportazione e dell'importazione

Prima di addentrarsi nei processi di importazione ed esportazione, è fondamentale preparare adeguatamente il proprio sito. Alcuni accorgimenti precauzionali garantiranno il buon andamento del processo e contribuiranno a evitare potenziali problemi in seguito.

Esegui il backup del tuo sito web

Creare un backup del tuo sito web è una rete di sicurezza che ti garantisce di poter ripristinare il sito allo stato precedente in caso di problemi durante il processo di importazione/esportazione. Esistono diversi plugin che possono aiutarti a eseguire il backup del tuo sito:

• BlogVault : questo è uno dei plugin di backup che può archiviare i backup nel cloud.

• Migrazione WP All-in-One : questo plugin ti consente di creare backup e persino di esportare l'intero sito WordPress in pochi clic.

• Backup integrati di Kinsta : se utilizzi Kinsta , il tuo sito viene sottoposto a backup automatici giornalieri, garantendone la sicurezza.

Per creare un backup manuale, seguire questi passaggi:

• Vai su WP Admin ⟶ Strumenti ⟶ Backup.

• Scegli l'opzione per creare un nuovo backup e il plugin si occuperà del resto.

Abilita le funzionalità di importazione/esportazione di Elementor

Prima di iniziare, assicurati che la funzione Importa ed esporta Template Kit di Elementor sia attiva. Questa funzione consente di esportare e importare template e pagine di Elementor .

Per attivarlo:

• Nella dashboard di WordPress, vai su Elementor ⟶ Impostazioni ⟶ Esperimenti.

• Trova l'opzione Kit di modelli di importazione/esportazione nella sezione Funzionalità stabili.

• Modifica l'impostazione da Predefinito ad Attivo e fai clic su Salva modifiche.

Ora sei pronto per iniziare a esportare e importare la tua pagina Elementor

Passaggi per esportare una pagina Elementor specifica

Esportare una pagina da un sito per riutilizzarla su un altro è incredibilmente semplice con la funzione di esportazione di Elementor. Di seguito è riportata una guida dettagliata per aiutarti a esportare una pagina Elementor:

Passaggio 1: apri l'editor di pagine Elementor

Per prima cosa, individua la pagina che vuoi esportare:

• Nella dashboard di amministrazione di WordPress , vai su Pagine o Articoli, a seconda del tipo di contenuto.

• Individua la pagina che desideri esportare e fai clic su Modifica con Elementor per aprire la pagina nell'editor di Elementor.

Passaggio 2: salva la pagina come modello

Per esportare una pagina, devi prima salvarla come modello nella libreria Elementor. Ecco come fare:

• Una volta aperta la pagina in Elementor, individua il pulsante verde Aggiorna/Pubblica in fondo alla barra laterale di Elementor.

• Fai clic sulla piccola icona a forma di freccia accanto al pulsante Aggiorna/Pubblica.

• Dal menu a tendina, seleziona Salva come modello.

• Si aprirà una finestra pop-up in cui potrai assegnare un nome al template. Assicurati di utilizzare un nome descrittivo (ad esempio, "Landing Page per XYZ" o "Pagina Contatti") in modo che sia facile identificarlo in seguito.

Dopo aver inserito il nome, fai clic su Salva.

Passaggio 3: esportare il modello salvato

Ora che la tua pagina è salvata come modello, segui questi passaggi per esportarla:

• Dalla dashboard di WordPress, vai su Elementor ⟶ Modelli ⟶ Modelli salvati.

• In questa sezione vedrai tutti i modelli che hai salvato. Individua quello che hai appena creato.

• Passa il mouse sopra il modello e vedrai l'opzione Esporta modello. Fai clic su di essa.

• Elementor scaricherà automaticamente il template come file .json sul tuo computer.

La tua pagina Elementor è stata esportata correttamente ed è stata salvata come file .json che puoi utilizzare su un altro sito.

Esplora : Come risolvere l'errore "Impossibile importare i media" in WordPress

Passaggi per importare una pagina Elementor specifica

Una volta esportata la pagina Elementor, puoi importarla in qualsiasi altro sito WordPress che utilizzi Elementor. Ecco come:

Passaggio 1: accedi a Elementor sul nuovo sito

Accedi alla dashboard di WordPress del sito in cui desideri importare la pagina Elementor.

• Vai su Elementor ⟶ Modelli ⟶ Modelli salvati.

• Nella parte superiore di questa pagina, troverai un pulsante "Importa modelli". Cliccaci sopra per avviare il processo di importazione.

Scopri : Risolvi il problema di Elementor bloccato nella schermata di caricamento

Passaggio 2: carica il modello esportato

Ora dovrai caricare il file .json che hai esportato in precedenza:

• Nella schermata Importa modelli, trascina e rilascia il file .json oppure fai clic su Seleziona file per caricarlo manualmente dal tuo computer.

• Una volta caricato, il modello verrà aggiunto alla tua libreria Elementor .

Passaggio 3: applicare il modello importato a una pagina

Ora che il modello è stato importato, puoi utilizzarlo su qualsiasi pagina del tuo nuovo sito WordPress. Ecco come:

• Apri la pagina in cui desideri applicare il modello importato, quindi fai clic su Modifica con Elementor.

• Nell'editor di Elementor, fai clic sull'icona Aggiungi modello (rappresentata da una cartella bianca).

• Accedi alla scheda I miei modelli, dove troverai il modello importato.

• Fai clic su Inserisci accanto al modello importato e questo verrà applicato alla pagina.

Ora puoi personalizzare la pagina secondo necessità per adattarla al marchio e ai contenuti del tuo nuovo sito web.

Scopri : i migliori plugin di importazione per WordPress

Suggerimenti avanzati per l'esportazione e l'importazione di pagine Elementor

Quando si lavora con Elementor, l'esportazione e l'importazione di pagine possono diventare uno strumento potente per ottimizzare il flusso di lavoro, soprattutto per i designer e gli sviluppatori WordPress che lavorano su più progetti.

Di seguito sono riportati alcuni suggerimenti avanzati per aiutarti a sfruttare al massimo l'efficienza di questa funzionalità.

Esporta e importa solo sezioni specifiche

A volte potrebbe non essere necessario esportare un'intera pagina, ma solo una sezione specifica, come , un piè di pagina o un blocco di invito all'azione (CTA) personalizzati

Elementor ti permette di salvare ed esportare singole sezioni, che puoi poi importare e riutilizzare su più siti web o pagine WordPress senza dover trasferire l'intera pagina.

Come esportare una sezione specifica

Nell'editor di Elementor, fai clic con il pulsante destro del mouse sulla sezione che desideri esportare.

• Seleziona Salva come modello.

• Assegna un nome alla sezione e questa verrà salvata nella tua libreria Elementor.

Segui la stessa procedura di esportazione utilizzata per una pagina intera: vai su Elementor ⟶ Modelli ⟶ Modelli salvati nella tua bacheca di WordPress, quindi esporta il modello della sezione.

Correlati : Come risolvere il problema del pannello widget che non si carica in Elementor

Come importare una sezione specifica

Proprio come per l'importazione di pagine complete, nel nuovo sito web vai su Elementor ⟶ Modelli ⟶ Modelli salvati.

• Importa il file .json e accedi alla sezione dalla scheda "I miei modelli" nell'editor di Elementor.

• Ora puoi inserire quella sezione in qualsiasi pagina selezionando "Aggiungi modello" nell'editor di Elementor.

Ciò consente di riutilizzare elementi progettati di frequente, come piè di pagina o sezioni principali, in più progetti, aumentando la coerenza e risparmiando tempo.

Per saperne di più : WebP vs PNG

Riutilizzo su più siti

Se sei uno sviluppatore o un designer che gestisce più siti web, esportare e importare modelli Elementor è un modo efficace per mantenere la coerenza di design tra i progetti. Ad esempio:

• Agenzie di design : puoi creare modelli di pagina personalizzati, come landing page, moduli di contatto o tabelle dei prezzi per i clienti, e riutilizzarli facilmente su più siti web. Questo non solo fa risparmiare tempo, ma garantisce anche la coerenza del brand.

• Titolari di aziende con più siti : se gestite più siti per diverse filiali della vostra attività o dei vostri servizi, il riutilizzo dei modelli di pagina garantisce uno stile e un layout coerenti , creando un'esperienza di marca uniforme su tutta la vostra presenza online.

Questa funzionalità è particolarmente utile per le reti multisito, dove potrebbe essere necessario replicare rapidamente le pagine su diversi sottositi mantenendo separati i singoli contenuti.

Inoltre, se riprogettate o aggiornate frequentemente i siti web dei clienti, i modelli predefiniti possono velocizzare notevolmente il vostro flusso di lavoro.

Scopri : come ottimizzare in modo efficiente il tuo sito web Elementor

Maneggiare con cura file e supporti di grandi dimensioni

Quando si esportano pagine o sezioni che includono immagini di grandi dimensioni, video o elementi di design , è importante assicurarsi che l'installazione e il server di WordPress siano configurati correttamente per gestire file di dimensioni maggiori.

Considerazioni sulle dimensioni del file : Elementor esporterà tutte le risorse associate a una pagina (ad esempio, immagini, icone, font), quindi le dimensioni del file possono aumentare rapidamente se si tratta di pagine ricche di contenuti multimediali.

Alcuni provider di hosting impongono limiti rigorosi alle dimensioni dei file caricabili. Potrebbe essere necessario aumentare la dimensione massima di caricamento modificando le impostazioni del file php.ini o contattando il provider di hosting per rimuovere temporaneamente il limite.

Aumento del limite di caricamento dei file : per aumentare il limite di caricamento dei file PHP , puoi modificare il php.ini o chiedere assistenza al tuo provider di hosting. Una configurazione tipica potrebbe essere la seguente:

• dimensione_massima_del_file caricato = 64M
• dimensione massima post = 64M
• limite_memoria = 128M

In alternativa, puoi aggiungere queste righe al file .htaccess

• php_value upload_max_filesize 64M
• php_value post_max_size 64M
• php_value memory_limit 128M

Ciò garantisce che i file di esportazione Elementor più grandi (che potrebbero includere contenuti multimediali ad alta risoluzione) possano essere importati correttamente.

Correlati: Come aggiornare la versione PHP di WordPress

Utilizza copia e incolla tra domini (Happy Addons Pro e Mighty Addons per Elementor)

Se gestisci più siti web basati su Elementor, componenti aggiuntivi come Happy Addons Pro e Mighty Addons for Elementor offrono funzionalità avanzate di copia e incolla tra domini diversi.

Questo permette di copiare rapidamente qualsiasi sezione, widget o persino intere pagine da un dominio e incollarle direttamente in un altro senza dover passare attraverso l'intero processo di esportazione/importazione.

Happy Addons Pro ti consente di:

• Copia sezioni o elementi da un sito Elementor e incollali direttamente in un altro dominio.
• Gestisci facilmente la coerenza del design tra più progetti, risparmiando molto tempo sulle attività ripetitive.

Mighty Addons per Elementor offre:

• Trasferimento di contenuti tra domini.
• Kit di modelli predefiniti per vari settori, come e-commerce, fitness e ospitalità.

L'utilizzo di questi strumenti rende il trasferimento dei progetti tra progetti ancora più rapido ed efficiente, soprattutto per gli sviluppatori che lavorano su più siti contemporaneamente.

Correlati : Strumenti di debug di WordPress per la risoluzione dei problemi

Esporta e importa kit di modelli completi

Se stai lavorando a progetti di grandi dimensioni e hai bisogno di trasferire più pagine, sezioni e impostazioni del sito, Template Kit ti consente di esportare e importare interi kit di modelli.

Come esportare un kit di modelli completo:

Nella dashboard di WordPress, vai su Elementor ⟶ Strumenti ⟶ Importa/Esporta Kit.

• Fai clic su Avvia esportazione e scegli se includere tutti i modelli, i contenuti e le impostazioni del sito.

• Una volta completata la procedura di esportazione, scarica il file .zip contenente il tuo kit.

Come importare un kit di modelli completo:

Sul nuovo sito, vai su Elementor ⟶ Strumenti ⟶ Kit di importazione/esportazione.

Fai clic su Avvia importazione, carica il file .zip e scegli quali elementi (ad esempio, modelli, contenuti, impostazioni del sito) importare.

I kit di modelli sono particolarmente utili per le agenzie di web design che creano e implementano frequentemente layout standard su più siti.

È possibile esportare tutti i componenti essenziali, intestazioni, piè di pagina, impostazioni globali e altro ancora, risparmiando tempo all'avvio di nuovi progetti.

Esplora : Le migliori agenzie di web design WordPress

Problemi comuni durante il processo di esportazione/importazione e come risolverli

Sebbene il processo di esportazione/importazione sia semplice, potrebbero verificarsi alcuni problemi. Ecco alcuni errori comuni e le relative soluzioni :

Errore file non valido : se ricevi un errore "File non valido" durante il tentativo di importare un template, di solito significa che il file è stato creato utilizzando una versione diversa (probabilmente precedente) di Elementor. Ecco come risolvere questo problema:

• Passa temporaneamente a una versione precedente di Elementor che corrisponda alla versione utilizzata per creare il modello.

• Una volta importato correttamente il modello, torna all'ultima versione di Elementor.

Puoi utilizzare plugin come Easy Theme e Plugin Upgrades per passare facilmente da una versione all'altra di Elementor.

Scopri di più : Guida definitiva ai registri degli errori di WordPress

Sostituzione dei modelli esistenti : durante il processo di importazione, Elementor ti chiederà se desideri sostituire eventuali modelli esistenti con lo stesso nome.

Fai attenzione quando esegui questa operazione, poiché potrebbe sovrascrivere i design esistenti sul tuo sito. Verifica sempre i nomi dei modelli che stai importando ed esportando per evitare conflitti.

Avviso sull'importazione di file SVG : se il tuo template contiene file SVG (spesso utilizzati per le icone), WordPress potrebbe avvisarti dei per la sicurezza durante l'importazione.

Per risolvere questo problema, abilita il caricamento di file senza filtri aggiungendo quanto segue al tuo file wp-config.php:

define('CONSENTI_CARICAMENTI_NON_FILTRATI', true);

Ciò consentirà a Elementor di importare SVG senza problemi.

Conclusione

La possibilità di esportare e importare pagine Elementor specifiche nei siti web WordPress rappresenta una vera svolta, rendendo il flusso di lavoro più efficiente.

Che tu stia lavorando su un intero sito web, migrando pagine su un'installazione preesistente o riutilizzando layout per un sito già esistente, questa funzionalità ti farà risparmiare tempo e fatica preziosi.

Seguendo la guida passo passo qui sopra, potrai trasferire i progetti senza problemi, mantenendo le stesse condizioni, sia che utilizzi la versione gratuita che quella a pagamento di Elementor.

Comprendere le informazioni relative al kit garantisce che tutto venga trasferito senza intoppi, soprattutto quando si lavora con lo stesso modello o tipo di tema.

Sfrutta al meglio questa potente funzionalità, ottimizza il tuo flusso di lavoro, massimizza l'efficienza e migliora oggi stesso la tua esperienza con Elementor Pro!

Domande frequenti sulle pagine Elementor in WordPress