#2 Estructura de una página / Plantilla en Elementor – Curso Woocommerce con Elementor

Descubre cómo estructurar una página en Elementor de forma profesional. Aprende a organizar secciones, columnas y widgets para crear plantillas optimizadas, mejorando la experiencia de usuario y facilitando el diseño de páginas web claras, funcionales y orientadas a conversión.

Contenido de la lección

(Recordar que este contenido es la escaleta)

1. Introducción: diferencia entre páginas y plantillas en Elementor
2. Configuración inicial en Elementor → Ajustes → General: qué tipos de contenido se editan con Elementor (páginas sí, entradas no)
3. Instalación y activación del plugin WooCommerce
4. ¿Qué es una página en Elementor? Páginas fijas: home, contacto, sobre nosotros
5. ¿Qué es una plantilla en Elementor? Cuándo usarla: productos, categorías, blogs con volumen alto de contenido
6. Ventajas de trabajar con plantillas: modificación global automática, escalabilidad
7. Tipos de plantillas disponibles en Elementor Pro:
   • Archivo (blog/entradas)
   • Contenedor / Sección (reutilizable en múltiples páginas)
   • Error 404
   • Elemento flotante (pop-ups y condiciones)
   • Pie de página (footer)
   • Cabecera (header)
   • Elemento en bucle (tarjetas de productos/entradas)
   • Producto único (single product)
   • Archivo de productos (categorías)
   • Resultados de búsqueda
   • Entrada individual (single post)
8. Demostración práctica: creación de un header con condiciones de visualización («todo el sitio»)
9. Condiciones de visualización: qué son y cómo aplicarlas en cada plantilla
10. Cierre: resumen de páginas vs plantillas y adelanto de la siguiente lección (widgets y single de producto)

Objetivo de la lección

Que el alumno entienda la diferencia entre páginas y plantillas en Elementor, sepa cuándo usar cada una y conozca todos los tipos de plantillas disponibles en Elementor Pro para estructurar correctamente un proyecto de WooCommerce desde el inicio.

Recursos

• Documentación oficial de WooCommerce (instalación y primeros pasos): https://woocommerce.com/documentation/
• Documentación de Elementor Theme Builder: https://elementor.com/products/website-builder/