Migrar un sitio web HTML estático a WordPress con Elementor parece una tarea grande y, si se hace mal, lo es. Si se hace página por página con un conversor, es sobre todo mecánico. Este es el enfoque que lo mantiene manejable y te da páginas de Elementor reales y editables al final.
Configura primero el lado de WordPress
Antes de convertir nada, prepara el destino: una instalación de WordPress con Elementor activo, tus fuentes registradas (Ajustes del sitio → Fuentes personalizadas) si el original usaba fuentes web, y tus colores de marca configurados como colores globales si quieres que las páginas importadas los adopten. Hacer esto primero significa que juzgas cada página convertida en relación con el sitio real, no con fuentes de respaldo y colores provisionales.
Convierte una página a la vez
No intentes importar todo el sitio en una sola acción. Trabaja página por página y, dentro de una página larga, sección por sección. Cada unidad convertida es fácil de verificar; todo el sitio a la vez no lo es. Convertir por partes también significa que no arrastras la cabecera, el pie y el banner de cookies del sitio antiguo a cada página.
Para cada página: abre su HTML, asegúrate de que el CSS esté en línea o en un bloque de estilo y pégalo en el conversor en modo de componentes nativos. Los encabezados, el texto, las imágenes, los botones y la maquetación se convierten en widgets y contenedores nativos de Elementor, con el espaciado, los colores y la tipografía trasladados a controles reales.
Gestiona la cabecera y el pie compartidos una sola vez
Un sitio estático repite su cabecera y su pie en cada archivo HTML. En WordPress no los quieres dentro del contenido de la página; los quieres como cabecera y pie del tema (o como plantillas del Theme Builder de Elementor) creados una vez y aplicados en todas partes. Por eso, al convertir una página, usa la raíz de copia en el mapa de estructura para capturar solo el contenido principal de esa página y deja atrás la cabecera y el pie. Constrúyelos por separado, una sola vez.
Las imágenes y los enlaces requieren atención
- Imágenes: súbelas a la biblioteca de medios y usa las URL reales, y se importan sin pasos manuales. Las rutas de archivo locales y las imágenes Base64 no pueden convertirse en adjuntos, así que llegan como marcadores de posición vacíos — cada uno conservando su texto alternativo como leyenda para que sepas qué subir.
- Enlaces internos: un sitio estático enlaza entre archivos
.html. Después de la importación, actualízalos para que apunten a tus nuevas URL de WordPress. Esta es la parte tediosa de cualquier migración y no hay forma de evitarla, pero es rápida por página. - Formularios y menús: la acción de envío de un formulario no se transfiere; conéctala a un formulario de Elementor en tu sitio. La navegación se convierte en un menú real de WordPress.
Qué se convierte bien y qué rehaces
La maquetación, el espaciado, los colores, la tipografía, las imágenes, los iconos y la estructura se convierten fielmente. Los scripts se eliminan, por lo que cualquier comportamiento controlado por JavaScript se reconstruye con widgets nativos. Los estados de hover y las animaciones se vuelven a aplicar en Elementor. Conocer esta división desde el principio convierte la migración en una lista de comprobación predecible en lugar de una serie de sorpresas.
Un orden de migración que funciona
- Crea una vez la cabecera y el pie compartidos.
- Convierte la página de inicio, luego las páginas de destino principales y después las páginas internas.
- Para cada página, define una raíz de copia para capturar el contenido, pégalo y luego corrige los enlaces internos y las imágenes.
- Reconstruye las piezas interactivas (carruseles, pestañas) de forma nativa.
- Guarda secciones reutilizables — una cuadrícula de características, una banda de llamada a la acción — en la biblioteca de plantillas a medida que avanzas, para que las páginas posteriores se conviertan en ensamblaje en lugar de construcción.
- Configura redirecciones desde las antiguas URL
.htmla las nuevas para conservar tu posicionamiento en buscadores.
Trabajando de esta manera, importar un sitio web HTML a Elementor es un proceso constante, página por página, con un sitio WordPress editable al final — no una reconstrucción ni un montón de bloques de código no editables.