El convertidor te ofrece dos vías de exportación. Producen exactamente los mismos componentes: la diferencia está solo en el flujo de trabajo, la portabilidad y lo que pienses hacer después con el resultado.
Opción A: pegar los datos de Elementor
Haz clic en Copiar datos de Elementor, abre la página de destino en Elementor, haz clic derecho en una zona vacía del lienzo y elige «Pegar desde otro sitio». Los componentes caen directamente en tu diseño, en el punto donde hiciste clic.
Por detrás, esto pone en tu portapapeles un contenido JSON con el formato que usa el propio copiar y pegar de Elementor. Por eso necesitas precisamente la variante «desde otro sitio»: el pegado normal espera contenido copiado dentro de la misma instalación, mientras que esta acepta un contenido que viene de otra parte.
- Ideal para: inserciones rápidas en el sitio exacto, como añadir una sección convertida a una página que ya estás editando.
- Necesitas: el editor de Elementor abierto en el sitio de destino y acceso al portapapeles en tu navegador.
- Cuidado con: los permisos del portapapeles. Algunos navegadores y algunas extensiones de privacidad bloquean la escritura programática en el portapapeles; si la copia falla sin avisar, usa la vía JSON.
Opción B: descargar una plantilla JSON
Haz clic en Descargar plantilla .json y, en Elementor, abre Plantillas → Plantillas guardadas y elige Importar plantillas. El resultado llega como una plantilla que puedes insertar en cualquier página, en cualquier sitio donde importes el archivo.
- Ideal para: páginas completas, reutilización en varios sitios, pasar el trabajo a un compañero o guardar versiones en tu propio almacenamiento de archivos.
- Necesitas: acceso a la biblioteca de plantillas del sitio de destino.
- Extra: el archivo es JSON plano. Puedes tenerlo bajo control de versiones, comparar dos exportaciones o archivar un diseño tal como era en una fecha concreta.
¿Cuál deberías usar?
Una regla sencilla: pega para inserciones puntuales y descarga para todo lo que vayas a usar más de una vez.
¿Quieres una sola tarjeta, un hero o una fila de precios para meterla en la página que estás construyendo ahora mismo? Pega: son dos clics y listo. ¿Vas a migrar una página de aterrizaje completa o a empezar una biblioteca de bloques reutilizables de la que tirarás en futuros proyectos? Descarga el JSON, ponle un buen nombre al archivo y guárdalo donde vuelvas a encontrarlo.
Si trabajas con clientes o compañeros, hay una tercera consideración: un archivo JSON se puede enviar. El contenido del portapapeles, no.
Delimita primero lo que exportas
Sea cual sea la vía, fija el alcance antes de exportar. En el mapa de estructura, el icono de diana de una fila la convierte en la raíz de copia, de modo que solo se exporta ese subárbol: así evitas arrastrar los envoltorios exteriores, la cabecera y el pie de la página junto con la sección que realmente querías. El icono de la cruz excluye filas concretas.
Acertar con esto importa más en la vía de pegado, porque el contenido pegado cae donde hiciste clic derecho y una selección demasiado amplia es un engorro de deshacer después.
Cuando el pegado no funciona
«Pegué y no pasó nada» tiene una lista corta de causas, más o menos por orden de probabilidad:
- Opción de menú equivocada. El Pegar normal espera contenido copiado dentro de la misma instalación. Los datos convertidos necesitan Pegar desde otro sitio: el mismo menú del clic derecho, una entrada más abajo. Esta es la causa más a menudo que todas las demás juntas.
- Se bloqueó la escritura en el portapapeles. Algunos navegadores y extensiones de privacidad rechazan el acceso programático al portapapeles. El convertidor te avisa cuando ocurre en lugar de fallar en silencio, y la vía de descarga JSON no necesita portapapeles en absoluto, así que es la alternativa fiable.
- Algo sobrescribió el portapapeles entre medias. Copiar cualquier otra cosa (una URL, una captura de pantalla) entre el clic en Copiar y el pegado reemplaza el contenido. Vuelve a copiar y pega de inmediato.
- El portapapeles contiene código fuente, no una página. Esto pilla a quienes vienen de generadores de apps con IA como Lovable, v0 o Bolt: esas herramientas producen proyectos de React y JSX, y el código de componentes JSX no es HTML; pegarlo aquí no convierte nada útil. Lo que lee el convertidor es la página renderizada. Abre la vista previa de la herramienta en un navegador, toma de ahí el HTML de la página y se convertirá como cualquier otra.
Después de importar
Las dos vías necesitan el mismo breve repaso final:
- Vuelve a enlazar los botones. Si exportaste un bloque interior, puede que un enlace envolvente se haya quedado fuera, así que un botón puede llegar sin su enlace.
- Define los estados hover de botones y enlaces: no pueden leerse de una página estática y son la señal más visible de una importación sin terminar.
- Conecta los widgets Menú de navegación y Formulario a fuentes reales de WordPress. Un menú necesita uno de tus menús; un formulario necesita sus acciones configuradas en tu sitio. Ninguno de los dos puede trasladarse.
- Rellena las imágenes de marcador, usando la leyenda de cada hueco para saber qué foto va en cada sitio.
- Revisa las tres vistas de dispositivo antes de dar la página por terminada.
Una nota sobre las versiones de Elementor
El contenido pegado e importado lo interpreta la versión de Elementor del sitio de destino. Si exportas desde un sitio e importas en otro con una versión más antigua, puede que algunos ajustes nuevos de contenedores o grid no se entiendan. Mantener Elementor actualizado en el destino evita toda una serie de problemas desconcertantes del tipo «cuando lo exporté se veía bien».