No solo «pegado»: convertido en páginas de Elementor editables
Del diseño a los iconos, de los colores al responsive, la herramienta convierte cada detalle de tu HTML en cosas que realmente puedes cambiar en Elementor.
Conversión a componentes nativos
Encabezados, texto, imágenes, botones, iconos, separadores y vídeo se convierten en widgets nativos de Elementor: editables bloque a bloque, no un bloque de HTML muerto.
Diseños Grid y Flex
display:flex se convierte en un contenedor flex y display:grid en un contenedor Grid, conservando columnas, espacios y alineación para que los diseños no se colapsen.
Responsive incluido
Las diferencias de diseño se calculan en varios anchos y se escriben en los campos responsive de Elementor; los puntos de quiebre ampliados laptop / tablet_extra / mobile_extra son opcionales.
Limpieza segura
Se limpian scripts, enlaces peligrosos, hojas de estilo externas, envíos de formularios, z-index extremos y posicionamiento fijo; los estilos se limitan solo al contenido importado.
Coincidencia inteligente de iconos
Las clases de Font Awesome y eicons se convierten en entradas reales y reemplazables de la biblioteca de iconos de Elementor. Un icono independiente sin coincidencia conserva su forma exacta como SVG inline dimensionado; dentro de un Icon Box, el control de icono se deja vacío para que elijas — nunca relleno con una suposición errónea.
Dos vías de exportación
Genera los datos de portapapeles oficiales «Pegar desde otro sitio», o descarga una plantilla JSON estándar para importar desde la biblioteca: ambos van directos a Elementor.
Controles más finos
En modo nativo puedes ajustar la conversión para que coincida con tu sitio de destino.
- Niveles de encabezado — conserva los H1–H6 originales, organiza automáticamente desde un nivel superior, o fuerza un solo nivel, para evitar una estructura SEO rota.
- Colores y fuentes — conserva los valores HTML, o hereda los colores y fuentes globales del sitio de destino para una coherencia inmediata.
- Estrategia de imágenes — conserva los originales o crea marcadores; las URL relativas/en línea/temporales pueden convertirse en marcadores, resolverse con la URL base o mantenerse tal cual.
- Alcance de componentes — apunta a core, core + Pro, o incluye Atomic; los componentes fuera de alcance recurren a una alternativa y conservan su contenido.
- Mapeo avanzado por elemento — revisa el componente sugerido de cada bloque y anúlalo, mantenlo como HTML u omítelo.
- Solo estructura de maquetación — genera solo el esqueleto de contenedores y luego rellena el contenido en Elementor.
Pon estas funciones a trabajar en tu página
Sin registro: basta un fragmento de HTML para verlo en acción.