Lección gratis · 18 min · del curso de 3 h

Template kit Elementor: descarga, importa y aplica tu plantilla

Lección del curso gratis para crear una página web profesional: Álvaro Fontela importa un template kit y monta con él la base de la web.

El vídeo empieza en el minuto de esta lección y sigue con el resto del curso. Ver el curso completo con su índice · Ver en YouTube

En resumen

Un template kit de Elementor es un diseño completo de web (cabecera, pie de página, blog, entradas, error 404, colores y fuentes) que importas en WordPress y luego editas a tu gusto. Se sube como archivo .zip desde Plantillas, en la biblioteca de kits. Álvaro Fontela lo enseña paso a paso en el curso para crear una página web profesional, publicado en octubre de 2023.

Qué es un template kit y para qué sirve

Un template kit es un conjunto de plantillas para Elementor, el maquetador visual de WordPress, que ya trae diseñadas todas las partes de la web. No es un diseño cerrado: puedes cambiar cada texto, imagen, color o bloque. Álvaro Fontela lo recomienda a quien empieza con Elementor y no se siente creativo, y él mismo lo usa para montar prototipos rápidos. Elementor tiene su propia biblioteca de kits, pero a él le parecen demasiado simples; aun así, es la sección desde la que se importan todos.

Ver la respuesta en el vídeo · 58:15

Dónde descargarlo y cómo elegirlo

Álvaro descarga sus kits de Envato Elements, un banco de recursos de pago por suscripción. Dentro de su sección de WordPress están los template kits, que se pueden filtrar por Elementor Pro y por sector. Antes de elegir, mira qué páginas incluye (no todos traen blog) y qué requisitos tiene. Con la suscripción activa, pulsas descargar y obtienes un archivo .zip. Él quita después las animaciones, porque hacen más lenta la carga.

Filtra por Elementor Pro y por el sector de tu negocio.
Comprueba qué páginas y plantillas trae el kit.
Descarga el .zip, sin descomprimirlo.

Ver la respuesta en el vídeo · 01:01:21

Importar el kit en WordPress

En WordPress vas a Plantillas, biblioteca de kits, y pulsas importar kit para subir el .zip. Elementor detecta las plantillas y los ajustes del sitio (colores y fuentes globales) y los instala. Pueden salir avisos por el camino: Álvaro los resuelve sobre la marcha. La importación tarda de unos segundos a varios minutos, según el kit y la potencia del hosting. Al terminar verás un resumen con todo lo que se ha añadido.

Ver la respuesta en el vídeo · 01:06:06

Aplicar la cabecera, el pie y la página de inicio

Importar no basta: hay que decir dónde se usa cada plantilla. Se hace desde el Theme Builder, la herramienta de Elementor Pro para diseñar las partes comunes de la web.

Theme Builder, añadir nueva, cabecera; en «Mis plantillas» insertas la del kit.
Publicas y en las condiciones eliges «todo el sitio».
Creas el menú en Apariencia, Menús, y lo asignas a la ubicación principal.
Repites con el pie de página y cargas la plantilla de inicio al editar esa página con Elementor.

Ver la respuesta en el vídeo · 01:08:05

Preguntas frecuentes

Dudas sobre esta lección

¿Qué es un template kit de Elementor?

Es un diseño de web completo para Elementor: cabecera, pie de página, plantillas de blog y de entrada, página de error 404, colores y fuentes. Se importa de una vez y después se personaliza. Sirve para tener una web profesional sin saber diseño.

Ver la respuesta en el vídeo · 58:15

¿Hay template kits de Elementor gratis?

Sí. Elementor incluye una biblioteca de kits propia, aunque Álvaro Fontela la considera demasiado sencilla. En el curso usa kits de Envato Elements, que es de pago por suscripción. No es obligatorio: puedes partir de un kit gratuito o diseñar las plantillas tú mismo.

Ver la respuesta en el vídeo · 58:45

¿Necesito Elementor Pro para usar un template kit?

Para hacerlo como en el curso, sí. Los kits que usa Álvaro Fontela están filtrados para Elementor Pro, y la cabecera, el pie y las plantillas del blog se aplican con el Theme Builder, que es una función de pago. El curso combina Elementor Pro, el maquetador de pago, con el tema gratuito Hello Elementor.

Ver la respuesta en el vídeo · 01:01:52

¿Por qué la plantilla no se ve igual que en la demo?

Porque faltan tus contenidos: menú, logo, imágenes o entradas. Al insertar la cabecera, Álvaro ve que casi no se distingue hasta que crea el menú y ajusta los colores. Es normal ir completando y retocando cada parte después de importar.

Ver la respuesta en el vídeo · 01:09:06

Sigue aprendiendo