#4 Widgets básicos esenciales – Curso Woocommerce con Elementor

Conoce los widgets básicos esenciales de Elementor y aprende a utilizarlos para construir páginas web desde cero. Descubre cómo añadir texto, imágenes, botones y otros elementos clave para crear diseños funcionales, atractivos y optimizados para mejorar la experiencia del usuario.

Contenido de la lección

(Recordar que este contenido es la escaleta)

1. Crear un producto en WooCommerce
   • Producto físico: nombre, descripción, galería de imágenes, categoría
2. Crear una plantilla de Single Producto en Elementor
   • Plantillas → Añadir nueva plantilla → Producto único
   • Convención de nombres para plantillas (header, footer, s.producto, a.productos…)
3. Formas de construir en Elementor: Flexbox vs Grid
   • Diferencias entre ambos sistemas
   • Por qué trabajar con Flexbox en Elementor
4. Estructura de contenedores
   • Contenedor principal → Contenedor imagen + Contenedor contenido
   • Tipos de ancho: caja, ancho completo
   • Panel de estructura para organizarse visualmente
5. Propiedades del contenedor Flexbox
   • Dirección: fila o columna
   • Justificación: izquierda, derecha, centro, espacio entre elementos
   • Alineación vertical: arriba, centro, abajo
   • Espaciado entre elementos (gap)
   • Envoltorio (wrap): cómo afecta a la adaptación responsive
6. Widgets principales
   • Texto y editor de texto
   • Botón
   • Imagen
   • Icono y caja de icono
7. Contenido dinámico (etiquetas dinámicas)
   • Qué es y por qué es clave en plantillas
   • Título de la entrada (H1 dinámico)
   • Descripción corta del producto
   • Precio del producto
   • Añadir al carrito
   • Imagen destacada y galería del producto
   • Prefijo, respaldo y ajustes de cada etiqueta dinámica
8. Publicar la plantilla y asignar condiciones
   • Todos los productos / por categoría / por marca
9. Preview de la plantilla con datos reales del producto
10. Aplicación de esta misma lógica a otras plantillas
    • Single post, archive de categorías, archive de productos, carrito, página de gracias

Objetivo de la lección

Que el alumno sepa construir una single de producto en Elementor usando contenedores Flexbox, los widgets esenciales y, sobre todo, que entienda el concepto de contenido dinámico para que la plantilla muestre automáticamente los datos del producto correspondiente en cada URL.

Recursos