Empezar gratis
Menú de la documentación

Convertir un sitio ZIP / HTML

Paso a paso: convierte un ZIP con HTML, CSS e imágenes en páginas de WordPress, con una cuenta Free y con una cuenta de pago.

Es la ruta más completa: Tapeto convierte todas las páginas del ZIP, conserva los enlaces entre ellas y puede publicar el sitio entero. Está disponible en todos los planes, también Free. Un diseño de Figma o Penpot exportado como HTML también sirve aquí.

Antes de empezar

  • Un .zip de hasta 5–200 MB (según el plan) (un único archivo .html también vale).
  • Dentro: un archivo .html por página, tus archivos .css, imágenes y SVG. Cada .html se convierte en una página de WordPress.
  • Tu propio WordPress, si quieres publicarlo: HTTPS, enlaces permanentes «Nombre de la entrada» (Ajustes → Enlaces permanentes) y, para Gutenberg, un tema de bloques como Twenty Twenty-Five.

Paso 1 — Prepara el ZIP

  1. Reúne todo en una carpeta: las páginas (index.html, sobre-mi.html…), las hojas de estilo y una carpeta images.
  2. Usa rutas relativas (images/logo.png, sobre-mi.html). Los enlaces entre páginas se convierten en enlaces de WordPress.
  3. Deja el CSS en archivos .css en lugar de atributos style en línea: se lee con más fiabilidad.
  4. Selecciona el contenido de la carpeta y comprímelo en un .zip.

Qué esperar de los archivos

El HTML se analiza tal como llega. El contenido que un script construye después de cargar la página (algunos menús, sliders) puede no detectarse. Las imágenes se suben a WordPress en jpg, png, gif o webp de hasta 6 MB cada una; los SVG enviados como archivos sueltos no se suben, pero el SVG escrito dentro del HTML se conserva.

Paso 2 — Crea el proyecto

  1. En la app pulsa Nuevo proyecto.
  2. Escribe un nombre y quédate en la pestaña Archivo.
  3. Arrastra el .zip a la zona de carga (o haz clic para elegirlo).
  4. Pulsa Crear proyecto.
  5. Espera a que el estado del proyecto sea «procesado». Si termina en «error», el mensaje explica qué corregir.

Paso 3 — Elige el builder y convierte

  1. Abre el proyecto. En Nueva conversión, elige el builder: Gutenberg (todos los planes) o Elementor (desde Starter).
  2. Pulsa Convertir. Se convierten todas las páginas del proyecto; si una falla, las demás se completan igualmente.
  3. Cuando la conversión esté completada, ábrela y revisa el Fidelity Score y la Preview.

Cada conversión es para un solo builder. Para tener el mismo sitio en Gutenberg y en Elementor, lanza dos conversiones sobre el mismo proyecto.

Paso 4 — Lleva el resultado a WordPress

Cuenta Free (Gutenberg, a mano)

  1. En la página de la conversión abre la pestaña Contenido y pulsa Descargar archivos (o Copiar).
  2. En WordPress ve a Páginas → Añadir nueva. Abre el menú de tres puntos → Editor de código y pega el contenido. Vuelve al editor visual.
  3. Si tu diseño tiene cabecera y pie, abre la pestaña Header / Footer / Sidebar, descarga cada parte y pégala en la parte de plantilla correspondiente en Apariencia → Editor (editor de código).
  4. Copia el contenido de tu archivo CSS en Apariencia → Personalizar → CSS adicional.
  5. Sube tus imágenes a la Biblioteca de medios y comprueba que se ven en la página.
  6. Repite para cada página. La pestaña Instrucciones muestra los pasos exactos para tu builder.

Las cuentas Free no pueden usar Exportar WXR ni Publicar en WordPress; los botones aparecen con candado.

Cuenta de pago (Starter, Pro, Agency, Studio)

Elige una de las dos opciones.

Opción A — Publicar en WordPress (la más rápida)

  1. Instala el plugin de Tapeto en tu sitio y copia su clave secreta — consulta Instalación del plugin.
  2. En la app ve a Conexiones WP, añade la URL de tu sitio y pega la clave. Usa el botón de probar hasta que indique que la conexión es válida.
  3. Abre la conversión completada y pulsa Publicar en WordPress. Elige el sitio.
  4. Si el panel muestra contenido dinámico encontrado en tu diseño (entradas de blog, productos, tipos propios), elige para cada uno contenido real de WordPress o mantener el diseño tal cual.
  5. Pulsa Publicar. Tapeto sube las imágenes, crea cada página como borrador, reescribe los enlaces entre páginas, añade tu CSS en CSS adicional y carga las Google Fonts usadas.
  6. En WordPress abre Páginas, revisa los borradores y publícalos. Para usar la portada como página de inicio: Ajustes → Lectura → Una página estática.

Opción B — Exportar WXR (sin plugin)

  1. Pulsa Exportar WXR en la página de la conversión.
  2. En WordPress ve a Herramientas → Importar → WordPress, sube el archivo y ejecuta la importación.
  3. Revisa las páginas, los menús y la cabecera / pie importados.

En Agency y Studio el WXR incluye además los tipos de contenido propios y los bucles. Instala el Plugin de CPT (descárgalo desde la página de la conversión) y actívalo antes de importar el WXR.

Elementor

La salida de Elementor necesita Elementor activo en el sitio de destino (la versión gratuita basta). La cabecera y el pie se colocan dentro de cada página, porque Elementor gratuito no tiene partes de tema compartidas.

Límites conocidos

  • Los formularios se ven igual pero no envían: conecta un plugin de formularios y sustituye el bloque.
  • El menú móvil (hamburguesa) y las animaciones por JavaScript del original no se trasladan.
  • Publicar de nuevo crea páginas nuevas; no sobrescribe las existentes. Borra antes los borradores antiguos.
  • Los sitios cuyo contenido lo genera por completo un framework de JavaScript pueden convertirse peor.

Siguiente paso

Conoce mejor el analizador en Convertir diseños HTML/CSS, o consulta todas las opciones de salida en Exportar resultados.