¿Cómo importar plantillas de Elementor? (Elementor Templates Kits)

Los Kits de Plantillas de Elementor son una forma increíblemente potente y eficiente de construir sitios web profesionales en WordPress. Te ofrecen un conjunto completo de páginas pre-diseñadas (Inicio, Servicios, Contacto, etc.), estilos globales y a menudo activos multimedia, listos para importar y personalizar con Elementor. Si ya tienes un kit y necesitas ayuda para instalarlo, ¡has llegado al lugar correcto!

Esta guía te llevará paso a paso por el proceso actual de instalación de un Kit de Plantillas de Elementor, garantizando que tu proyecto cobre vida sin complicaciones.

Requisitos Previos

Antes de empezar, asegúrate de tener lo siguiente:

1. WordPress Instalado: Tu sitio web de WordPress debe estar funcionando.
2. Elementor (Versión Gratuita) Instalado y Activado: Puedes descargarlo desde el repositorio de WordPress.
3. Elementor Pro Instalado y Activado: Para utilizar la mayoría de los kits y sus funcionalidades avanzadas, Elementor Pro es indispensable. En Pillbanana te ofrecemos acceso al plugin original y con licencia oficial por $6.99 al año.
4. Plugin "Envato Elements" (Gratuito): Aunque no todos los kits lo requieren, muchos (especialmente los descargados desde Envato Elements) lo usan para simplificar la importación. Es recomendable tenerlo instalado y activo. Puedes encontrarlo en el repositorio de WordPress.

Paso 1: Importar el Kit de Plantillas Directamente en Elementor

El proceso de importación de kits de Elementor se ha simplificado enormemente. Los kits modernos suelen venir como un único archivo .zip que se importa directamente desde la interfaz de Elementor, sin necesidad de plugins adicionales como el antiguo "Envato Elements".

• Desde tu panel de WordPress, ve a Elementor > Herramientas.
• Haz clic en la pestaña "Plantillas de Sitio web".

• En la sección "Importar Kit de Plantillas", haz clic en el botón "Importar Kit".
• Se abrirá una ventana. Haz clic en "Arrastra y suelta tu archivo .zip aquí" o en "Selecciona el archivo" para buscar el archivo .zip de tu kit en tu ordenador.
• Una vez seleccionado, haz clic en "Siguiente".
  • Elementor analizará el kit: Te mostrará una lista de todos los componentes que contiene (plantillas, ajustes globales, fuentes, etc.).
  • Recomendación: Activa todas las casillas para importar el kit completo. Esto incluye:
    • Configuración del sitio: Colores globales, fuentes globales, tipografía, ajustes de Elementor, etc.
    • Plantillas: Encabezados, pies de página, páginas, bucles, etc.
    • Contenido: Demostraciones de páginas y bloques pre-diseñados.
• Haz clic en "Importar".

El proceso de importación puede tardar unos minutos, dependiendo del tamaño de tu kit y la velocidad de tu servidor. Una vez completado, verás un mensaje de éxito.

Paso 2: Revisar y Configurar los Ajustes Globales

Después de importar el kit, es fundamental revisar los ajustes globales para asegurarte de que tu sitio tenga la base de diseño correcta y aplicar la estética de tu kit.

1. Desde tu panel de WordPress, ve a Elementor > Ajustes del Sitio.
2. Aquí podrás ver y ajustar los elementos que se importaron con tu kit:
   • Colores Globales: Define los colores primarios, secundarios, de texto y acento de tu sitio. El kit habrá cargado los suyos.
   • Fuentes Globales: Configura la tipografía principal para encabezados, párrafos, etc.
   • Tipografía: Ajustes detallados para H1-H6, párrafos, enlaces, etc.
   • Diseño: Espaciado de widgets, ancho de contenido, y otros ajustes generales de layout.
   Asegúrate de que estos ajustes reflejen la estética deseada y haz los cambios necesarios para que tu marca brille.

Paso 3: Crear Páginas a partir de las Plantillas del Kit

Aunque el kit importa muchas plantillas, es posible que algunas páginas no se activen automáticamente como páginas reales. Para usarlas:

1. Desde tu panel de WordPress, ve a Páginas > Añadir Nueva.
2. Dale un título a tu nueva página y haz clic en "Editar con Elementor".
3. Una vez en el editor de Elementor, haz clic en el icono de la carpeta (la Biblioteca de Elementor) que verás en el centro de la página en blanco o en la barra inferior.
4. Ve a la pestaña "Mis Plantillas".
5. Busca la plantilla de página que deseas usar (por ejemplo, "Home Page 1", "About Us") y haz clic en "Insertar".
6. Confirma la importación de los ajustes del documento si Elementor te lo pregunta.

Repite este proceso para todas las páginas principales que desees crear a partir de las plantillas de tu kit.

Paso 4: Configurar Encabezados y Pies de Página (Header & Footer)

Si tu kit incluye plantillas de encabezado y pie de página, deberás activarlas para que se muestren en todo tu sitio.

1. Desde tu panel de WordPress, ve a Plantillas > Creador de Temas.
2. Aquí verás las secciones para Encabezado (Header) y Pie de Página (Footer). Es probable que tu kit ya haya creado entradas aquí.
3. Haz clic en "Editar" en la plantilla de Header/Footer de tu kit que desees usar. Esto te abrirá el editor de Elementor.
4. Dentro del editor de Elementor, haz clic en el icono de la flecha hacia arriba (los ajustes del documento) en la parte inferior izquierda del panel de Elementor.
5. Haz clic en "Condiciones de Visualización".
6. Añade una condición para "Todo el sitio" para que tu encabezado/pie de página se aplique globalmente. Puedes ser más específico si quieres un encabezado diferente para ciertas páginas.
7. Haz clic en "Guardar y Cerrar".

Repite este proceso para el pie de página.

Paso 5: Personalizar tu Contenido y Conectar Elementos

¡Ahora viene la parte divertida! Ya tienes la estructura y el diseño base. Es hora de:

• Cambiar textos: Edita todos los encabezados, párrafos, botones y llamadas a la acción con tu propio contenido.
• Reemplazar imágenes: Sube tus propias fotos y gráficos para reflejar tu marca.
• Ajustar colores y fuentes: Aunque ya configuraste los globales, puedes hacer ajustes puntuales en secciones o widgets específicos.
• Conectar formularios: Si el kit incluye formularios (Contact Form 7, Elementor Forms), asegúrate de que estén configurados para enviar los datos correctamente.
• Añadir tu menú: Ve a Apariencia > Menús en WordPress, crea o selecciona tu menú principal, y asegúrate de que tu plantilla de encabezado de Elementor lo esté mostrando correctamente.

Consejos Adicionales:

• Copia de Seguridad: Siempre haz una copia de seguridad completa de tu sitio antes de importar un kit, especialmente si es un sitio en producción. Esto te permite revertir cualquier cambio inesperado.
• Permalinks: Después de importar, ve a Ajustes > Enlaces Permanentes en WordPress y simplemente haz clic en "Guardar cambios" (sin cambiar nada) para regenerar las reglas de reescritura de WordPress. Esto puede solucionar problemas de enlaces rotos o páginas no encontradas.
• Vaciar caché: Si usas un plugin de caché (como WP Rocket, LiteSpeed Cache, etc.) o tu hosting tiene caché, vacía toda la caché de tu sitio después de la importación para asegurarte de ver los cambios más recientes.

¡Y eso es todo! Siguiendo estos pasos, tendrás tu Kit de Plantillas de Elementor instalado y funcionando, listo para ser personalizado y convertirse en el sitio web perfecto para tu proyecto. Si encuentras algún problema, no dudes en contactar con nuestro equipo de soporte en Pillbanana, ¡estamos aquí para ayudarte!

Si quieres conocer otros artículos parecidos a ¿Cómo importar plantillas de Elementor? (Elementor Templates Kits) puedes visitar la categoría Ayuda y Soporte.