Exportación de código - Ayuda de Webflow
En los planes de Workspace de pago, puedes exportar el HTML, CSS, JavaScript y activos de tu sitio para respaldar tu código, proporcionarlo a tu cliente o alojarlo donde desees, sin necesidad de atribución.
Cómo exportar tu código
- Abre tu sitio en Webflow
- Ve a Menú principal > Exportación de código (haz clic en el logo "W" en la esquina superior izquierda para abrir el Menú principal), o presiona Shift + E
- Haz clic en Preparar ZIP
- Descarga el archivo ZIP
Cómo exportar HTML minificado
Minificar tu HTML puede ayudar a mejorar los tiempos de carga de la página eliminando espacios en blanco, comentarios y otros elementos de código que los navegadores no necesitan para cargar la página. Para exportar HTML minificado:
- Abre tu sitio en Webflow
- Ve a Menú principal > Exportación de código (haz clic en el logo "W" en la esquina superior izquierda), o presiona Shift + E
- Presiona Command + O (en Mac) o Control + O (en Windows)
- Marca la casilla Minificar HTML que aparece en la ventana de exportación
- Haz clic en Preparar ZIP
- Descarga el archivo ZIP
Qué incluyen tus archivos exportados
El archivo ZIP descargado contiene todas las páginas, estilos, scripts e imágenes de tu sitio:
- Una carpeta CSS con todos los estilos de tu sitio incluidos en 3 archivos .css: - un archivo CSS (por ejemplo,
your-site-name.css) que contiene todos los estilos personalizados de tu sitio -webflow.cssque contiene estilos base comunes para los componentes de diseño de Webflow -normalize.cssque hace que los navegadores rendericen todos los elementos de manera más consistente - Una carpeta JS con todos los archivos JavaScript de tu sitio. Elementos y funciones como formularios, barras de navegación, deslizadores, pestañas e interacciones dependen de estos archivos. Si eliminas estos archivos, tu página podría verse correcta, pero no funcionará como se espera.
- Una carpeta de imágenes con todas las imágenes subidas en el panel de Activos de tu sitio
- Archivos .html para todas las páginas de tu sitio (incluyendo páginas de plantillas de Colección vacías)
Bueno saber
Si deseas ver una muestra del código que exporta Webflow, visualiza el código fuente de la página de inicio — ¡todo está construido en Webflow!
Qué no incluyen tus archivos exportados
Las siguientes características y contenido no están incluidos en el código exportado y no funcionarán como se espera en los sitios web exportados:
- Contenido y funcionalidad de CMS (incluyendo elementos de Colección y listas de Colección)
- Contenido y funcionalidad de Cuentas de Usuario (incluyendo usuarios y grupos de acceso)
- Contenido y funcionalidad de Comercio Electrónico (incluyendo productos y pago)
- Protección por contraseña del sitio y/o página
- Procesamiento de envío de formularios
- Envíos de formularios preexistentes (pueden exportarse por separado)
- Elementos reCAPTCHA dentro de formularios
- Búsqueda en el sitio
- Contenido localizado (solo se incluyen las páginas, elementos y contenido del idioma principal de tu sitio)
- Componentes de código
Preguntas frecuentes y consejos de solución de problemas
¿Por qué hay un prefijo “w-” delante de los nombres de clase?
Webflow añade el prefijo “w-” a las clases específicas de componentes para evitar conflictos con otros marcos de código.
¿Puedo elegir exportar solo una parte del código de mi sitio?
Por el momento, no puedes elegir qué se exporta. Cada parte exportable de tu sitio se incluirá en cada exportación.
¿Puedo editar el código después de exportarlo?
Puedes editar el código después de exportarlo. Los cambios manuales en los archivos exportados pueden romper algunos componentes de Webflow.
¿Puedo eliminar las extensiones .html de la URL de mis páginas exportadas?
Si deseas eliminar las extensiones .html de tus páginas exportadas, puedes hacerlo con un archivo .htaccess.
¿Necesito atribuir a Webflow si alojo mi sitio externamente?
No, no necesitas atribuir a Webflow ni mantener un plan de Webflow para que tu sitio exportado funcione en tu propio servidor.
¿El código exportado incluye mi CMS, Membresías y contenido de Comercio Electrónico?
No. El contenido de CMS, Cuentas de Usuario y Comercio Electrónico (bases de datos) no se incluye en el código exportado. Las listas de Colección mostrarán el estado vacío.
¿El código exportado incluye mis páginas, elementos y contenido localizados?
No. Las páginas, elementos y contenido localizados no se incluyen en el código exportado. El código exportado solo incluye el idioma principal.
¿Seguirán protegidas las páginas con contraseña después de exportar mi código?
No. Las páginas con contraseña en tu sitio no estarán protegidas después de exportar el código. Tu sitio debe estar alojado con Webflow para que la protección con contraseña funcione como se espera.
¿Funcionarán todos los elementos en mi sitio si alojo el código en otro lugar?
El contenido y la funcionalidad de CMS, Cuentas de Usuario, Comercio Electrónico y las páginas, elementos y contenido localizados no están incluidos en el código exportado. Estas funciones requieren alojamiento para funcionar como se espera. Además, la búsqueda en el sitio y los formularios (incluyendo la carga de archivos y reCAPTCHA) no funcionarán en sitios exportados para cumplir con el GDPR.
¿Por qué no funcionan mis animaciones Lottie localmente cuando exporto mi sitio?
Por razones de seguridad, los archivos JSON de Lottie no se cargarán desde tu sistema de archivos local, por lo que las animaciones Lottie no aparecerán cuando cargues tu sitio localmente; necesitan un servidor web para funcionar como se espera.