Saltar al contenido
Cómo exportar código de Webflow: nativo vs URL cover image
Blog
Equipo NoCodeExport
Webflow
5 min de lectura

Cómo exportar código de Webflow: nativo vs URL

Guía actual de exportación Webflow: requisitos, archivos, límites de CMS y formularios, exportación por URL, QA y despliegue.

Exporta tu sitio a HTML

Pega una URL pública. El plan gratuito exporta una sola página sin necesidad de tarjeta.

Puedes exportar código de Webflow desde el proyecto con Export code o capturando el frontend de una URL publicada. Resuelven accesos diferentes y ninguna ruta sustituye automáticamente todos los servicios de Webflow.

¿Ya tienes un sitio publicado listo para exportar? Analiza su URL con el exportador de Webflow y revisa las páginas detectadas. Para usar la exportación integrada de Webflow, sigue los pasos de la ruta nativa que aparecen más abajo y consulta su documentación oficial.

Comparación rápida

PreguntaExportación nativaExportación de URL
Acceso necesarioProyecto y Workspace de pagoURL pública y permiso
FuenteExport del proyectoFrontend renderizado
ArchivosHTML, CSS, JS y recursos incluidosHTML, estilos, scripts y recursos descargables
Contenido y edición del CMSLas listas de colecciones se exportan vacías; las páginas de colecciones omiten el contenido vinculado al CMS. No se incluye un CMS funcional.Las páginas de colecciones publicadas y accesibles pueden capturarse como archivos estáticos, dentro de los límites de rastreo y del plan. No se recrean los datos ni la edición del CMS.
FormulariosNo viaja el procesamiento de WebflowHay que sustituir el procesamiento

Método 1: exportación nativa

Webflow indica que se necesita un plan Workspace de pago. Un Site plan no es el mismo requisito. Comprueba permisos y precios actuales antes de cambiar de plan.

  1. Abre tu sitio en Webflow.
  2. Abre el menú W y elige Code export, o usa Shift + E.
  3. Elige Prepare ZIP y descarga el archivo.
  4. Extrae los archivos en una carpeta de trabajo.
  5. Sirve la carpeta con un servidor local y comprueba cada página importante antes del despliegue.

El ZIP suele incluir HTML de páginas estáticas, CSS, JavaScript, imágenes y otros recursos que Webflow incluye en el export.

Qué excluye Webflow

Según la documentación oficial, hay que migrar por separado:

  • contenido y funcionalidad CMS;
  • cuentas de usuario;
  • base de datos y funcionalidad ecommerce;
  • contenido localizado salvo el locale principal;
  • búsqueda del sitio;
  • procesamiento de formularios y reCAPTCHA;
  • protección por contraseña;
  • code components.

El markup visible de un formulario o una colección no incluye su backend. Asigna cada función a un nuevo CMS, procesador de formularios, buscador, plataforma ecommerce o backend antes de cambiar el DNS.

Método 2: exportar una URL publicada

Usa esta ruta solo con una URL pública que tengas permiso para exportar.

  1. Publica la versión que quieras exportar y confirma que las páginas sean accesibles públicamente.
  2. Pega la URL en el exportador de Webflow e inicia el análisis.
  3. Revisa las páginas detectadas, elige qué quieres exportar y consulta los límites y las opciones disponibles.
  4. Inicia la exportación, descarga el ZIP y conserva una copia sin modificar.
  5. Ejecuta los archivos mediante HTTP; prueba la navegación, los recursos, las interacciones y los servicios que hayas sustituido.

El análisis es gratis. El plan Gratis permite 10 exportaciones de una sola página al mes; para exportar el sitio completo o descargar los recursos localmente, elige una opción de pago que lo incluya. Revisa las opciones actuales del exportador antes de continuar.

Este método captura el resultado público. No recupera páginas sin publicar, componentes del Designer, relaciones CMS, credenciales, código de servidor ni datos privados.

Migrar CMS

Decide el destino: CMS headless, WordPress, otra base de datos o contenido estático. Usa un flujo autorizado de exportación de datos cuando exista. Conserva campos, slugs, relaciones, imágenes, URLs de templates y metadatos SEO.

Formularios, búsqueda y ecommerce

Sustituye el procesamiento de formularios y reconecta validación, antispam, avisos, consentimiento y retención de datos. Reconstruye la búsqueda contra la nueva fuente. Trata ecommerce y cuentas como migraciones de aplicación: pedidos, clientes, inventario, auth y pagos no son un trabajo de HTML estático.

Interacciones y JavaScript

Algunas interacciones publicadas pueden continuar si conservas scripts y atributos requeridos. Prueba triggers de scroll, menús, sliders, tabs, modales, hover, reduced motion y touch. No elimines un script hasta confirmar que no es necesario.

Assets y fuentes

Comprueba qué imágenes, vídeos, fuentes, CSS y scripts quedan externos. Descarga recursos que puedas alojar legalmente, actualiza referencias y conserva imágenes responsive. Revisa licencias.

Checklist de SEO y despliegue

  • Mantener URLs útiles o crear redirects permanentes directos
  • Una canonical propia por página final
  • Restaurar títulos, descriptions, headings, Open Graph y JSON-LD necesario
  • Sitemap solo con URLs canónicas finales
  • Revisar robots y quitar noindex del staging
  • Probar links, assets, status codes, 404, formularios e interacciones
  • Medir el sitio exportado; la mejora depende de cada página y hosting
  • Cambiar DNS solo después del QA y monitorizar Search Console

Usa la exportación nativa con acceso al proyecto y Workspace adecuado; usa la URL cuando el frontend publicado sea la fuente disponible. Migra deliberadamente cada servicio exclusivo de Webflow.

Recursos relacionados

Preguntas Frecuentes

Sí. Webflow ofrece exportación nativa en planes Workspace de pago. Un exportador de URL publicada es otra opción si tienes permiso para copiar el frontend público.

Webflow documenta exclusiones como CMS funcional, usuarios, ecommerce, gran parte del contenido localizado, búsqueda, procesamiento de formularios, protección por contraseña y code components.

Algunas pueden continuar si se conservan scripts y atributos requeridos, pero depende del sitio. Prueba cada interacción importante en el sitio exportado.

El procesamiento alojado por Webflow no viaja con el export estático. Conecta otro handler y prueba validación, antispam, consentimiento y estados.

Sigue con el siguiente paso correcto

Cómo exportar Webflow a HTML paso a paso

Este flujo parte de una URL pública y crea una captura estática de las páginas alcanzables para revisarla y autoalojarla.

01

Abre el proyecto Webflow publicado

Parte de la URL pública para capturar el layout renderizado, las páginas alcanzables y los recursos disponibles.

02

Genera un paquete portátil

Agrupa las páginas y los recursos alcanzables en una descarga única para revisar.

03

Despliega donde ya trabaja tu equipo

Publica los archivos en tu alojamiento preferido y reconecta las redirecciones, la analítica o los servicios de backend necesarios.

Exportación nativa de Webflow frente a captura desde URL

Lo que necesitas
Flujo nativo de Webflow
NoCodeExport
Acceso a código desplegable
Disponible en planes Workspace de pago elegibles.
Crea un paquete estático renderizado desde una URL publicada.
Contenido CMS
Las bases de datos y el contenido dinámico del CMS no se incluyen en la exportación nativa de código.
Las páginas CMS publicadas y alcanzables pueden capturarse como instantáneas estáticas.
Planificación de la migración
También requiere control de calidad y planificar reemplazos para las funciones alojadas excluidas.
Produce una captura para revisar; formularios, búsqueda, cuentas y ecommerce requieren reemplazos.
Mejor caso de uso
Equipos que usan la exportación nativa de código desde un Workspace de pago.
Equipos que necesitan una captura renderizada desde una URL pública, incluidas páginas CMS alcanzables.

Tome el Control Total de sus Proyectos Web

NoCodeExport es más que una herramienta de conversión; es una puerta de entrada al desarrollo web moderno para diseñadores y creadores que valoran la propiedad del código y el rendimiento.