Webflow es una plataforma fácil de usar que ayuda a los usuarios a crear sitios web profesionales con un editor visual intuitivo. Sin embargo, si ya tienes tu sitio desde hace tiempo, puede que estés buscando una solución más flexible y avanzada, como WordPress.

Migrar de Webflow a WordPress puede parecer una tarea desalentadora, especialmente si tu sitio tiene mucho contenido. Sin embargo, el proceso es más sencillo de lo que piensas, y puedes tener tu nuevo sitio de WordPress funcionando en poco tiempo.

En este artículo, empezaremos por discutir brevemente las razones por las que puedes querer pasar de Webflow a WordPress. A continuación, te guiaremos por todo el proceso de migración.

¡Empecemos!

Por qué Deberías Considerar Pasar de Webflow a WordPress

Como la mayoría de las soluciones de sitios web «todo en uno», Webflow te permite construir y lanzar un sitio web sin muchas complicaciones. Sirve tanto de constructor de sitios web como de proveedor de alojamiento. Aunque esto parece muy conveniente, también puede parecer un poco limitante. Dado que todos los aspectos de tu sitio son gestionados por el mismo servicio, puedes sentirte restringido a la hora de añadir nuevas funciones u optimizar tu contenido.

Un sistema de gestión de contenidos (CMS) de código abierto, como WordPress, te da más libertad de personalización. Aunque Webflow tiene una amplia gama de aplicaciones y widgets, no se puede comparar con la riqueza de plugins que ofrece WordPress.

Con WordPress, también tienes el control sobre tu alojamiento web y tu presupuesto. Puedes comparar y elegir la solución adecuada para tu sitio web. Además, el software de WordPress es gratuito, al igual que la mayoría de sus plugins disponibles. Por tanto, migrar de Webflow a WordPress también puede ayudarte a reducir los gastos de tu sitio web.

Cosas a Tener en Cuenta Antes de Migrar de Webflow a WordPress

Tanto si tienes un blog como una tienda de comercio electrónico, migrar un sitio web puede parecer una tarea difícil y que requiere mucho tiempo. Sin embargo, el proceso no lleva tanto tiempo. Además, es posible realizar la migración por tu cuenta si tienes acceso a las herramientas adecuadas.

No obstante, antes de empezar, hay algunas cosas que tendrás que hacer. Veamos algunos preparativos esenciales para tu migración de Webflow a WordPress.

Encontrar un Alojamiento Web para WordPress

Como hemos mencionado antes, una de las mejores cosas de usar WordPress es elegir el alojamiento web que quieras. Por lo tanto, puedes seleccionar un servicio que se ajuste a tus necesidades y a tu presupuesto.

Aunque puede ser tentador optar por un servicio de alojamiento barato, puedes considerar la posibilidad de obtener un alojamiento gestionado de WordPress para tu sitio. Este servicio suele ser más caro que otras opciones. Sin embargo, puede ayudarte a aumentar el rendimiento de tu sitio y a mantener tu contenido seguro.

En Kinsta, ofrecemos una gama de planes de alojamiento que se adaptan a diferentes presupuestos. Nuestro servicio de alojamiento gestionado de WordPress incluye una gran cantidad de funciones, entre ellas:

  • Instalación rápida y sencilla de WordPress
  • Copias de seguridad automáticas diarias
  • Eliminación de hackers y malware
  • Soporte 24/7
  • Certificados SSL gratuitos

También ofrecemos migraciones ilimitadas y gratuitas desde todos los alojamientos web para ayudarte a que tu cambio no sea estresante. Además, puedes utilizar nuestra herramienta de desarrollo fácil de usar, DevKinsta, para diseñar tu primer sitio web de WordPress.

Lo ideal sería que tuvieras tu nueva cuenta de alojamiento web preparada antes de empezar la migración. Esta preparación ayudará a que el proceso sea un poco más rápido.

Hacer una Copia de Seguridad de Tus Datos

Es importante tener en cuenta que, en realidad, no trasladarás tu contenido de Webflow a WordPress durante el proceso de migración. Simplemente, descargarás una copia en tu ordenador y luego la subirás a WordPress. Por lo tanto, tu sitio de Webflow permanecerá como está, así que no hay necesidad de hacer una copia de seguridad de tu contenido.

Sin embargo, puedes optar por realizar una copia de seguridad por si algo va mal. Para guardar una copia de seguridad en Webflow, solo tienes que mantener pulsado Comando + Mayúsculas + S (en Mac) o Control + Mayúsculas + S (en Windows):

Guardar una copia de seguridad en Webflow
Guardar una copia de seguridad en Webflow

A continuación, Webflow te pedirá que introduzcas una descripción para tu copia de seguridad. Cuando estés listo, haz clic en Guardar. A continuación, puedes ir a Configuración > Copias de seguridad para asegurarte de que se ha guardado tu última copia.

Cómo Migrar de Webflow a WordPress (en 6 Pasos)

Ahora que has configurado tu cuenta de alojamiento y has hecho una copia de seguridad de tus datos, es el momento de trasladar tu contenido de Webflow a WordPress. En este tutorial, te guiaremos por todo el proceso de migración para ayudarte a lanzar tu nuevo sitio con éxito.

Paso 1: Configurar WordPress

El primer paso es configurar WordPress. La mayoría de los alojamientos web ofrecen instalaciones de WordPress con un solo clic en sus planes, a los que puedes acceder desde tu cuenta de alojamiento. Esta función suele venir acompañada de una guía de configuración que te ayudará a completar el proceso en pocos minutos.

También puedes descargar el software manualmente desde WordPress.org:

Página de inicio de WordPress.org
Página de inicio de WordPress.org

A continuación, tendrás que subir los archivos de WordPress a tu servidor. El proceso puede tardar unos minutos. Una vez que esté listo, puedes proceder a la exportación de Webflow a WordPress.

Paso 2: Exportar tu Contenido Desde Webflow

Ahora que tienes WordPress configurado, puedes preparar el contenido de tu nuevo sitio. Afortunadamente, Webflow hace que sea muy fácil exportar tus datos.

Sin embargo, no puedes exportarlos todos. El contenido descargable desde Webflow incluye páginas web, entradas de blog, textos, bloques incrustados, páginas de galería e imágenes.

Para exportar tu contenido, ve a tu diseñador de Webflow y haz clic en el panel de Colecciones CMS. Aquí puedes ver todos los archivos y datos de tu servidor Webflow:

Panel de Colecciones en Webflow
Panel de Colecciones en Webflow

Selecciona la colección que quieras descargar (por ejemplo, las entradas del blog) y haz clic en el botón Exportar, situado en la parte superior de la pantalla. El contenido se descargará en tu ordenador como un archivo .csv. Puedes repetir este proceso para cualquier otra colección que quieras exportar.

Paso 3: Importar tu Contenido a WordPress

El siguiente paso es subir tu contenido de Webflow a WordPress. El CMS viene con una herramienta de importación que te permite subir archivos en formato XML. Lamentablemente, Webflow solo te permite descargar el contenido como un archivo CSV.

Por lo tanto, tendrás que utilizar un plugin de migración para importar archivos CSV a WordPress. Recomendamos WP All Import:

WP All Import
WP All Import

Para añadir el plugin a tu sitio web, ve a Plugins > Añadir nuevo en tu panel de control de WordPress y busca la herramienta en la barra de búsqueda.

Buscar WP All Import
Buscar WP All Import

A continuación, haz clic en el botón Instalar ahora, seguido de Activar. Una vez activado el plugin, ve a All Import > Nueva Importación:

Instalar y activar WP All Import
Instalar y activar WP All Import

Haz clic en la opción Cargar un archivo y selecciona el archivo CSV que has descargado antes. El plugin te guiará por el proceso de importación.

Para este tutorial, vamos a importar las entradas del blog desde Webflow:

Importar entradas de blog de Webflow
Importar entradas de blog de Webflow

El plugin te pedirá que arrastres los elementos a los campos correctos mediante una interfaz de arrastrar y soltar:

Interfaz de arrastrar y soltar en WP All Import
Interfaz de arrastrar y soltar en WP All Import

Por ejemplo, tendrás que arrastrar el nombre de tu entrada (desde la derecha) al campo del título y el cuerpo de la entrada al área correspondiente. También verás opciones para añadir taxonomías, como categorías y etiquetas, y para configurar otros ajustes, como el estado de la entrada:

Configurar los ajustes de la entrada
Configurar los ajustes de la entrada

Ten en cuenta que estos ajustes se aplicarán a todas las entradas de tu archivo. Por lo tanto, no tendrás que repetir el proceso para cada entrada que hayas importado.

A continuación, se te pedirá que definas un identificador único para las entradas de tu archivo. Puedes hacer clic en el botón Autodetectar para generar un identificador:

Generar tu identificador único
Generar tu identificador único

Por último, tendrás que hacer clic en el botón Confirmar y ejecutar la importación para finalizar el proceso:

Confirmar y ejecutar
Confirmar y ejecutar

El plugin te avisará cuando el proceso de importación se haya completado:

Mensaje de importación completa en WP All Import
Mensaje de importación completa en WP All Import

Una vez que esté listo, puedes comprobar tu contenido navegando a Entradas o Páginas en tu panel de control. También tendrás que repetir el proceso de importación para cualquier otro archivo Webflow que hayas descargado.

Ten en cuenta que WordPress no admite la importación automática de imágenes de otras plataformas como Webflow. Por lo tanto, tendrás que añadir tus gráficos manualmente o utilizar un plugin como Auto Upload Images.

Carga automática de imágenes
Carga automática de imágenes

Este plugin buscará las URL de las imágenes en tus entradas y páginas. Entonces descargará esos gráficos y los subirá a WordPress, sustituyendo las URL.

Paso 4: Elegir un Tema de WordPress

Por desgracia, no puedes transferir el diseño de tu sitio Webflow a WordPress. Sin embargo, el popular CMS ofrece miles de bonitos temas entre los que elegir.

Elige un tema para WordPress
Elige un tema para WordPress

Los temas de WordPress son personalizables, por lo que puedes modificarlos para adaptarlos a tus necesidades. Además, la mayoría son gratuitos, aunque algunos temas de pago también pueden ser bastante asequibles.

Te recomendamos que dediques algo de tiempo a personalizar tu tema de WordPress y que pruebes diferentes opciones. Sin embargo, te conviene elegir un diseño responsivo, ya que esto te ayudará a garantizar que tu contenido se vea bien en todos los dispositivos.

Paso 5: Configurar los Enlaces Permanentes de WordPress

A continuación, tendrás que configurar los enlaces permanentes de WordPress. Estos definen la estructura de la URL de tu sitio.

Para acceder a tus enlaces permanentes, ve a Configuración > Enlaces permanentes en tu panel de control de WordPress:

Configuración de Permalink en WordPress
Configuración de Permalink en WordPress

Como puedes ver, tienes varias opciones. Te recomendamos que selecciones Nombre de la publicación. De esta manera, tus URL estarán compuestas por el nombre de tu dominio y el slug que hayas establecido para esa página o post en particular. Tener URL cortas y limpias puede beneficiar la optimización de tu sitio en los motores de búsqueda (SEO).

Cuando estés listo, haz clic en Guardar cambios. Ahora puedes pasar al último paso.

Paso 6: Apunta tu Dominio a WordPress

Aunque hayas importado tu sitio a WordPress, tu dominio (por ejemplo, mysite.com) sigue apuntando a los servidores de nombres de Webflow. Si quieres mantener el mismo dominio, tendrás que actualizar la configuración de tus DNS para que tu dominio apunte a los servidores de tu nuevo alojamiento web.

Puedes encontrar los servidores de nombre de tu proveedor en tu cuenta de alojamiento. Suelen tener el siguiente aspecto:

  • ns1.yourwebhost.com
  • ns2.yourwebhost.com
  • ns3.yourwebhost.com

Si utilizaste un registrador de dominios cuando creaste tu sitio Webflow, tendrás que entrar en tu cuenta para gestionar la configuración de los DNS. Es posible que tu nuevo alojamiento web te permita gestionar tu dominio a través de su panel de control. Si eres cliente de Kinsta, puedes usar MyKinsta para apuntar tu dominio hacia tu nuevo sitio web.

Ahora, cuando los visitantes escriban tu URL en Google, serán dirigidos a tu nuevo sitio. Te recomendamos que completes este paso una vez que tu sitio web de WordPress esté listo para salir a la luz.

Resumen

Webflow es un constructor de sitios web todo en uno que facilita el lanzamiento y la gestión de tu sitio. Sin embargo, a medida que tu sitio web crece, puede que necesites cambiar a una plataforma más flexible y potente, como WordPress.

Como hemos visto, migrar de Webflow a WordPress puede ser un proceso sencillo. Sin embargo, es esencial elegir el proveedor de alojamiento adecuado para tu nuevo sitio web. También querrás seleccionar un tema de WordPress responsivo, optimizar tus permalinks y actualizar la configuración de tu dominio para que los usuarios sean dirigidos a tu nuevo sitio.

¿Tienes alguna pregunta sobre la migración de Webflow a WordPress? Háznoslo saber en la sección de comentarios más abajo.

Matteo Duò Kinsta

Editor en jefe de Kinsta y consultor de marketing de contenidos para desarrolladores de plugins de WordPress. Conéctese con Matteo en Twitter.