Migración de Webflow a Astro conservando CMS, diseño y URLs

Por qué los equipos dejan Webflow por Astro

Pocas veces se van de Webflow por el diseño. Se van cuando los desarrolladores hacen la mayoría de los cambios, cuando los asientos y los idiomas siguen subiendo la factura, o cuando el sitio necesita cosas que el hosting de Webflow no puede correr, como formularios que escriben en tus propios sistemas o código compartido con tu producto.

• Asientos. Webflow retiró su Editor clásico el 5 de octubre de 2026, así que cada editor nuevo necesita un asiento pago: USD 15 al mes por uno Limited o USD 39 por uno Full, con facturación anual, a octubre de 2026.
• Planes. En mayo de 2026 Webflow unió sus planes CMS y Business en Premium, a USD 25 al mes con facturación anual o USD 39 mes a mes, y los sitios existentes pasan a él al renovar.
• Idiomas. A octubre de 2026, Localize Essential cuesta USD 9 al mes por idioma, hasta tres; las URLs traducidas necesitan Advanced, a USD 29 por idioma.
• Límites. Premium incluye 20.000 ítems de CMS, 40 colecciones, 300 páginas estáticas y 50 GB de ancho de banda; dos meses seguidos por encima de ese ancho de banda activan una subida de plan automática.
• Control del equipo técnico. Un repositorio puede compartir componentes con tu producto y pasar por revisión de código; un lienzo visual no.

Para la mayoría de los sitios, el cambio de planes de 2026 movió la factura entre decenas y unos cientos de dólares al año, algo que por sí solo no paga una reconstrucción. Nuestra guía de precios de Webflow 2026 explica quién paga más al renovar y desde qué fecha.

Webflow y Astro comparados para esta migración

Webflow vende hosting, un Designer visual y un CMS en una sola suscripción por sitio. Astro los separa en un framework en tu repositorio, un hosting y un CMS que eliges tú. Las cifras de Webflow son sus precios de octubre de 2026. Si tu sitio se comporta como una aplicación con inicio de sesión más que como un conjunto de páginas, lee primero Astro vs Next.js.

Qué sale de Webflow y qué no

Un sitio de Webflow corre en los servidores de Webflow, así que ningún archivo lo contiene completo. Cada parte tiene su propia salida, y algunas no tienen ninguna. Es la principal diferencia con salir de WordPress, donde la base de datos y los archivos subidos son tuyos para copiar.

• Las colecciones se exportan en CSV desde el panel del CMS, una a la vez y solo en el idioma visible. Las referencias salen como texto plano, las múltiples como listas separadas por comas y el texto enriquecido en HTML.
• La Data API devuelve hasta 100 ítems por solicitud y mantiene juntos referencias e idiomas; con las 120 solicitudes por minuto de Premium, 20.000 ítems toman unas 200 llamadas por idioma.
• Las imágenes y archivos del CMS, incluido el texto enriquecido, siguen siendo enlaces al CDN de Webflow, y Webflow advierte que se rompen cuando se borra el proyecto.
• La exportación de código, en Workspaces pagos como Core a USD 19 al mes con facturación anual, trae HTML, CSS, el JavaScript de Webflow y las imágenes del panel Assets. Las Collection lists salen vacías.
• Los idiomas secundarios, el procesamiento de formularios, la búsqueda del sitio, las páginas con contraseña y los code components no salen en ninguna exportación.
• Los 301 existentes se exportan en CSV desde Site settings, y los envíos de formularios se descargan en CSV en los planes de sitio pagos.

Cómo se organiza el contenido de Webflow en Astro

El nuevo modelo de contenido parte de tus colecciones y sus relaciones, no de las columnas del CSV, así que una entrada sigue apuntando a su autor y los editores siguen encontrando los campos que conocen.

Cómo migramos un sitio de Webflow a Astro

En Webflow el orden importa, porque el proyecto guarda los archivos, el historial de formularios y la lista de redirecciones hasta el día en que se cancela el plan. Sacamos todo antes de cambiar nada allí.

• Registramos todo lo que hace el sitio: el sitemap de Webflow, cada página de colección, al menos doce meses de páginas de entrada en Search Console y analítica, backlinks, formularios con sus destinos y cada script.
• Cada URL antigua recibe una decisión en un mapa 1:1: conservar, 301, unir, o 404 o 410. Nuestro generador de redirecciones 301 arma la primera pasada con los sitemaps viejo y nuevo.
• Después se diseña el modelo de contenido; luego se exportan las colecciones, los idiomas, los archivos, las redirecciones existentes y los envíos de formularios.
• El sitio en Astro se llena en una dirección de staging con noindex, y Webflow sigue sirviendo el sitio en vivo hasta el lanzamiento.
• Antes del lanzamiento rastreamos el staging con cada URL antigua, incluido cada ítem de colección, y corregimos cada diferencia.
• El lanzamiento es una ventana acordada: DNS fuera de Webflow, redirecciones activas en el nuevo hosting, sitemap enviado y formularios probados con envíos reales.
• A los 30 y 60 días comparamos indexación y clics con la línea base, y luego entregamos el repositorio, el CMS, el DNS y la lista de redirecciones.

La versión práctica, con cada detalle de la exportación y cada ajuste de Astro, es nuestra guía para migrar de Webflow a Astro. Encargárnosla es nuestro servicio de migración de página web: las plantillas se construyen con desarrollo Astro, y las colecciones se vuelven un modelo en un CMS headless que tu equipo puede usar al día siguiente del lanzamiento.

Verificaciones de lanzamiento para un sitio que sale de Webflow

Después de salir de Webflow, los problemas suelen venir de los restos: un archivo que Webflow sigue sirviendo, una dirección de staging en webflow.io que sigue indexada o un slug de colección que cambió en el camino.

• Cada URL antigua, incluidos los ítems de colección, rastreada contra el staging: cada una responde 200, redirige una vez con un 301 o devuelve un 410 o 404 intencional.
• Rutas servidas sin barra final, como las sirve Webflow, para no necesitar redirecciones solo por el formato.
• Ningún enlace restante a website-files.com en páginas, entradas del CMS, PDF o imágenes de Open Graph.
• Títulos, descripciones e imágenes de Open Graph de cada página estática y plantilla de colección comparados con el sitio en vivo.
• Cada dirección nueva lleva su propia etiqueta canónica, y cada idioma que servía Localize enlaza a los demás con hreflang.
• El schema agregado con código personalizado en Webflow, incluido el que se llenaba desde campos del CMS, rehecho en las plantillas y probado en la prueba de resultados enriquecidos.
• Formularios entregados a sus destinos reales, y eventos de analítica que respetan el banner de consentimiento.
• Noindex del staging retirado, sitemap enviado y la dirección webflow.io revisada en busca de páginas indexadas antes de cerrar el proyecto.
• Clics e impresiones comparados por página a los 30 y 60 días. Nuestra guía para migrar una página web sin perder posicionamiento tiene la secuencia completa.

Cuándo quedarse en Webflow

Quedarse suele ser lo correcto. Para la mayoría de los sitios, una reconstrucción pesa más que años de tarifas de Webflow, así que la migración tiene que pagarse con propiedad del código, edición o funciones.

• Tu equipo de marketing arma y reorganiza páginas visualmente cada semana. Un CMS headless le da campos y vista previa, no un lienzo.
• Pagas mes a mes y la renovación es la única queja. La facturación anual baja Premium de USD 39 a USD 25 al mes.
• Tus colecciones caben en los 20.000 ítems y 40 colecciones de Premium, y el contenido no se necesita fuera del sitio web.
• Nadie se hará cargo del repositorio después del lanzamiento: las actualizaciones de paquetes, el CMS y el hosting necesitan un responsable con nombre.

Cuando la respuesta es quedarse, podemos mejorar el sitio donde está con desarrollo Webflow. Si quieres salir pero tu equipo debe seguir diseñando en un lienzo, la migración de Webflow a Framer es el paso más cercano, y nuestra guía de alternativas a Webflow compara cada opción por costo de operación y esfuerzo.

Cuánto cuesta operar Astro después de Webflow

Los costos de operación suelen bajar, porque los asientos, los idiomas y el ancho de banda dejan de ser complementos por sitio. El ejemplo: una responsable, dos editores, un segundo idioma y menos de 50 GB de tráfico al mes, con los precios de los proveedores en octubre de 2026, facturación anual y en dólares estadounidenses.

Las tarifas por sí solas pocas veces pagan una reconstrucción, así que pon precio a los dos lados. Nuestra calculadora de renovación de Webflow pone tu renovación junto al costo anual de un sitio en código. La migración se cotiza a partir del inventario de URLs, sin precio fijo: la mueven las colecciones y sus ítems, las plantillas, las interacciones que valga la pena conservar, los idiomas, los formularios y las integraciones. Para ver precios publicados del mercado, lee cuánto cuesta migrar una página web.

Preguntas antes de elegir

Desde el blog

• Astro vs Webflow: edición, costo anual, velocidad y dependencia para un sitio de marketing en 2026

  Webflow sirve a equipos de marketing que arman páginas visualmente; Astro, a sitios que manejan desarrolladores. Costos, velocidad y qué implica migrar.

• Migrar de Webflow a Astro: cómo sacar tu web sin perder contenido, diseño ni posicionamiento

  La exportación de Webflow deja por fuera el CMS, los formularios, la búsqueda y los idiomas. Qué sacar de Webflow, qué rehacer en Astro y cómo conservar el SEO.