Cómo migrar de Webflow a WordPress (paso a paso)

En la actualidad, muchos usuarios desean alejarse de Webflow debido a sus elevados costes y a la limitada flexibilidad que ofrece a los propietarios de sitios web.

Migrar de Webflow a WordPress puede parecer complicado, pero merece la pena. WordPress es flexible, más asequible y ofrece muchas opciones de personalización mediante plugins y temas (sin necesidad de código). WordPress también le da un control total sobre su sitio.

Dado que el cambio de Webflow a WordPress no es muy sencillo, hemos repasado todo el proceso para ayudarte. En esta guía, le ayudaremos a trasladar su sitio, paso a paso.

Aprenderá a establecer WordPress y a transferir su contenido desde Webflow. Nuestro objetivo es que el cambio sea lo más sencillo y fluido posible.

A continuación le ofrecemos un resumen de los pasos que deberá seguir para trasladar su sitio de Webflow a WordPress:

¿Por qué migrar de Webflow a WordPress?

Muchos usuarios eligen Webflow por sus herramientas de diseño fáciles de usar y su sencilla creación de sitios web.

Sin embargo, enseguida se dan cuenta de las limitaciones de Webflow. Es una plataforma cerrada con menos personalizaciones, integraciones limitadas y precios abusivos.

Por eso recomendamos a los usuarios que eviten Webflow y utilicen WordPress en su lugar.

Hemos utilizado y probado los mejores maquetadores de sitios web, pero ninguno se acerca a WordPress. Impulsa más del 43% de todos los sitios web, incluidas muchas marcas de renombre.

He aquí algunas cosas que hacen de WordPress una opción mucho mejor que Webflow:

• Rentable: Existen muchas opciones de alojamiento asequibles para WordPress. Es una plataforma gratuita y de código abierto que permite controlar los costes.
• Personalizador: Cuenta con excelentes maquetadores de páginas sin código, miles de temas (plantillas de diseño) y muchos plugins (más de 59.000). Juntas, estas herramientas te ofrecen opciones de personalización ilimitadas.
• Integraciones: Al ser el maquetador de sitios web más popular, WordPress dispone de integraciones para la mayoría de herramientas de terceros. Podrás utilizar cualquier herramienta de marketing, comercio electrónico o crecimiento en tu sitio.
• Escalabilidad: Actualice los planes de alojamiento a medida que crezca su sitio y pague solo por los recursos que necesite.

El cambio a WordPress le ofrece más control y mejores opciones. Gestionar su sitio le resultará más fácil y ahorrará dinero a largo plazo.

Veamos los pasos necesarios para que esta transición sea correcta y sin contratiempos.

Paso 1: Registrarse en el alojamiento de WordPress

Para empezar la migración, necesitarás un proveedor de alojamiento de WordPress. Un buen proveedor de alojamiento garantiza que tu sitio web funcione sin problemas y pueda gestionar el tráfico.

Recomendamos utilizar Bluehost, un proveedor de alojamiento oficial recomendado por WordPress. Bluehost ofrece actualmente a nuestros usuarios un nombre de dominio gratuito y un gran descuento en alojamiento web.

Puedes empezar desde 1,99 $/mes, lo que la convierte en una opción asequible y fiable.

Alternativas: Si quieres otras opciones, considera Hostinger o SiteGround. Ambos están bien considerados y ofrecen un rendimiento excelente.

Por el bien de este tutorial, le mostraremos capturas de pantalla de Bluehost. Sin embargo, el proceso básico es similar para todos los principales proveedores de alojamiento de WordPress.

Vaya al sitio web de Bluehost y haga clic en el botón “Empezar ahora”.

A continuación verás la página de precios, en la que se te pedirá que elijas un plan.

El plan Básico es adecuado para la mayoría de los sitios web.

Haga clic en “Seleccionar” para elegir un plan y continuar.

En el siguiente paso, Bluehost le pedirá que elija su dominio.

Si ya tiene un dominio personalizado que utilizó para su sitio web Webflow, puede introducirlo en la casilla “Utilizar un dominio de su propiedad”.

También puede elegir su nombre de dominio gratuito aquí o hacer clic en “Crearé mi dominio más tarde” para omitir este paso.

A continuación, facilite sus datos personales y los detalles del pago para completar la compra.

Bluehost le enviará un correo electrónico con sus datos de acceso / acceso. Puede utilizarlos para acceder al Escritorio de su cuenta de alojamiento.

Al acceder / acceder por primera vez, Bluehost instalará automáticamente WordPress para usted. Haga clic en el botón “Editar sitio” para iniciar el escritorio de WordPress.

¿Necesita ayuda para instalar WordPress? Consulte nuestro tutorial completo de instalación de WordPress para obtener instrucciones detalladas paso a paso.

Ahora que ya ha instalado WordPress, el siguiente paso es elegir un tema (plantillas de diseño) para su sitio web.

Paso 2: Elegir un tema de WordPress

Después de instalar WordPress, el siguiente paso es elegir un tema para tu sitio web. Controlará el aspecto de tu sitio.

Existen miles de temas de WordPress gratuitos y de pago.

Sin embargo, los nuevos usuarios pueden sentirse abrumados por la gran cantidad de opciones. Para ayudarle a elegir el tema perfecto, nuestro equipo ha elaborado una lista de los temas más populares de WordPress.

Te recomendamos que elijas una estructura / disposición / diseño / plantilla sencilla y con mucho espacio en blanco. Nuestra experiencia en la creación de sitios web para empresas nos ha enseñado que una estructura / disposición / diseño / plantilla limpia y minimalista resulta más profesional y fácil de usar.

No pienses demasiado tu elección. Siempre puedes cambiar de tema de WordPress si encuentras uno mejor.

Más adelante en este artículo, hablaremos del diseño de páginas en WordPress utilizando maquetadores de páginas sin código. Esto le dará aún más control sobre el diseño de su sitio.

Por ahora, vamos a empezar a exportar datos desde Webflow para que pueda importarlos a su nuevo sitio de WordPress.

Paso 3: Exporte su sitio web Webflow

Aunque Webflow le permite exportar parte de su contenido, no puede exportarlo todo.

Esto es lo que puedes exportar:

• La exportación de sitios incluye HTML, CSS, JS e imágenes/medios (solo con los planes Espacio de trabajo).
• Exporte componentes del CMS, como entradas de blog.

Exportar sitio web Webflow

No puede importar páginas Webflow directamente a su sitio web WordPress. Sin embargo, puede que desee guardar su sitio web antes de trasladar su contenido a WordPress.

Si dispone de un plan Webflow Workspace, puede utilizar la característica Exportar código para exportar su sitio web y guardarlo en su ordenador.

Acceda a su cuenta Webflow e inicie la herramienta Designer.

Ahora entrará en la interfaz de usuario de Webflow Designer.

Lleve el ratón a la esquina superior derecha de la pantalla y haga clic en el botón “Exportar código”.

Se abrirá la ventana emergente Exportar código.

En la parte inferior de la ventana emergente, debe hacer clic en el botón “Preparar ZIP” para continuar.

A continuación, Webflow preparará sus archivos, que podrá descargar en su ordenador.

Nota: Si no utiliza el plan Espacio de trabajo, tendrá que guardar o ahorrar manualmente sus páginas en el ordenador. Alternativamente, puede utilizar el copiador de sitios web HTTrack para rastrear su sitio web y descargar todas sus páginas a su ordenador.

Paso 4: Exporta las entradas de tu blog

Webflow permite exportar componentes de CMS como entradas de blog, que pueden importarse a WordPress.

Dentro del diseñador Webflow, cambie a la pestaña ‘CMS’ (situada en la barra de herramientas de la izquierda) y haga clic en ‘Entradas de blog’.

A continuación, tienes que hacer clic en el botón “Exportar” de la parte superior para descargar las entradas de tu blog en formato CSV.

Paso 5: Recrear páginas Webflow en WordPress

Ahora que tiene su contenido Webflow almacenado en su ordenador, puede empezar a llevarlo a su nuevo sitio web WordPress.

Aunque no puede importar páginas individuales de Webflow directamente a su sitio web WordPress, puede recrearlas fácilmente.

Para ello, necesitará un maquetador de páginas sin código como SeedProd. Es una herramienta de diseño de arrastrar y soltar que le permite crear páginas web impresionantes sin escribir ningún código.

Primero, necesitas instalar y activar el plugin SeedProd. Para más detalles, consulte nuestro tutorial sobre cómo instalar un plugin de WordPress.

Una vez que haya activado el plugin, vaya a SeedProd ” Páginas de destino en el área de administración de WordPress y haga clic en el botón “Añadir nueva página de destino”.

A continuación, se te pedirá que elijas una plantilla.

SeedProd incluye varias plantillas muy atractivas. Debe elegir una que se parezca a las páginas que desea recrear.

A continuación, dé un nombre a su página y elija un slug de URL.

Le recomendamos que utilice el mismo URL slug que la página que tenía en Webflow. Esto le permitirá mantener su tráfico de búsqueda y su posicionamiento SEO.

Haz clic en “Guardar y empezar a editar la página” para continuar.

Esto le llevará a la interfaz del maquetador de páginas de SeedProd. Puede utilizar el ratón para desplazarse por la pantalla, hacer clic en un elemento y empezar a editarlo.

También puedes añadir nuevos elementos desde la columna de la izquierda arrastrándolos y soltándolos donde quieras mostrarlos.

Con SeedProd es muy fácil diseñar cualquier página. Puede cambiar la estructura / disposición / diseño / plantilla, utilizar colores personalizados, añadir su logotipo y mucho más.

Para más detalles, consulte nuestro tutorial sobre cómo crear una página de destino en WordPress.

¿Quieres probar otro maquetador de páginas? Prueba Thrive Architect, otro excelente maquetador de páginas sin código para WordPress.

Paso 6: Importar entradas del blog a WordPress

Por suerte, importar entradas de blog de Webflow a WordPress es un poco más sencillo.

Necesitará instalar y activar el plugin WP All Import. Después de la activación, vaya a la página All Import ” New Import en el área de administrador / administración de WordPress.

Haga clic en la opción “Subir un archivo” y seleccione el archivo CSV que descargó anteriormente.

El plugin detectará automáticamente el tipo de contenido (entradas) y lo seleccionará por ti.

Haga clic en el botón “Continuar con el paso 2” para el paso siguiente.

El plugin le mostrará una vista previa de los datos del archivo. Haga clic en “Continuar” para pasar a la etapa siguiente.

Ahora, se le pedirá que asigne campos a los campos de la entrada de WordPress. Por ejemplo, puede arrastrar el campo del nombre al área del título de la entrada de WordPress.

Después de emparejar los campos con las áreas correspondientes en WordPress, sólo tiene que hacer clic en el botón “Continuar con el paso 4”.

A continuación, debes definir un identificador único para tus entradas. Utilice el botón ‘Auto-detectar’ para generar un ID. Se utiliza internamente por WordPress y no se mostrará en su sitio web.

Por último, haga clic en “Confirmar y ejecutar importación” para completar el proceso.

El plugin te avisará cuando la importación se haya completado.

Paso 7: Importar imágenes

WP All Import no subirá automáticamente sus imágenes de Webflow a WordPress.

Su sitio web seguirá mostrando las imágenes alojadas en su sitio Webflow, lo que se convertirá en un problema cuando se borre su sitio web Webflow.

Afortunadamente, existe una forma sencilla de importar imágenes externas a la biblioteca de medios de WordPress mediante un plugin.

En primer lugar, debe instalar y activar el plugin Auto Upload Images.

Una vez activado, ve a la página Entradas ” Todas las entradas. Selecciona todas las entradas de tu blog y selecciona “Editar” en el menú desplegable “Acciones en lotes”.

Haga clic en el botón “Aplicar” para continuar.

WordPress mostrará una opción de actualización rápida para todas las entradas. Simplemente haga clic en el botón “Actualizar” y WordPress actualizará todas las entradas de su blog sin realizar ningún cambio en ellas.

Esto activará la función de subida, y el plugin importará cualquier imagen externa encontrada en las entradas de tu blog a la biblioteca de medios.

Para más detalles, consulte nuestro tutorial sobre cómo importar fácilmente imágenes externas en WordPress.

Paso 8: Cambiar ajustes del nombre de dominio

Si estaba utilizando un nombre de dominio personalizado en su antiguo sitio web Webflow, ahora puede apuntarlo a su nuevo sitio WordPress.

Para ello, debe cambiar los ajustes del servidor de nombres de su dominio. Los ajustes de DNS o servidor de nombres de dominio dirigen su nombre de dominio a su proveedor de alojamiento.

Su proveedor de alojamiento de WordPress le proporcionará la información de los servidores de nombres que debe utilizar. Normalmente tiene este aspecto:

• ns1.bluehost.com
• ns2. bluehost.com
• ns3. bluehost.com

Para más detalles, consulte nuestro tutorial sobre cómo cambiar los servidores de nombres de dominio.

Paso 9: Establecer Enlaces permanentes

WordPress le permite elegir una estructura de URL SEO-friendly para su sitio web cambiando los permalinks.

Debe hacer coincidir sus enlaces permanentes de WordPress con la misma estructura de URL que tenía en su antiguo sitio web de Webflow.

Para ello, vaya a la página Ajustes ” Enlaces permanentes en el área de administración de WordPress.

Deberá elegir la opción Nombre de la entrada para que sus URL coincidan con la estructura de URL de Webflow.

No olvide hacer clic en el botón “Guardar cambios” para actualizar los ajustes de los enlaces permanentes.

Paso 10: Instalar los plugins esenciales de WordPress

Ahora que ya ha importado el contenido a su sitio web, el siguiente paso es instalar algunos plugins esenciales de WordPress.

Los plugins son como aplicaciones para tu sitio web WordPress. Al igual que las aplicaciones de tu teléfono, los plugins añaden nuevas características y funcionalidades a tu sitio web WordPress.

Los siguientes son algunos de los plugins de WordPress más populares que añaden características esenciales a un nuevo sitio web de WordPress:

• WPForms – Le permite añadir formularios de contacto a su sitio web WordPress.
• Todo en Uno SEO para WordPress: El kit de herramientas SEO más completo para WordPress. Le ayudará a conseguir más tráfico gratuito de los motores de búsqueda.
• Duplicator: Permite establecer copias de seguridad automatizadas para WordPress. También puedes subir automáticamente esas copias de seguridad a la nube y restaurarlas con 1 clic si es necesario.
• MonsterInsights: Te ayuda a instalar fácilmente Google Analytics en WordPress y te muestra informes de tráfico del sitio web fáciles de entender directamente desde tu panel de control.
• PushEngage: ¿Quieres enviar avisos instantáneos a los usuarios de dispositivos móviles y de escritorio? PushEngage es el mejor servicio de avisos instantáneos del mercado y le ayuda a recuperar visitantes de su sitio web, aumentar las visitas a las páginas y potenciar las conversiones.

¿Necesitas más herramientas y consejos para hacer crecer tu nuevo sitio web en WordPress? Consulta nuestra lista completa de plugins de WordPress imprescindibles para todo tipo de sitios web.

Aprender WordPress (recursos gratuitos)

WordPress es bastante fácil de usar, pero a veces puede que necesites un poco de ayuda para navegar por él.

Aquí tienes algunos recursos de aprendizaje que te ayudarán a familiarizarte rápidamente con WordPress:

• Cursos de formación sobre WordPress: Cursos gratuitos de formación en vídeo sobre WordPress diseñados para principiantes. Recomendamos empezar con WordPress 101, que cuenta con 33 lecciones que cubren los conceptos básicos de WordPress para nuevos usuarios.
• WPBeginner en YouTube: Nuestro canal de YouTube tiene más de 931 vídeos y 972.000 suscriptores. Ofrece tutoriales detallados en vídeo, trucos y consejos prácticos para hacer crecer tu negocio con WordPress.
• Centro de soluciones WPBeginner: ¿Te preguntas qué plugin o herramienta usar? Nuestro Centro de Soluciones es una selección de las mejores herramientas y plugins para WordPress, probados y valorados por nuestro equipo.
• Glosario de WordPress: Un diccionario de términos comunes de WordPress explicados para principiantes. Es un lugar ideal para que los principiantes de WordPress empiecen y se familiaricen con la jerga de WordPress.

¿Necesitas ayuda con un debate específico sobre WordPress? Simplemente escribe tu pregunta en Google y añade “WPBeginner” al final.

Llevamos más de 15 años publicando recursos, tutoriales y guías prácticas sobre WordPress. Es muy probable que ya tengamos un tutorial paso a paso sobre ese debate.

Alternativa: Obtenga ayuda profesional para la migración de Webflow

Webflow es una plataforma propietaria cerrada, y no facilita en absoluto la migración de su sitio web a WordPress.

Seguir los pasos de nuestro tutorial anterior puede llevar mucho tiempo y resultar estresante para los principiantes. Incluso después de seguir los pasos, es posible que no puedas transferir todos tus datos a WordPress.

Una solución más sencilla sería obtener ayuda profesional de WordPress para la migración.

Puede contratar desarrolladores profesionales de WordPress y discutir sus requisitos. A continuación, puede pagarles por horas para diagnosticar sus problemas / conflictos / incidencias de migración.

Por ejemplo, puede elegir nuestros servicios Premium de soporte de WordPress y ponerse en contacto con nuestros desarrolladores para obtener asistencia en la migración bajo demanda.

También ofrecemos un servicio de lanzamiento rápido del sitio donde diseñamos un sitio web de WordPress completamente personalizado y atractivo que se adapte a sus necesidades. A continuación, puede comprar una extensión de horas dev, y nuestro equipo puede manejar su migración Webflow también.

Si tiene alguna duda acerca de estos servicios, puede chatear con nuestro agente de soporte en nuestra página de servicios de diseño de sitios web.

Esperamos que este artículo le haya ayudado a migrar de Webflow a WordPress. Puede que también quiera ver nuestro tutorial sobre cómo conseguir más tráfico para su sitio WordPress o comprobar las diferentes formas de ganar dinero online con WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.