Elementor: guía completa de widgets para alumnos

Qué es un widget en Elementor

Un widget es una pieza de contenido o funcionalidad que puedes arrastrar dentro de una página. En Elementor, casi todo lo que ves en pantalla se construye con widgets: títulos, textos, imágenes, botones, vídeos, galerías, iconos, formularios, menús o carruseles.

La idea importante es esta: el contenedor organiza la estructura y el widget aporta el contenido. Si el alumno entiende esta diferencia, deja de editar a ciegas.

Widgets esenciales

Estos son los widgets que todo alumno debe dominar primero:

• Encabezado: sirve para títulos H1, H2, H3. Es clave para estructura visual y SEO.
• Editor de texto: para párrafos, descripciones, bloques explicativos y contenido editorial.
• Imagen: para logos, fotografías, mockups y elementos visuales. Debe llevar texto alternativo.
• Botón: para llamadas a la acción: contactar, reservar, ver portfolio o solicitar información.
• Icono: para reforzar beneficios, procesos o características.
• Separador / Espaciador: para ajustar ritmo visual, aunque conviene no abusar.

Widgets de estructura

Elementor trabaja actualmente con contenedores basados en Flexbox. Un contenedor permite organizar widgets en vertical, horizontal, en columnas, con separación, alineación y comportamiento responsive.

Para una sección hero, por ejemplo, puedes crear un contenedor principal y dentro dos bloques: texto a la izquierda e imagen a la derecha. En móvil, esos elementos pueden apilarse.

Widgets visuales

Son los que ayudan a mostrar el trabajo creativo:

• Galería: ideal para portfolios visuales.
• Carrusel de imágenes: útil para mostrar proyectos, pero no conviene abusar porque puede afectar velocidad y usabilidad.
• Vídeo: perfecto para cineastas, reels, showreels o piezas audiovisuales.
• Testimonios: ayuda a generar confianza.
• Icon Box: combina icono, título y texto para presentar servicios o beneficios.

Widgets de conversión

Una web no solo debe verse bien. Debe provocar una acción. Por eso son importantes:

• Formulario: para captar solicitudes.
• Botón: para llevar a contacto, WhatsApp o reserva.
• CTA: bloque de llamada a la acción.
• Lista de iconos: para resumir beneficios o pasos.
• Acordeón: para preguntas frecuentes sin saturar la página.

Widgets avanzados y Pro

Algunos widgets forman parte de Elementor Pro o dependen de la versión instalada. Por ejemplo: formularios avanzados, tabla de contenidos, plantillas dinámicas, posts, portfolio, menú de navegación, login o popups.

Si un alumno no ve un widget, puede deberse a tres razones: no está en su versión de Elementor, está desactivado, o el plugin que lo añade no está instalado.

Cómo elegir el widget correcto

Antes de arrastrar un widget, el alumno debe preguntarse: ¿quiero mostrar información, generar confianza, enseñar trabajo o conseguir una acción?

• Para explicar: encabezado + texto.
• Para vender: título + beneficios + botón.
• Para demostrar: imagen, galería o vídeo.
• Para responder dudas: acordeón.
• Para captar contacto: formulario.

Errores frecuentes

• Usar widgets visuales sin estrategia.
• Poner demasiadas animaciones.
• Duplicar secciones sin revisar móvil.
• Usar carruseles cuando una grid sería más clara.
• No revisar tamaños de imagen.
• No usar H1, H2 y H3 con orden.

Actúa como experto en Elementor. Tengo una página de [tipo de página] para [actividad]. Dime qué widgets de Elementor debería usar, en qué orden y con qué objetivo para que la página sea clara, bonita, responsive y orientada a conversión.