La herramienta Elementor facilita el diseño de hermosas páginas, entradas y sitios web completos. Sin embargo, incluso con un potente constructor de páginas como Elementor en tu esquina, crear un nuevo diseño de sitio web lleva tiempo y esfuerzo.
Ahí es donde entra en juego el sistema de importación y exportación de Elementor. Con esta función, puedes reducir drásticamente tu tiempo de diseño y desarrollo creando plantillas reutilizables o importando diseños de terceros para tu proyecto.
Este post profundizará en el flexible y potente sistema de importación/exportación de Elementor. Cubriremos todo, desde las plantillas de sección hasta las plantillas de página, e incluso la exportación de todo tu sitio web de Elementor. ¡Empecemos!
¿Cómo preparar tu sitio para una nueva plantilla de Elementor? (en 2 pasos)
Las plantillas de Elementor son diseños prediseñados que se aplican a páginas individuales o a elementos específicos de la interfaz de usuario (UI). Aunque parecen similares a los temas de WordPress, hay algunas diferencias esenciales.
Los temas de WordPress cambian el diseño de todo un sitio web. En cambio, las plantillas de Elementor afectan al diseño de una sola página web. Como se limitan a una sola página, es posible utilizar varias plantillas de Elementor simultáneamente. Además, estas plantillas funcionan con un tema de WordPress, ya sea gratuito o premium.
Aplicar una nueva plantilla de Elementor a tu sitio web puede cambiar su aspecto o su funcionamiento. Teniendo esto en cuenta, hay algunas acciones que debes realizar antes de cambiar tu plantilla.
Paso 1: Crear una copia de seguridad
Es conveniente crear una copia de seguridad antes de cambiar tu plantilla de Elementor. Este paso te asegura tener contenido para restaurar si tienes problemas con tu nuevo diseño.
Varios plugins te permiten crear una copia de seguridad del sitio web. Entre ellos está el plugin UpdraftPlus, que puede copiar todos tus archivos e información de la base de datos en la nube:
Si eres cliente de Kinsta, hacemos una copia de seguridad automática de tu sitio web todos los días. Si necesitas copias de seguridad más frecuentes, podemos copiar tu sitio cada seis horas (50$ por sitio, al mes) o cada hora (100$ por sitio, al mes).
También puedes crear una copia de seguridad manualmente en cualquier momento. Para ello, entra en tu panel de control de MyKinsta:
En el menú de la izquierda, selecciona Sitios y haz clic en el sitio web en cuestión. A continuación, selecciona Copias de seguridad > Manual:
Simplemente haz clic en el botón «Hacer copia de seguridad ahora » y nosotros nos encargaremos del resto. Si tienes problemas y quieres restaurar tu copia de seguridad más reciente, ve a la pestaña Copias de seguridad > Manual. Aquí, MyKinsta muestra una lista de todas tus copias de seguridad:
Para restaurar una versión anterior de tu sitio, haz clic en el botón Restaurar a que la acompaña. Ahora puedes elegir restaurar esta copia de seguridad en tu sitio en vivo o en un sitio web de prueba.
Paso 2: Poner tu sitio en modo de mantenimiento
Cambiar la plantilla de tu sitio puede provocar fallos inesperados, errores u otros comportamientos extraños. Después de aplicar un nuevo diseño, es posible que tengas que pasar algún tiempo probando tu sitio y haciendo ajustes.
Si un visitante intenta acceder a tu sitio mientras realizas estos cambios, pueden afectar a la calidad de su experiencia. Esto puede hacer que pierdas posibles conversiones.
Antes de aplicar una nueva plantilla de Elementor, puedes poner tu sitio en modo de mantenimiento. Este paso evitará que los visitantes accedan a tu sitio mientras pruebas tu nuevo diseño.
Varios plugins pueden crear un modo de mantenimiento personalizado. Sin embargo, el modo de mantenimiento de WP es una opción muy popular:
Este plugin tiene muchos extras añadidos, como añadir una cuenta atrás a tu pantalla de inicio de mantenimiento. Esta función puede ayudarte a generar un revuelo en torno al rediseño y relanzamiento de tu sitio.
Una vez que tu sitio está en modo de mantenimiento, puedes experimentar con varias plantillas y probar cómo aparecen en el frontend de tu sitio web. Cuando estés satisfecho con los resultados, puedes sacar tu sitio del modo de mantenimiento – y sorprender a los visitantes con el rediseño de tu sitio.
¿Cómo guardar las plantillas de Elementor? (2 métodos)
Como uno de los constructores de páginas más populares del mundo, Elementor no tiene escasez de plantillas de terceros ya hechas. Sin embargo, a veces querrás crear tus propias plantillas.
El uso de plantillas puede ayudarte a conseguir la consistencia del diseño en todo tu sitio web. También puede ahorrarte tiempo, sobre todo si utilizas los mismos diseños en varios sitios.
Por ejemplo, las agencias de diseño y desarrollo de WordPress pueden beneficiarse de la creación de plantillas con los elementos principales que aplican regularmente en los sitios de sus clientes.
Método 1: Guardar una página como plantilla de Elementor
Puedes guardar cualquier página como una plantilla de Elementor. Esto puede ayudarte a establecer un aspecto estándar, listo para desplegarlo en todo tu sitio web.
Por ejemplo, puedes crear los menús de tu sitio, además de la cabecera y el pie de página de WordPress. Luego puedes aplicar esta plantilla de página a todas tus páginas web.
Crear una plantilla también significa que no tendrás que recrear manualmente los mismos elementos para cada página web. Esto es una excelente noticia para tu productividad.
Para guardar la página actual como plantilla de Elementor, busca el botón verde Actualizar/Publicar en la parte inferior de la barra lateral de Elementor. A continuación, haz clic en el icono de la flecha que acompaña a este botón:
Ahora puedes hacer clic en Guardar como plantilla. Esto lanza una ventana en la que puedes dar a esta plantilla un nombre descriptivo:
A continuación, haz clic en Guardar. Ahora puedes acceder a este diseño en cualquier momento iniciando la biblioteca de Elementor y seleccionando la pestaña Mis plantillas.
Método 2: Guardar una sección como plantilla de Elementor
Muchos sitios web cuentan con elementos recurrentes. Entre ellos se encuentran los formularios de generación de clientes potenciales o el texto que describe tus productos más vendidos.
Al crear una plantilla de sección, puedes añadirla a cualquier página con sólo unos pocos clics. Incluso puedes crear plantillas de sección para diferentes categorías de contenido.
Por ejemplo, puedes crear una plantilla de llamada a la acción (CTA). Luego, cada vez que necesites una CTA, puedes simplemente importar esta plantilla y ajustar su mensaje.
Para crear una plantilla, haz control-clic en la Sección en cuestión. Luego, selecciona Guardar como plantilla:
En la ventana que aparece, dale a esta plantilla un nombre descriptivo. Luego, haz clic en Guardar:
Para aplicar esta plantilla a cualquier sección, simplemente lanza la biblioteca de plantillas de Elementor. Encontrarás el diseño esperando en tu pestaña Mis plantillas.
¿Cómo crear una plantilla de Elementor?
Aunque puedes guardar cualquier página o sección en curso como plantilla de Elementor, a veces querrás crear una explícitamente para reutilizarla. En este caso, podrías empezar tu diseño como una página web normal de Elementor y luego guardarla como plantilla.
Sin embargo, también puedes informar a Elementor de que estás creando una plantilla por adelantado. Este enfoque te da más flexibilidad para crear plantillas para diferentes áreas de tu sitio web.
Por ejemplo, puedes diseñar una plantilla para tu página de error 404, la página de resultados de búsqueda o incluso crear un diseño de ventana emergente. Este método también te permite utilizar cualquier plantilla de tu biblioteca como base para un nuevo diseño.
Para crear una plantilla de página o sección, ve a Plantillas > Plantillas guardadas. Luego, haz clic en Añadir nueva. En la siguiente ventana, abre el desplegable Selecciona el tipo de plantilla:
Ahora puedes especificar el tipo de plantilla que quieres crear. Ya hemos hablado de las plantillas de página y de sección, pero esta ventana te ofrece opciones adicionales.
Después de seleccionar, dale a tu diseño un nombre descriptivo y haz clic en Crear plantilla. Esto lanza la biblioteca de Elementor, donde puedes utilizar una plantilla preexistente como base. También puedes salir de esta ventana y empezar de cero.
Ahora puedes construir tu plantilla utilizando el editor estándar de Elementor. Cuando estés listo para guardar tu diseño, haz clic en Publicar. Esto lanzará el cuadro de configuración de publicación:
Aquí puedes establecer algunas reglas para utilizar esta plantilla. Por ejemplo, puedes hacer clic en Añadir condición y especificar que este diseño sólo es adecuado para páginas individuales.
¿Cómo exportar plantillas de Elementor?
Puedes exportar plantillas de Elementor desde el panel de control de WordPress. Este método puede ayudarte a compartir los diseños con tus compañeros de trabajo o a enviarlos a los clientes para que los aprueben. Incluso puedes utilizar la función de exportación para crear copias de seguridad de tus diseños de Elementor.
Exportar plantillas es una forma sencilla de utilizar tus diseños en varios dominios. Este método es útil para las agencias de diseño y desarrollo de WordPress que gestionan numerosos sitios web. Si quieres monetizar tus diseños, exportarlos suele ser el primer paso para compartirlos con el mundo.
Ve a Plantillas > Plantillas guardadas en el panel de control de WordPress para exportar un diseño. Esta pestaña muestra todas las plantillas guardadas en tu biblioteca:
WordPress también divide estas plantillas en pestañas de Página y Sección. Simplemente busca la plantilla que quieras exportar y pasa el ratón por encima de ella:
Cuando aparezca el enlace Exportar Plantilla, dale un clic. Elementor descargará ahora esta plantilla como un archivo JSON.
También puedes exportar tus plantillas desde la biblioteca de Elementor. Dentro de esta biblioteca, abre la pestaña Mi Plantilla. Busca la plantilla que quieras exportar y haz clic en el icono de tres puntos que la acompaña:
A continuación, haz clic en Exportar. Elementor descargará ahora esta plantilla como un archivo JSON.
¿Cómo importar plantillas de Elementor?
A veces, puedes querer importar una plantilla a Elementor. Puede ser un diseño exportado desde un sitio web diferente o comprado a un tercero.
Si tienes una plantilla en formato JSON o ZIP, puedes subirla a la biblioteca de Elementor. Para empezar, ve a Plantillas > Plantillas guardadas. En la parte superior de esta pantalla, haz clic en Importar plantillas:
A continuación, selecciona tu plantilla de importación de Elementor y haz clic en Importar ahora. Esta plantilla aparecerá ahora en tu biblioteca.
Para aplicar este diseño a la maqueta de tu sitio web, simplemente abre la página o el post en cuestión con el editor de Elementor. A continuación, haz clic en el icono Añadir plantilla, que está representado por una carpeta blanca:
En la siguiente ventana, selecciona la pestaña Mis plantillas. Aquí encontrarás todas tus plantillas importadas de Elementor:
Para ver cómo quedará este diseño cuando se aplique a la página actual, haz clic en Vista previa. Si quieres utilizar esta plantilla, selecciona el enlace de inserción que la acompaña.
¿Cómo exportar e importar una página individual de Elementor?
Puede que quieras reutilizar la misma página en varios sitios. Por ejemplo, si gestionas varios sitios web de WordPress, podrías utilizar una página estándar de «Acerca de nosotros».
En lugar de recrear esta página manualmente, puedes guardarla como una plantilla de Elementor y exportarla. Luego puedes importar el diseño a cualquier sitio web que tenga Elementor instalado.
Para guardar una página individual como plantilla, haz clic en el icono de la flecha junto al botón Publicar/Actualizar de Elementor. A continuación, puedes seleccionar Guardar como plantilla:
En la siguiente ventana emergente, dale un nombre a esta plantilla. Luego, haz clic en Guardar.
La biblioteca de plantillas de WordPress debería abrirse automáticamente. Puedes localizar la plantilla que acabas de crear y hacer clic en su icono de tres puntos. Cuando se te pida, selecciona Exportar:
Alternativamente, puedes exportar esta plantilla de una sola página navegando a Plantillas > Plantillas guardadas en tu panel de control de WordPress. A continuación, pasa el ratón por encima de la plantilla en cuestión y haz clic en Exportar.
Una vez que la plantilla de una sola página esté almacenada de forma segura en tu ordenador local, puedes importarla a otro sitio web. Simplemente cambia a tu nuevo sitio, y navega a Plantillas> Plantillas guardadas.
En la parte superior de esta pantalla, haz clic en Importar plantillas. Ahora puedes importar tu diseño de una sola página.
¿Cómo exportar e importar todo tu sitio web de Elementor? (en 3 pasos)
Aunque Elementor facilita la importación y exportación de plantillas de una sola página, es posible que también necesites exportar un sitio web completo.
Por ejemplo, puede que quieras crear un kit de plantillas que contenga todas las páginas estándar de tu sitio web, como una página de contacto y una página de inicio. Luego puedes utilizar este kit para formar tus sitios web básicos.
Veamos cómo puedes crear este kit. A continuación te explicamos cómo exportar todo tu sitio web de Elementor en tres sencillos pasos
Paso 1: Activar el kit de exportación de Elementor
La función de Kit de Exportación de Elementor puede exportar tu sitio completo, incluyendo su contenido y configuración.
Esta función puede ser útil si estás creando sitios web relacionados y quieres mantener la misma marca. Por ejemplo, puedes hacer un micrositio para promocionar el lanzamiento de un próximo producto.
En el momento de escribir este artículo, el kit de exportación de Elementor es una función experimental. Tendrás que habilitarla accediendo a Elementor > Configuración. A continuación, puedes hacer clic en la pestaña Experimentos:
Desplázate hasta la sección Kit de plantillas de importación y exportación. A continuación, abre el desplegable que lo acompaña y selecciona Activo:
No olvides desplazarte hasta el final de esta página y hacer clic en Guardar cambios. Esta función experimental ya está lista para ser utilizada.
Paso 2: Exportar todo tu sitio web de Elementor
En tu panel de control de WordPress, ve a Elementor > Herramientas. Ahora haz clic en el kit de importación/exportación:
Haz clic en Iniciar Exportación. Cuando se te pida, especifica el contenido y los datos que quieres incluir en tu descarga.
Por ejemplo, puedes elegir exportar sólo tus plantillas. También puedes exportar todo tu contenido, incluyendo páginas, entradas y tipos de entradas personalizadas:
A continuación, haz clic para ampliar la sección Información del kit y dale un nombre descriptivo a tu archivo. También puedes introducir una descripción opcional:
Cuando estés satisfecho con tu selección, haz clic en Exportar. Elementor creará ahora tu kit y mostrará un resumen de todo lo que incluye este archivo:
Elementor descargará el kit generado en tu ordenador automáticamente. Cuando te lo pida, haz clic en Volver al panel de control.
Paso 3: Importar tu sitio
Ahora puedes importar tu kit de plantilla a cualquier sitio web con Elementor instalado. Anulará tu contenido existente, por lo que recomendamos crear una copia de seguridad completa antes de proceder.
Una vez realizada la copia de seguridad, tendrás que habilitar los Experimentos de Elementor en el sitio web de destino. Como antes, ve a Elementor > Configuración > Experimentos. A continuación, selecciona la sección Kit de plantillas de importación y exportación y activa esta función.
A continuación, navega hasta Plantillas > Biblioteca de kits. Haz clic en Iniciar la importación. En la pantalla siguiente, selecciona el archivo que has descargado en el paso anterior:
Si estás aplicando tu kit a una instalación preexistente, Elementor mostrará todas las plantillas con las mismas condiciones que la que estás importando. Entonces podrás elegir qué plantillas reemplazar y cuáles conservar.
Una vez que hayas hecho tu selección, haz clic en Siguiente. Elementor importará ahora el kit de tu sitio.
¿Cómo solucionar el error «Archivo no válido» de Elementor?
A veces, puedes ver un error de «Archivo no válido» al intentar importar una plantilla. Esto suele significar que estás intentando importar una plantilla creada con una versión anterior de Elementor.
Para resolver este error, tendrás que cambiar a una versión anterior de Elementor temporalmente. Este cambio puede causar problemas en tu sitio.
Teniendo esto en cuenta, recomendamos crear una copia de seguridad completa antes de proceder. También puedes considerar poner tu sitio en modo de mantenimiento.
Cuando estés listo para proceder, dirígete a la lista de plugins de Elementor. A continuación, selecciona Vista avanzada:
En la parte inferior de la página, utiliza el menú desplegable para elegir una versión anterior de Elementor. Para obtener los mejores resultados, recomendamos descargar la última versión de Elementor 1, que es la 1.9.8:
Una vez que tengas este archivo, tienes varias opciones. Puedes desactivar y eliminar tu versión actual de Elementor. A continuación, puedes cargar y activar el software que acabas de descargar.
Otra opción es utilizar Easy Theme and Plugin Upgrades. Después de activar este plugin, puedes subir una versión más antigua de Elementor sin desactivar y borrar la versión más reciente.
Después de subir la versión más antigua de Elementor, ve a Plugins > Plugins instalados. WordPress debería haber cambiado a la versión anterior del software automáticamente:
Ahora deberías poder importar tu plantilla sin problemas. En cuanto se complete la importación, vuelve a navegar a Plugins > Plugins instalados, y restaura la versión más reciente de Elementor. Esta plantilla debería estar ahora en tu biblioteca, lista para ser utilizada.
Los 3 mejores complementos de Elementor para importar y exportar plantillas
Como acabamos de ver, Elementor tiene un sólido sistema de importación y exportación. Puedes utilizar esta función para crear plantillas para secciones individuales, páginas e incluso sitios web completos.
Sin embargo, es posible que quieras ampliar esta funcionalidad incorporada. Con esto en mente, aquí hay tres complementos de importación de plantillas de Elementor que prometen sobrecargar el proceso de importación y exportación
1. Happy Addons Pro
Happy Addons Pro amplía la experiencia estándar de Elementor añadiendo más de 20 nuevas funciones. Entre ellas hay varias funciones que pueden integrarse en tu flujo de trabajo de importación y exportación:
Si trabajas con varios sitios, quizá quieras utilizar la función de copiar y pegar entre dominios de Happy Addons Pro. Te permite copiar el contenido de un sitio fácilmente y pegarlo en un dominio completamente diferente.
Si quieres reutilizar cualquier contenido de la demo de Happy Addons Pro, puedes copiarlo en tu panel del editor de Elementor. Además, este addon cuenta con una función de importación a medida. Proporciona toda la funcionalidad que esperarías del sistema de importación y exportación integrado en Elementor.
En particular, puedes buscar plantillas de Happy Addon basándote en los nombres de las secciones o filtrando por la categoría de la sección de la página.
Características:
- Elige entre más de 70 plantillas de páginas de destino.
- Duplica cualquier página o entrada con la función Happy Clone.
- Copia fácilmente plantillas de secciones del contenido de demostración de HappyAddons Pro.
- Copia una sección de cualquier sitio web y pégala en un dominio diferente.
Precios: Las licencias anuales son a partir de 33 dólares.
2. Mighty Addons para Elementor
Mighty Addons para Elementor viene con una selección de kits de plantillas prediseñadas. Cuando importes estos kits a tu sitio web, accederás a todas las páginas que necesitas para diseñar una amplia gama de sitios.
Mighty Addons for Elementor ofrece kits de plantillas para muchos sectores diferentes. Entre ellos se encuentran el bienestar animal, el fitness, la hostelería, la consultoría e incluso los negocios de paracaidismo:
Este addon también tiene una función de copiar y pegar entre dominios. Esto puede ser una poderosa adición al flujo de trabajo tradicional de importación/exportación de Elementor si gestionas varios sitios web. En concreto, esta función te permite utilizar cualquier sección, fila, columna o incluso todo el contenido de una página en varios sitios web con Elementor.
Características:
- Copia fácilmente imágenes y vídeos entre dominios.
- Utiliza una amplia gama de plantillas de sección listas para usar.
- Integra la herramienta con el servicio de fotografía de stock de Pixabay.
Precio: Puedes descargar el núcleo del plugin Mighty Addons para Elementor. También está disponible una versión pro, con licencias a partir de 29 dólares.
3. Envato Elements
El plugin Envato Elements te permite explorar miles de páginas y plantillas de bloques sin salir de WordPress. Una vez que hayas encontrado tu plantilla perfecta, puedes importarla a tu sitio web fácilmente:
Para ayudarte a diseñar un sitio de aspecto profesional rápidamente, Envato Elements también ofrece una amplia gama de kits de plantillas. Además, este plugin ofrece un fácil acceso a más de un millón de imágenes libres de derechos si utilizas fotos de stock.
Características:
- Plantillas polivalentes
- Contenido flexible y totalmente personalizable
- Importación con un solo clic
- Perfecta integración con la interfaz de usuario de Elementor
Precio: Puedes descargar el plugin Envato Elements de forma gratuita. Sin embargo, necesitarás una suscripción a Envato Elements para acceder y utilizar el contenido de la plantilla. El precio es de 16,50 $ al mes.
Resumen
No vamos a pretender que diseñar un sitio web impresionante sea sencillo. Afortunadamente, con las capacidades de exportación e importación de plantillas de Elementor, no tendrás que empezar cada proyecto con una pizarra limpia.
Puedes avanzar rápidamente en las primeras etapas del desarrollo web aprovechando las plantillas ya hechas. También puedes crear plantillas de secciones y páginas, listas para reutilizarlas en futuros proyectos. Si estás especialmente orgulloso de un sitio web, Elementor puede incluso exportar todo el sitio. ¡Las posibilidades son infinitas!
Al crear un sitio web de WordPress, necesitarás un potente host en tu esquina. En Kinsta, ofrecemos una gama de planes de alojamiento de rendimiento optimizado para todas tus necesidades de Elementor.
Deja una respuesta