Cómo (¡y por qué!) transferí mi sitio web de WordPress a Webflow

Creé mi primer sitio web en WordPress hace más de una década para un blog personal. Con el tiempo, añadí un dominio personalizado y, a lo largo de los años, fui incorporando elementos como enlaces a redes sociales y menús de navegación para seguir el ritmo de las funciones que veía en otros sitios.

Luego, a finales de 2020, decidí emprender un nuevo camino profesional. Podrías decir que fui de las primeras en unirme a la "Gran Renuncia": quería dejar mi trabajo como gestora de producto en una empresa fintech y dedicarme al marketing de contenidos. Me di cuenta rápidamente de que nadie me contrataría como redactora sin un portafolio, así que creé un segundo sitio en WordPress para mostrar mis trabajos, pero no era suficiente. Tras mucho pensarlo y después de varios intentos fallidos, decidí migrar mi sitio por completo de WordPress a Webflow.

Esta es mi historia.

Mi camino hacia Webflow

Creé mi primer sitio web en 2009 usando Blogger de Google. Era madre primeriza, estaba de baja por maternidad y pensé que sería divertido escribir sobre mis días con mi hijo pequeño. Blogger era fácil de configurar y, en poco tiempo, ya estaba resumiendo mis días para mis tres seguidores (dos de los cuales eran mis padres).

Unos años después, migré mi sitio de Blogger a WordPress. Fue principalmente por estética. Seguía escribiendo solo por motivos personales, pero quería incorporar funciones geniales que Blogger no tenía.

Pero para 2020, mis necesidades cambiaron y buscaba un sitio web de aspecto profesional que impulsara mi carrera. Mientras navegaba por internet viendo los portafolios de otros redactores, me avergonzaba del mío. Otros sitios tenían diseños y animaciones interesantes que quería incorporar al mío, pero sabía que no tenía las habilidades para construir nada más allá del diseño estándar de bloques que ofrecía WordPress.

De alguna manera, a pesar de mi sitio web claramente casero —con botones que daban pena, hechos con imágenes de Canva—, logré conseguir un trabajo en marketing de contenidos. Fue en este nuevo puesto donde descubrí Webflow. Con Webflow, podía subir fácilmente las publicaciones del blog directamente al CMS de mi cliente, y el sitio en sí era intuitivo, estéticamente agradable e increíblemente fluido.

A medida que empezaba a recibir más consultas sobre mi trabajo, supe que tenía que hacer un cambio de inmediato. Decidí pasarme a Webflow animada por una amiga que era redactora freelance y también lo usaba. Me sentía segura de que, combinando mi experiencia previa trabajando con los proyectos de Webflow de mis clientes y los tutoriales de Webflow University, podría lograrlo.

Paso 1: Construir mi nuevo sitio web

Como ya había migrado mi sitio de Blogger a WordPress, tenía una idea de lo que implicaba una migración. Sabía que debía empezar construyendo las páginas principales de mi nuevo sitio antes de transferir todas las entradas del blog.

No era tan ambiciosa como para construir un sitio de Webflow desde cero, así que usé una plantilla. Después de explorar la biblioteca de plantillas de Webflow, encontré una que encajaba con mi estilo y tenía todo lo necesario para crear mi portafolio.

No me asusta el método de prueba y error, así que me encantó sumergirme en las funciones de Webflow curioseando y explorando. Para funciones más complejas, como crear un formulario, vi los videos de Webflow.

Creé muchas de las páginas individuales desde cero y no necesité usar mi sitio anterior como guía, porque las opciones de diseño en Webflow eran mucho mejores que las de WordPress.

La estructura de mi CMS fue probablemente lo que más planificación requirió, ya que tengo dos colecciones diferentes: mi portafolio de artículos de blog y los proyectos en los que he trabajado.

Para empezar, creé publicaciones de prueba para ponerme en la piel del visitante. Como resultado, decidí que quería controlar el orden en que se mostraban las publicaciones, así que creé un campo personalizado en mis colecciones del CMS de Webflow donde podía introducir un valor, y usé ese campo para definir el orden de clasificación dentro del contenedor.

Otro componente fundamental que descubrí fue la capacidad de excluir mis publicaciones de los resultados de búsqueda. Hice algunos trabajos de redacción freelance para una agencia de marketing de contenidos que me permitía volver a publicar el contenido en mi propio portafolio siempre que se excluyera de las búsquedas. En WordPress, tenía que instalar un plugin para esta función porque no sabía cómo añadir código personalizado. Webflow me permitió hacerlo directamente en la plantilla de mis entradas de blog. Todo lo que tuve que hacer fue añadir el contenido a una colección del CMS que incluía mi trabajo para la agencia y excluirlo de la colección del CMS para mis proyectos personales. WordPress no me ofrecía ninguna forma de hacer esta distinción: era todo o nada.

Paso 2: Transferir las entradas del blog desde WordPress

Una vez que tuve creadas mi página de inicio, mi página de presentación, mi página de contacto y la estructura del CMS, llegó el momento de migrar mis más de 150 publicaciones de WordPress a Webflow.

Para prepararme, leí las instrucciones en el tutorial de Webflow, y luego realicé una exportación desde WordPress usando un complemento que extraía los datos de las publicaciones como un archivo CSV. Cabe destacar que los complementos solo se incluyen en ciertos niveles de los planes de pago de WordPress. Afortunadamente, el mío tenía esta opción.

Terminé exportando mis publicaciones del blog desde WordPress varias veces. La primera vez, no incluí mis categorías. Una vez que comencé a importar a Webflow, me di cuenta de que podía asignar mis categorías, siempre y cuando tuviera categorías coincidentes configuradas en mi CMS.

Desafortunadamente, la exportación de WordPress incluía varias categorías en un solo campo, separadas por una barra vertical. Esto provocó que las categorías no coincidieran con las que había configurado en Webflow. Tuve que limpiar mi archivo .csv, eliminando categorías cuando una publicación tenía más de una.

A partir de ahí, la asignación fue sencilla: hice coincidir los campos de mi archivo .csv de WordPress con los campos correspondientes en Webflow.

Necesitaba crear algunas redirecciones 301 ya que la URL de mis publicaciones había cambiado. Leí la información de Webflow sobre comodines, pero como mis publicaciones antiguas no estaban ubicadas en una carpeta, tuve que asignar cada una individualmente.

Usé mi archivo .csv de WordPress para crear fácilmente una lista de redirecciones 301. Un rápido "buscar y reemplazar" me dio la URL antigua y la nueva que necesitaba para Webflow. Luego, simplemente fue cuestión de copiar y pegar las rutas: una tarea fácil para hacer con Netflix de fondo.

Paso 3: Hacer el cambio con el dominio de mi sitio web

Este fue el paso más difícil del proceso. Sabía lo justo sobre nombres de dominio para seguir las instrucciones, pero ciertamente no soy un experto. Y como mi dominio existente estaba activo, esperé hasta que todo estuviera listo para publicar en mi nuevo sitio de Webflow antes de investigar al respecto.

WordPress alojaba mi dominio. Lo moví a GoDaddy, que alojaba el dominio de otro sitio web que tengo. Una vez que comencé este proceso, me di cuenta de que debería haber leído la documentación de Webflow primero, y quizás habría seleccionado un nuevo proveedor de alojamiento que permitiera la gestión de registros DNS.

Pero en ese punto, estaba atrapado. Una transferencia de dominio solo se puede realizar una vez cada 60 días, así que tenía que quedarme con GoDaddy o esperar hasta poder hacer una transferencia. Me moría de ganas por publicar mi nuevo sitio web y ya había pagado por el dominio de GoDaddy, así que seguí adelante.

Vi el tutorial de Webflow y leí las instrucciones sobre cómo conectar un dominio personalizado. Resulta que configurarlo fue más sencillo de lo que esperaba. Webflow me pidió que conectara mi dominio de GoDaddy y no tuve que hacer nada manualmente.