Cómo exportar código de Webflow: nativo vs URL cover image
Blog
Equipo NoCodeExport
Webflow
4 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.

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.

Para exportar por URL, abre el exportador de Webflow a HTML. Para la ruta nativa, consulta la documentación oficial de Webflow.

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
CMSNo se exporta como CMS funcionalPuede capturar lo visible, no recrea el 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 el sitio en Webflow Designer.
  2. Selecciona la opción de exportar código.
  3. Prepara y descarga el ZIP.
  4. Descomprime el paquete en una carpeta con control de versiones.
  5. Ejecuta el HTML con un servidor local y revisa todas las páginas.

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

  1. Publica la última versión aprobada.
  2. Elimina la contraseña solo si está autorizado y es seguro.
  3. Pega la URL en el exportador Webflow.
  4. Descarga el ZIP y conserva un archivo sin modificar.
  5. Revisa páginas, archivos, requests externos y consola del navegador.

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

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.