Una página convertida es estructuralmente correcta pero no está terminada. Repetir la misma lista de verificación breve cada vez, en el mismo orden, evita redescubrir los mismos problemas en cada proyecto.
0. Lee el informe de seguridad (30 segundos)
Hazlo antes de pegar nada, no después. La vista de resultados enumera todo lo que se eliminó o reescribió durante la conversión: scripts eliminados, acciones de formulario limpiadas, incrustaciones descartadas, posicionamiento fijo degradado a absoluto, imágenes Base64 convertidas en espacios vacíos.
Treinta segundos aquí te indican en qué consistirá el resto de la revisión. Una página que no informa de nada eliminado necesita una comprobación mucho más corta que otra que informa de cuatro scripts y dos formularios. También evita el modo de fallo más derrochador que existe: pasar diez minutos buscando por qué un elemento se ve mal, cuando una línea del informe ya decía que se reescribió y por qué.
1. Puntos de ruptura primero (4 minutos)
Antes de tocar cualquier widget individual, recorre escritorio, tableta y móvil. Los problemas de maquetación son más baratos de corregir a nivel de contenedor, y corregirlos primero evita tener que rehacer el estilo de los widgets después. Comprueba que las cuadrículas de varias columnas colapsan, que las alturas de los héroes son sensatas y que los títulos largos no se rompen de forma extraña.
El orden importa más de lo que parece. El estilo de los widgets depende de la maquetación: rediseña una tarjeta y luego descubre que la cuadrícula debía ser de dos columnas en tableta, y tendrás que rediseñarla otra vez. Contenedores primero, widgets después, siempre.
2. Enlaces y botones (3 minutos)
Haz clic en cada llamada a la acción. Los bloques extraídos a veces pierden un ancla envolvente, por lo que un botón puede llegar sin su enlace. Mientras estás ahí, configura los colores de hover: los estados hover no se pueden leer desde el origen, y un hover sin estilo es la señal más visible de una página importada.
3. Imágenes (3 minutos)
Rellena cada espacio de marcador de posición. La leyenda de cada espacio te dice qué pertenecía allí. Elimina las leyendas una vez que las imágenes estén colocadas si no quieres que se muestren, y comprueba que las imágenes de tarjeta a sangre completa todavía se recortan como pretendía el diseño.
4. Iconos (1 minuto)
Busca controles de iconos vacíos. Cuando un icono no se pudo hacer coincidir por nombre, se deja deliberadamente en blanco, lo que es tu señal para elegir el correcto en el selector de iconos en lugar de conformarte con una suposición incorrecta.
5. Integraciones (2 minutos)
Apunta cualquier widget de menú de navegación a un menú real de WordPress. Configura las acciones de cualquier widget de formulario: el endpoint de envío original no se transfiere intencionadamente.
6. Encabezados y SEO (1 minuto)
Confirma que hay exactamente un H1 y que los niveles de encabezado descienden de forma sensata. Si importaste una página independiente en una página que ya tenía un H1, vuelve a nivelar los encabezados importados.
7. Fuentes (1 minuto)
Los valores de tipografía se convierten —familia, tamaño, peso, interlineado— pero los archivos de fuentes no. Si el origen usaba una familia alojada por sí mismo o con licencia que tu sitio no tiene, los widgets llevan el nombre de familia correcto y el navegador recurre silenciosamente a otra cosa. Por lo general, se ve lo bastante parecido como para pasarlo por alto en un vistazo rápido.
Abre un encabezado y un párrafo y comprueba que la familia realmente se resuelve. Si no es así, instala la fuente en tu sitio primero —Fuentes personalizadas de Elementor, una elección de Google Fonts o tu tema— y la tipografía se alineará sin tocar ni un solo widget.
8. Reconecta con tus globales (2 minutos)
A menos que hayas convertido en modo de colores del sitio, cada color llegó codificado de forma fija. La página se ve bien hoy y se convierte en un lastre la primera vez que cambia el color de marca, porque no hay un único lugar para cambiarlo.
Reasigna los colores principales y los estilos de texto a tus Colores globales y Fuentes globales de Elementor ahora, mientras la página es pequeña y recuerdas cuál es cuál. Son unos pocos clics en una página nueva y una tarde en una página que ha sido editada por tres personas.
9. Limpia los restos (1 minuto)
Si convertiste manteniendo los estilos en línea, puede haber un bloque CSS al principio de la página que contiene la hoja de estilos original. Una vez que estés seguro de que los widgets llevan su propia configuración, normalmente puedes eliminarlo; comprueba la maquetación después de hacerlo. Elimina también cualquier contenedor vacío que quede de una envoltura que ya no necesitas.
Cuando algo se ve mal y no ves por qué
No empieces a hacer clic por el árbol esperando encontrarlo. Vuelve al convertidor, abre el mapa de estructura y pasa el cursor sobre la vista previa donde está el problema: la fila correspondiente en el árbol de Elementor se resalta, y viceversa. Eso responde “¿en qué se convirtió realmente este elemento?” en un solo movimiento.
Dos respuestas cubren la mayoría de los casos. Una fila roja de widget HTML significa que no había equivalente nativo, por lo que se conservó como marcado sin procesar — normalmente un SVG en línea personalizado o una incrustación inusual. Que no se resalte nada significa que lo que estás viendo nunca fue un elemento del DOM: un pseudo-elemento, una comilla generada, una superposición de degradado. Ninguno de los dos se puede arreglar buscando por Elementor, que es exactamente por lo que vale la pena comprobarlo primero.
Después guárdalo como plantilla
Si la página o cualquier sección se va a reutilizar, guárdala en la biblioteca de plantillas ahora, mientras está limpia. Tu yo futuro te lo agradecerá — y una sección guardada antes de la revisión de globales es una sección que tendrás que limpiar dos veces.