¿Cómo exportar e importar una página específica de Elementor en WordPress?

Trasladar un diseño de un sitio web a otro no debería implicar reconstruirlo todo desde cero. Una página de Elementor facilita el diseño de maquetaciones impresionantes, pero muchos usuarios tienen dificultades cuando necesitan transferir solo una página en lugar de todo el sitio web.

La buena noticia es que Elementor te permite exportar e importar páginas específicas con tan solo unos clics.

En esta guía, aprenderás la forma más sencilla de transferir tus diseños entre sitios de WordPress manteniendo intactos el diseño, el estilo y el contenido.

En resumen: traslada tus diseños entre sitios web en minutos

• Exporta cualquier diseño guardándolo como plantilla, que se descargará como un archivo .json que podrás reutilizar en otro sitio de WordPress.

• Importa el archivo a través de la sección Plantillas y, a continuación, insértalo en cualquier página utilizando el editor Elementor.

• Ahorre tiempo exportando secciones, reutilizando diseños en varios sitios web o transfiriendo kits de plantillas completos.

• Para evitar problemas, realice copias de seguridad de su sitio web, habilite la configuración de importación y exportación y compruebe los límites de tamaño de archivo o la compatibilidad de los complementos.

Preparación antes de exportar e importar

Antes de adentrarse en los procesos de exportación e importación, es fundamental preparar adecuadamente su sitio web. Unas cuantas medidas preventivas garantizarán que el proceso se desarrolle sin problemas y ayudarán a evitar posibles inconvenientes posteriores.

Haga una copia de seguridad de su sitio web

Crear una copia de seguridad de tu sitio web es una medida de seguridad que te garantiza restaurarlo a su estado anterior si algo sale mal durante el proceso de importación/exportación. Existen varios plugins que pueden ayudarte a crear una copia de seguridad de tu sitio:

• BlogVault : este es uno de los complementos de respaldo que puede almacenar sus copias de seguridad en la nube.

• All-in-One WP Migration : este complemento le permite crear copias de seguridad e incluso exportar todo su sitio de WordPress en unos pocos clics.

• Copias de seguridad integradas de Kinsta : Si utilizas Kinsta , tu sitio web incluye copias de seguridad automáticas diarias que lo mantienen seguro.

Para crear una copia de seguridad manual, siga estos pasos:

• Ve a WP Admin ⟶ Herramientas ⟶ Copias de seguridad.

• Elija la opción para crear una nueva copia de seguridad y el complemento se encargará del resto.

Habilitar las funciones de importación y exportación de Elementor

Antes de comenzar, asegúrese de que la función Importar/Exportar kits de plantillas de Elementor esté activada. Esta función permite exportar e importar y páginas Elementor

Para activarlo:

• Dirígete a Elementor ⟶ Ajustes ⟶ Experimentos en tu panel de WordPress.

• Encontrará la opción "Kit de plantillas de importación y exportación" en "Funciones estables".

• Cambie la configuración de Predeterminado a Activo y haga clic en Guardar cambios.

Ahora ya está todo listo para comenzar a exportar e importar su página de Elementor

Pasos para exportar una página específica de Elementor

Exportar una página de un sitio para reutilizarla en otro es increíblemente sencillo con la función de exportación de Elementor. A continuación, se muestra una guía paso a paso para ayudarte a exportar una página de Elementor:

Paso 1: Abra el editor de páginas de Elementor

Primero, localiza la página que deseas exportar:

• En el panel de administración de WordPress , ve a Páginas o Entradas, según el tipo de contenido.

• Busca la página que deseas exportar y haz clic en Editar con Elementor para abrirla en el editor de Elementor.

Paso 2: Guardar la página como plantilla

Para exportar una página, primero debes guardarla como plantilla en la biblioteca de Elementor. Así es como se hace:

• Una vez abierta la página en Elementor, localice el botón verde Actualizar/Publicar en la parte inferior de la barra lateral de Elementor.

• Haz clic en el pequeño icono de flecha que aparece junto al botón Actualizar/Publicar.

• En el menú desplegable, seleccione Guardar como plantilla.

• Aparecerá una ventana emergente donde podrás nombrar la plantilla. Asegúrate de usar un nombre descriptivo (por ejemplo, "Página de inicio para XYZ" o "Página de contacto") para que sea fácil de identificar posteriormente.

Después de introducir el nombre, haga clic en Guardar.

Paso 3: Exportar la plantilla guardada

Ahora que su página está guardada como plantilla, siga estos pasos para exportarla:

• Desde tu panel de WordPress, ve a Elementor ⟶ Plantillas ⟶ Plantillas guardadas.

• En esta sección, verás todas las plantillas que has guardado. Busca la que acabas de crear.

• Coloca el cursor sobre la plantilla y verás la opción Exportar plantilla. Haz clic en ella.

• Elementor descargará automáticamente la plantilla como un archivo .json a su ordenador.

Tu página de Elementor se ha exportado correctamente y se ha guardado como un archivo .json que puedes utilizar en otro sitio web.

Explorar : Cómo solucionar el error "Error al importar medios" en WordPress

Pasos para importar una página específica de Elementor

Una vez que hayas exportado la página de Elementor, puedes importarla a cualquier otro sitio de WordPress que use Elementor. Así es como se hace:

Paso 1: Acceda a Elementor en el nuevo sitio

Inicie sesión en el panel de WordPress del sitio donde desea importar la página de Elementor.

• Navega a Elementor ⟶ Plantillas ⟶ Plantillas guardadas.

• En la parte superior de esta página, verá un botón que dice «Importar plantillas». Haga clic en él para iniciar el proceso de importación.

Aprende : Cómo solucionar el problema de Elementor atascado en la pantalla de carga

Paso 2: Cargue la plantilla exportada

Ahora, tendrás que subir el archivo .json que exportaste anteriormente:

• En la pantalla de Importar plantillas, arrastre y suelte el archivo .json o haga clic en Seleccionar archivo para cargarlo manualmente desde su ordenador.

• Una vez cargada, la plantilla se agregará a su biblioteca de Elementor .

Paso 3: Aplicar la plantilla importada a una página

Ahora que la plantilla se ha importado, puedes usarla en cualquier página de tu nuevo sitio de WordPress. Así es como se hace:

• Abre la página donde quieras aplicar la plantilla importada y, a continuación, haz clic en Editar con Elementor.

• En el editor de Elementor, haga clic en el icono Agregar plantilla (representado por una carpeta blanca).

• Dirígete a la pestaña Mis plantillas, donde encontrarás la plantilla importada.

• Haz clic en Insertar junto a la plantilla importada y se aplicará a la página.

Ahora puedes personalizar la página según sea necesario para que coincida con la imagen de marca y el contenido de tu nuevo sitio web.

Echa un vistazo a : Los mejores complementos de importación de WordPress

Consejos avanzados para exportar e importar páginas de Elementor

Al trabajar con Elementor, la exportación e importación de páginas puede convertirse en una herramienta poderosa para optimizar el flujo de trabajo, especialmente para los diseñadores y desarrolladores de WordPress que trabajan en múltiples proyectos.

A continuación, encontrará algunos consejos avanzados que le ayudarán a maximizar la eficiencia de esta función.

Exportar e importar solo secciones específicas

A veces, es posible que no necesites exportar una página completa, sino solo una sección específica de ella, como un , un pie de página o un bloque de llamada a la acción (CTA) personalizado

Elementor te permite guardar y exportar secciones individuales, que luego puedes importar y reutilizar en varios sitios web o páginas de WordPress sin necesidad de transferir la página completa.

Cómo exportar una sección específica

En el editor de Elementor, haga clic derecho en la sección que desea exportar.

• Seleccione Guardar como plantilla.

• Nombra la sección y se guardará en tu biblioteca de Elementor.

Sigue el mismo proceso de exportación que para una página completa: ve a Elementor ⟶ Plantillas ⟶ Plantillas guardadas en tu panel de WordPress y, a continuación, exporta la plantilla de sección.

Relacionado : Cómo solucionar el problema de que el panel de widgets no se carga en Elementor

Cómo importar una sección específica

Al igual que al importar páginas completas, ve a Elementor ⟶ Plantillas ⟶ Plantillas guardadas en el nuevo sitio web.

• Importa el archivo .json y accede a la sección desde la pestaña Mis plantillas en el editor de Elementor.

• Ahora puedes insertar esa sección en cualquier página seleccionando "Añadir plantilla" en el editor de Elementor.

Esto le permite reutilizar elementos diseñados con frecuencia, como pies de página o secciones principales, en múltiples proyectos, lo que aumenta la consistencia y ahorra tiempo.

Más información : WebP vs PNG

Reutilización en varios sitios

Si eres desarrollador o diseñador y gestionas varios sitios web, exportar e importar plantillas de Elementor es una forma eficaz de mantener la coherencia del diseño en todos los proyectos. Por ejemplo:

• Agencias de diseño : Pueden crear plantillas de página personalizadas, como landing pages, formularios de contacto o tablas de precios, para sus clientes y reutilizarlas fácilmente en varios sitios web. Esto no solo ahorra tiempo, sino que también garantiza la coherencia de la marca.

• Propietarios de negocios con múltiples sitios web : Si administra varios sitios web para diferentes ramas de su negocio o servicios, reutilizar las plantillas de página garantiza un estilo y diseño consistentes , creando una experiencia de marca coherente en toda su presencia en la web.

Esta función resulta especialmente valiosa para redes multisitio, donde es posible que desee replicar rápidamente páginas en subsitios manteniendo el contenido individual separado.

Además, si rediseña o actualiza con frecuencia los sitios web de sus clientes, las plantillas prediseñadas pueden acelerar significativamente su flujo de trabajo.

Descubra : Cómo optimizar su sitio web Elementor de manera eficiente

Maneje archivos y medios grandes con cuidado

Al exportar páginas o secciones que incluyen imágenes grandes, videos o elementos de diseño , es importante asegurarse de que su instalación y servidor de WordPress estén configurados correctamente para manejar tamaños de archivos más grandes.

Consideraciones sobre el tamaño del archivo : Elementor exportará todos los recursos asociados a una página (por ejemplo, imágenes, iconos, fuentes), por lo que el tamaño del archivo puede aumentar rápidamente si se trabaja con páginas que contienen muchos elementos multimedia.

Algunos proveedores de alojamiento web tienen límites estrictos para el tamaño de los archivos que se suben. Es posible que tengas que aumentar el tamaño máximo de carga modificando la configuración de php.ini o contactando a tu proveedor de alojamiento para que lo elimine temporalmente.

Aumentar el límite de carga de archivos : Para aumentar el límite de carga de archivos PHP , puede editar su php.ini o solicitar ayuda a su proveedor de alojamiento. Una configuración típica podría ser la siguiente:

• tamaño máximo de archivo de carga = 64M
• tamaño máximo de publicación = 64M
• límite de memoria = 128M

Alternativamente, puede agregar estas líneas al archivo .htaccess

• valor_php tamaño_máximo_de_archivo_de_carga 64M
• valor_php tamaño_máximo_de_la_publicación 64M
• valor_php límite_de_memoria 128M

Esto garantiza que los archivos de exportación de Elementor más grandes (que pueden incluir medios de alta resolución) se puedan importar con éxito.

Relacionado: Cómo actualizar la versión PHP de WordPress

Usar copiar y pegar entre dominios (Happy Addons Pro y Mighty Addons para Elementor)

Si administras varios sitios web que utilizan Elementor, los complementos como Happy Addons Pro y Mighty Addons for Elementor ofrecen una funcionalidad avanzada de copiar y pegar entre dominios.

Esto le permite copiar rápidamente cualquier sección, widget o incluso páginas completas de un dominio y pegarlas directamente en otro sin tener que pasar por todo el proceso de exportación/importación.

Happy Addons Pro te permite:

• Copie secciones o elementos de un sitio Elementor y péguelos directamente en otro dominio.
• Gestione fácilmente la coherencia del diseño en múltiples proyectos, ahorrando tiempo significativo en tareas repetitivas.

Mighty Addons para Elementor ofrece:

• Transferencia de contenido entre dominios.
• Kits de plantillas prediseñadas para diversas industrias como comercio electrónico, fitness y hostelería.

El uso de estas herramientas hace que la transferencia de diseños entre proyectos sea aún más rápida y eficiente, especialmente para los desarrolladores que trabajan en varios sitios a la vez.

Relacionado : Herramientas de depuración de WordPress para la resolución de problemas

Exportar e importar kits de plantillas completos

Si está trabajando en proyectos de mayor escala y necesita transferir varias páginas, secciones y configuraciones del sitio, Kit de plantillas le permite exportar e importar kits de plantillas completos.

Cómo exportar un kit de plantillas completo:

Ve a Elementor ⟶ Herramientas ⟶ Importar/Exportar kit en tu panel de WordPress.

• Haz clic en Iniciar exportación y elige si deseas incluir todas las plantillas, el contenido y la configuración del sitio.

• Una vez finalizado el proceso de exportación, descargue el archivo .zip que contiene su kit.

Cómo importar un kit de plantillas completo:

En el nuevo sitio, ve a Elementor ⟶ Herramientas ⟶ Kit de importación/exportación.

Haz clic en Iniciar importación, sube el archivo .zip y elige qué elementos (por ejemplo, plantillas, contenido, configuración del sitio) deseas importar.

Los kits de plantillas son especialmente útiles para las agencias de diseño web que con frecuencia crean e implementan diseños estándar en múltiples sitios.

Puedes exportar todos los componentes esenciales, encabezados, pies de página, configuraciones globales y más, lo que te ahorrará tiempo al iniciar nuevos proyectos.

Explorar : Las mejores agencias de diseño web en WordPress

Problemas comunes durante el proceso de exportación/importación y cómo solucionarlos

Aunque el proceso de exportación/importación es sencillo, podrían surgir algunos problemas. A continuación, se presentan algunos errores comunes y sus soluciones :

Error de archivo no válido : Si recibe un error de "Archivo no válido" al intentar importar una plantilla, generalmente significa que el archivo se creó con una versión diferente (probablemente anterior) de Elementor. A continuación, le mostramos cómo solucionar este problema:

• Cambiar temporalmente a una versión anterior de Elementor que coincida con la versión utilizada para crear la plantilla.

• Una vez que la plantilla se haya importado correctamente, vuelva a la última versión de Elementor.

Puede utilizar complementos como Easy Theme y Plugin Upgrades para cambiar fácilmente entre diferentes versiones de Elementor.

Más información : Guía definitiva sobre los registros de errores de WordPress

Sustitución de plantillas existentes : Durante el proceso de importación, Elementor le preguntará si desea sustituir alguna plantilla existente con el mismo nombre.

Ten cuidado al realizar esta acción, ya que puede sobrescribir los diseños existentes en tu sitio web. Verifica siempre los nombres de las plantillas que importas y exportas para evitar conflictos.

Advertencia sobre la importación de archivos SVG : Si tu plantilla contiene archivos SVG (que se utilizan a menudo para iconos), WordPress puede advertirte sobre de seguridad al importarlos.

Para solucionar esto, habilite la carga de archivos sin filtrar agregando lo siguiente a su archivo wp-config.php:

define('PERMITIR CARGAS SIN FILTROS', verdadero);

Esto permitirá que Elementor importe SVG sin problemas.

Conclusión

La posibilidad de exportar e importar páginas específicas de Elementor en sitios web de WordPress supone un cambio radical, ya que hace que tu flujo de trabajo sea más eficiente.

Ya sea que esté trabajando en un sitio web completo, migrando páginas a una instalación preexistente o reutilizando diseños para uno ya existente, esta función le ahorrará tiempo y esfuerzo valiosos.

Siguiendo la guía paso a paso anterior, podrá mover diseños sin problemas bajo las mismas condiciones, ya sea que utilice la versión gratuita o la versión Pro de Elementor.

Comprender la información del kit garantiza que todo se transfiera sin problemas, especialmente cuando se trabaja con el mismo tipo de plantilla o tema.

¡Aprovecha esta potente función, optimiza tu flujo de trabajo, maximiza la eficiencia y mejora tu experiencia con Elementor Pro hoy mismo!

Preguntas frecuentes sobre las páginas de Elementor en WordPress