Cómo Exportar un Sitio Webflow Antes de un Rediseño

Rediseñar un sitio en Webflow puede ser divertido hasta que aparece la pregunta incómoda: ¿cómo vuelves a la versión que hoy sí funciona? Un duplicado dentro del proyecto ayuda, pero no resuelve el problema si quieres probar otro hosting, entregar una copia al cliente o conservar una versión que se abra fuera de Webflow. Antes de mover una sección, conviene exportar una fotografía técnica del sitio publicado.

La idea no es abandonar Webflow a ciegas. Es ganar una referencia real: páginas, estilos, scripts, imágenes y rutas que puedas revisar y alojar donde te convenga.

1. Decide qué versión quieres conservar

Haz el corte cuando el sitio esté estable, no después de empezar a reemplazar media portada. Anota la URL pública, las páginas que reciben tráfico y las partes sensibles: colecciones CMS, formularios, animaciones, páginas de campaña y redirecciones. Si el rediseño toca contenido de producto, este pequeño inventario evita confundir una mejora visual con una pérdida de información.

También separa lo que debe sobrevivir del sitio de lo que pertenece a servicios externos. Un formulario puede seguir enviando datos mediante un proveedor; un píxel de analítica o un calendario incrustado puede requerir configuración propia después. Una exportación estática es una copia del sitio que se publica, no una promesa de que todo servicio de terceros funcionará sin revisión.

2. Crea una copia estática completa

Para esta parte, ExFlow para Webflow resulta práctico porque toma el sitio publicado y exporta HTML, CSS, JavaScript, imágenes y páginas públicas; también puede incluir rutas de CMS. Introduce la URL publicada, activa las partes que necesitas y pide todas las páginas si la copia debe servir como respaldo o punto de partida para una migración.

El resultado debería ser una carpeta comprensible, no una colección de capturas. Guarda el ZIP con fecha y proyecto, por ejemplo marca-sitio-2026-10-21. Si tu rediseño va a durar semanas, esa disciplina vale más que una copia llamada final-final-ahora-si.

Un detalle importante: Webflow es excelente para diseñar, pero la exportación nativa puede quedarse corta cuando el sitio depende de contenido CMS. Revisa que el exportador haya seguido las rutas públicas relevantes y no solo la página de inicio. Es el mismo tipo de precaución que usarías al probar campos de Notion antes de sincronizarlos con Webflow: primero compruebas el dato que viaja, luego automatizas.

3. Pon la copia bajo control de versiones

Extrae el ZIP en una carpeta nueva y súbela a un repositorio Git privado o compartido con el equipo. No necesitas convertirte en especialista en terminal para aprovecharlo: el objetivo es tener un historial claro de la copia aprobada y una forma de comparar cambios. ExFlow puede sincronizar una exportación a Git, S3 o FTP, además de permitir descargarla.

Git aporta tres cosas muy concretas: una fecha verificable, una revisión previa a cada cambio y una vuelta atrás si alguien publica una versión equivocada. Para campañas con piezas creativas, ese orden también ayuda a reutilizar material sin reescribirlo todo; una lógica parecida aparece en esta guía sobre reutilizar contenido de Shopify sin repetir texto.

4. Prueba la exportación como si fueras un visitante

No confíes solo en que los archivos existen. Abre la copia desde un servidor local o súbela a un subdominio de pruebas. Después revisa, en este orden:

1. Navegación y enlaces internos: menú, pie, botones y páginas 404.
2. Rutas CMS: abre varias entradas, categorías o fichas, no solo una.
3. Recursos: imágenes, tipografías, vídeo, iconos y fondos en móvil y escritorio.
4. Comportamiento: menús, pestañas, sliders, lightboxes e interacciones de Webflow.
5. Metadatos: título, descripción, imagen social y canonical si vas a publicar la copia.
6. Formularios y scripts externos: comprueba qué funciona y qué necesita reconectarse.

Aquí gana la calma. Un enlace roto en una versión de prueba es barato; descubrirlo justo al cambiar el DNS no lo es. Si tu sitio también vende productos, aplica la misma mentalidad de lectura: primero entiende qué decisión debe tomar la persona. Esta guía sobre qué información poner en acordeones de Shopify es una buena referencia para ordenar el contenido antes de rediseñarlo.

5. Elige el destino según el uso de la copia

Una copia solo de respaldo puede vivir como ZIP y repositorio. Una copia para revisión puede alojarse en un entorno temporal. Una copia que sustituirá al sitio necesita un plan de dominio, HTTPS, redirecciones y una persona responsable de publicar.

Con una exportación estática puedes desplegar en GitHub Pages, un bucket S3, un hosting tradicional por FTP o un servicio de hosting estático. Elige el camino que tu equipo pueda mantener. El más sofisticado no sirve si nadie sabe renovar un acceso o revisar un despliegue.

Una salida limpia del rediseño

Cuando la copia pasa las pruebas, etiqueta el repositorio y guarda el ZIP fuera del ordenador de una sola persona. Ya tienes una base segura para rediseñar, experimentar con hosting o preparar una entrega al cliente.

ExFlow también tiene exportadores específicos para Squarespace y Framer, pero para un sitio Webflow conviene empezar por el flujo que entiende sus páginas, recursos y comportamiento publicados. Exporta una versión estable antes del primer gran cambio: es una de esas tareas breves que te permite rediseñar con mucha más tranquilidad.