Facile guida in 7 passaggi per la migrazione da Webflow a WordPress

Webflow semplifica la creazione di un sito Web senza la necessità di codice grazie al suo editor drag and drop e ai modelli predefiniti.

Ma man mano che le tue esigenze crescono, probabilmente dovrai affrontare dei limiti.

La possibilità di creare abbonamenti online è ancora in versione beta, mentre questa è disponibile in WordPress da anni utilizzando plug-in come SureMembers.

Hai bisogno di un fantastico sito di e-commerce ? Costruisci un negozio ad alta conversione con SureCart.

Potenti plug-in come Spectra ti forniranno blocchi di progettazione, wireframe e modelli per creare facilmente bellissime pagine web.

Potremmo continuare...

Il punto è che non è necessario essere legati a software proprietario. Puoi ottenere risultati migliori e migliori con WordPress.

Ecco perché in questa guida vedrai come migrare da Webflow a WordPress passo dopo passo .

Un nuovo modo di creare e gestire siti web ti sta aspettando.

Saltiamoci dentro!

Entra in una nuova era di flessibilità e controllo migrando il tuo sito da #Webflow a #WordPress.

Di cosa hai bisogno per passare da Webflow a WordPress?

Ti serviranno solo un paio di elementi essenziali durante la migrazione da Webflow a WordPress.

Webflow fornisce tutti gli elementi necessari per creare e mantenere un sito web funzionale.

1. Un sottodominio su webflow.io o la possibilità di connettere un dominio personalizzato.
2. Il software per creare il tuo sito web.
3. Hosting per accogliere tutti gli elementi del sito.

Per migrare a un sito Web WordPress devi prima replicare quelle risorse da solo.

1. Nome del dominio. Se disponi già di un dominio personalizzato su Webflow, dovrai indirizzarlo al tuo nuovo host.
2. Caratteristiche del sito. Dovrai installare WordPress. Saranno inoltre richiesti un tema professionale e alcuni plug-in per replicare alcune funzionalità di Webflow.
3. Ospitando. Questo è il luogo in cui archivierai tutto per il tuo sito web.

Può sembrare molto, ma vedrai che è un processo molto semplice.

Come migrare da Webflow a WordPress passo dopo passo

La migrazione consiste nel creare una nuova piattaforma con WordPress e quindi spostare il contenuto da Webflow al tuo nuovo sito.

Vediamo come raggiungere questo obiettivo passo dopo passo.

Passaggio 1. Ottieni l'hosting

Prima di tutto avrai bisogno di un hosting WordPress dove installerai e archivierai tutto.

Ti consigliamo di utilizzare Hostinger o CloudWays in quanto forniscono una gamma di piani affidabili a prezzi ragionevoli.

Per questo esempio useremo Cloudways.

Ma puoi seguire i passaggi con Hostinger o qualsiasi altro provider host poiché il processo sarà abbastanza simile.

Cloudways offre una gamma di opzioni di hosting da quelle di base a quelle più avanzate. Pensiamo che il piano di base di Digital Ocean dovrebbe essere sufficiente per cominciare.

.

Questo piano offre 1 TB di larghezza di banda. Qualcosa che nemmeno il piano aziendale da $ 39 / mese di Webflow offre.

Probabilmente è più che sufficiente per iniziare, anche se puoi sempre aggiornare in qualsiasi momento, se necessario.

Passo 2. Installa WordPress

Dopo esserti registrato, dovrai installare WordPress sul server Cloudways che hai appena acquistato.

1. Scegli WordPress come applicazione che desideri installare.
2. Scegli il luogo più vicino dove si troverà la maggior parte dei tuoi clienti.

È possibile aumentare le dimensioni del server a questo punto, se lo si desidera.

Altrimenti lascia tutti i parametri così come sono e clicca su Avvia ora per terminare la configurazione del server e l'installazione di WordPress.

Passaggio 3. Personalizza WordPress

Vai all'installazione di WordPress che hai appena installato e trova le credenziali di accesso dell'amministratore di WordPress nella scheda Dettagli di accesso .

• Nota che Cloudways ti fornisce un dominio gratuito temporaneo, che è un sottodominio come name.cloudways.com .
  • Questo è simile al sottodominio fornito anche da Webflow ( domain.webflow.io )

L'URL e le credenziali di cui sopra ti porteranno al pannello di amministrazione di WordPress, che è in parte simile alla dashboard di Webflow.

Ora è il momento di personalizzare WordPress .

Per prima cosa avrai bisogno di un tema .

Consigliamo Astra. È molto leggero e veloce e può essere facilmente adattato a qualsiasi esigenza.

WordPress ha già un editor di blocchi per la parte di progettazione.

Ma se vuoi qualcosa di più potente puoi installare Spectra, che include più blocchi e funzionalità.

WordPress è molto flessibile e consente centinaia di temi e opzioni di plugin.

Per il momento ti consigliamo di concentrarti solo sul design e poco altro in modo da poter continuare con il processo di migrazione.

Passo 4. Esporta il contenuto del flusso web

Ora hai la tua nuova piattaforma WordPress pronta, devi riempirla di contenuti.

Dalla dashboard di Webflow vai alla sezione Collezione CMS .

Scegli il contenuto che desideri spostare, nel nostro caso i post del blog, e fai clic sul pulsante Esporta .

Otterrai un file CSV con gli elementi selezionati.

Puoi ripetere questo passaggio per qualsiasi raccolta che possiedi. Purtroppo le pagine statiche non possono essere esportate, e nemmeno le immagini .

Importante

Da questo punto in poi non dovresti modificare nulla in Webflow. Se aggiungi più contenuto, non verrà più importato in WordPress poiché abbiamo già scaricato il contenuto.

Passaggio 5. Importa il contenuto su WordPress

Ora dovrai importare il contenuto che hai appena esportato in Webflow in WordPress.

C'è solo un piccolo inconveniente: WordPress non può importare nativamente i file CSV .

Per fortuna la soluzione è semplice. Tutto quello che devi fare è installare un plugin gratuito chiamato WP All Import .

Lo farai dal pannello di amministrazione di WordPress > Plugin > Aggiungi nuovo .

Utilizzare la funzione di ricerca per individuare il plug-in, quindi installarlo e attivarlo .

Quindi, seleziona WP All Import dalla barra laterale, importa il file che hai precedentemente scaricato e specifica di che tipo di contenuto si tratta.

In questo caso post. Cambialo in quello che hai scaricato in quel momento.

Prima di finalizzare l'importazione, puoi verificare quali contenuti verranno importati.

Se scorri fino in fondo noterai che le immagini sono ancora collegate al tuo account Webflow.

Ricorda che le immagini non possono essere esportate automaticamente da Webflow a WordPress .

È un processo che dovrai eseguire manualmente. Ma ti mostreremo come farlo più velocemente nel passaggio successivo.

Nella fase finale è necessario creare il modello di importazione .

Ciò significa dire al plug-in quale contenuto sarà incluso in quale sezione di un articolo.

Trascinando e rilasciando puoi indicare che le informazioni trovate in "name" verranno utilizzate come titolo del post, "postbody" come contenuto e così via.

Una volta che hai tutto pronto, scorri fino in fondo e fai clic su Continua per arrivare al passaggio finale.

Fare clic su Rilevamento automatico in modo che il plug-in assegni un identificatore univoco a ciascun elemento importato e fare nuovamente clic su Continua .

Esegui l'importazione e il gioco è fatto.

Gli articoli appariranno nella pagina Post di WordPress.

Utilizza la stessa procedura per la migrazione di altri contenuti da Webflow in modo che tutto venga aggiunto a WordPress.

Passo 6. Ricarica le immagini

Webflow non ti consente di esportare immagini.

Li fa riferimento usando il codice, quindi verranno visualizzati nei tuoi post di WordPress.

Saranno ospitati su Webflow e scompariranno se elimini il tuo account.

Per risolvere questo problema in modo efficiente puoi utilizzare il plug-in Auto Upload Images in quanto:

• Scansiona i tuoi articoli alla ricerca di immagini incorporate in siti esterni.
• Li scarica dalla fonte originale, li carica su WordPress e scambia il vecchio riferimento.

Il caricamento automatico delle immagini è davvero facile da usare, una volta installato e attivato:

1. Vai a Pubblica > Tutti i post .
2. Selezionali tutti .
3. Nel primo menu a discesa seleziona Modifica .
4. Fare clic sul pulsante Applica .

Nel pannello di modifica che apparirà lascia tutto così com'è e fai semplicemente clic su Aggiorna .

Il plugin funzionerà in background e d'ora in poi le immagini collegate saranno ospitate sul tuo sito web.

Passo 7. Reindirizza il dominio

Il tuo sito web è ora perfettamente funzionante. Ma al momento è accessibile solo tramite l'URL temporaneo fornito da Cloudways.

Il tuo dominio punta ancora al tuo sito web realizzato in Webflow.

Per risolvere questo problema dovrai seguire due passaggi .

Innanzitutto, aggiungi il dominio che desideri utilizzare nel pannello della dashboard di Cloudways e impostalo come dominio principale .

Quindi copia l'IP pubblico del tuo server .

Lo troverai nella scheda dei dettagli di accesso in Cloudways.

Alla fine dovrai andare al tuo registrar di domini e modificare un paio di valori. Invece di puntare ai server Webflow, vogliamo che punti a Cloudways.

Questo viene fatto modificando il DNS aggiungendo 2 nuovi record.

Guarda un esempio qui sotto di come questo viene fatto in Namecheap.

• Un record:
  • Host/Nome: @ o vuoto.
  • Valore/Target: l'indirizzo IP che hai appena copiato.
  • TTL: automatico/predefinito.
• Registro CNAME:
  • Ospite: www
  • Valore: il tuo nome di dominio (ad es. nomedeltuonegozio.com)
  • TTL: lascia l'impostazione predefinita

Dopo aver effettuato questo aggiornamento potrebbe essere necessario attendere fino a 48 ore per la propagazione della modifica.

Se rimani bloccato, il tuo registrar di domini o il nuovo host web dovrebbe essere in grado di aiutarti.

I prossimi passi dopo la migrazione

Una volta completata la migrazione, dovresti eseguire un rapido controllo e lavorare manualmente su alcuni aspetti del tuo sito web.

• Ricrea le pagine: Webflow non ti consente di esportare pagine statiche. Dovrai crearli manualmente in WordPress.

• Ricrea il menu di navigazione: e altri elementi come i widget della barra laterale o del piè di pagina.
• Installa plug-in extra: per creare moduli di contatto, acquisizione di lead e qualsiasi altro per ripristinare funzionalità vitali per la tua attività.
• Reinstallare il codice che ora manca. Come il codice di Google Analytics o Meta Pixel.

Testa tutto per assicurarti che sia sotto controllo e che non hai lasciato alcun contenuto in Webflow.

Quando sei sicuro di questo, chiudi il tuo account Webflow per evitare di incorrere in costi aggiuntivi.

Domande frequenti sulla migrazione da Webflow a WordPress

Questa guida contiene tutto ciò che devi sapere, ma ci rendiamo conto che potresti avere ancora delle domande.

Considerazioni finali sul passaggio da Webflow a WordPress

La migrazione di un sito Web da Webflow a WordPress non è difficile.

Dopo aver creato la tua nuova casa digitale con WordPress sull'hosting di tua scelta e aver impostato il design a tuo piacimento, si tratta solo di spostare il contenuto da un luogo all'altro.

WP All Import ti aiuterà importando post di blog o prodotti che hai precedentemente esportato da Webflow.

Ricorda però che le immagini non vengono esportate ma incorporate dalla fonte originale, quindi dovrai utilizzare il plug-in Auto Upload Images per risolvere questo problema.

Webflow e WordPress sono piattaforme molto diverse, e quindi è inevitabile che alcuni elementi non siano trasferibili.

Il menu di navigazione, i moduli di contatto o il design stesso sono caratteristiche intrinseche di Webflow. Dovrai ricrearli manualmente in WordPress ma è facile.

Potrebbe essere un passaggio in più, ma dovrai farlo solo una volta.

E vale la pena iniziare a lavorare con una piattaforma più facile da usare e più economica che può essere espansa in modi illimitati grazie a plug-in e integrazioni.

Quali sono i motivi per cui hai deciso di lasciare Webflow?

Vuoi sapere come replicare una funzionalità della piattaforma in WordPress?

Fateci sapere nei commenti qui sotto!