3.3Widgets Pro: formularios, posts, diapositivas
Lo esencial en 30 segundos
- Pro añade widgets potentes: Formulario, Posts (rejilla), Diapositivas, tabla de contenidos…
- El widget Formulario crea formularios visualmente (campos, validación, acciones tras el envío).
- Estos widgets integrados evitan apilar plugins de terceros (menos conflictos, más ligero).
Hilo conductor — Nadia pone un formulario de verdad
Hasta ahora, el contacto del carpintero pasaba por un número de teléfono. El cliente quiere un formulario de presupuesto (nombre, teléfono, tipo de mueble, mensaje). Nadia usa el widget Formulario de Pro: campos a medida, correo de notificación al taller, mensaje de agradecimiento. No hace falta un plugin de formulario aparte.
Continúa 3.2 — Nadia aprovecha los widgets Pro.
1. Formulario, posts, diapositivas
Elementor Pro añade numerosos widgets. El widget Formulario crea formularios visualmente: campos variados (texto, correo, teléfono, lista, mensaje), validación, y acciones tras el envío (enviar un correo, mostrar un mensaje, redirigir). El widget Posts muestra una lista/rejilla de entradas (últimos consejos, portafolio). Las Diapositivas (Slides) ofrecen un pase rico (imagen de fondo, texto, botones por diapositiva).
Nadia crea un formulario de presupuesto con los campos adecuados y una notificación por correo al taller.
2. Integrado en vez de plugins de terceros
Ventaja clave: estos widgets están integrados en Elementor. Diseñarlos en el editor evita instalar plugins de terceros (formulario, slider, rejilla de entradas) — por tanto menos conflictos, un sitio más ligero y un mantenimiento simplificado.
Regla: si Pro ofrece el widget, usarlo en lugar de añadir una extensión externa. Todo se mantiene en un único ecosistema coherente.
🔎 Ejemplo concreto — Formulario de presupuesto (caso Nadia)
Widget Formulario:
campos = Nombre · Teléfono · Tipo de mueble (lista) · Mensaje
validación = teléfono/correo requerido
acciones tras el envío = correo al taller + mensaje "Gracias, le llamamos"
→ Sin plugin de formulario aparte.Resultado: un formulario de verdad, integrado y ligero.
Lección: integrado > plugin de terceros cuando es posible.
Vocabulario de la sección
- Widgets Pro
- Numerosos widgets añadidos por Elementor Pro (Formulario, Posts, Slides, tabla de contenidos…).
Ejemplo sencillo: Nadia usa Formulario y Posts.
Lo que no es: ignorar los widgets Pro y apilar plugins de terceros.
Reflejo: comprobar si Pro ya ofrece el widget.
- Widget Formulario (Pro)
- Crear formularios visualmente: campos, validación, acciones tras el envío.
Ejemplo sencillo: formulario de presupuesto con notificación por correo.
Lo que no es: instalar un plugin de formulario cuando Pro lo incluye.
Reflejo: formulario → widget Pro integrado.
- Widget Posts (Pro)
- Mostrar una lista o una rejilla de entradas (últimos consejos, portafolio).
Ejemplo sencillo: rejilla de los 3 últimos consejos en la página de inicio.
Lo que no es: listar las entradas a mano.
Reflejo: lista de entradas → widget Posts dinámico.
- Diapositivas (Slides)
- Un pase rico (imagen de fondo, texto, botones por diapositiva).
Ejemplo sencillo: pase de ambiente en lo alto de una página.
Lo que no es: abusar del pase y ocultar la información clave.
Reflejo: pase con parquedad, información esencial visible.
- Integrado vs plugins de terceros
- Los widgets Pro integran funciones que evitarían plugins externos.
Ejemplo sencillo: formulario, slider, rejilla con Pro, sin extensión de terceros.
Lo que no es: multiplicar plugins que se duplican.
Reflejo: integrado primero; plugin de terceros solo si es realmente necesario.
En la práctica — Crear un formulario de contacto pro
- Inserta el widget Formulario y define los campos útiles (nombre, teléfono, asunto, mensaje).
- Ajusta la validación (campos requeridos, formato correo/teléfono).
- Configura las acciones tras el envío: correo de notificación + mensaje de confirmación.
- Prueba el envío y comprueba la recepción del correo.
Guion listo para decir — presentar el formulario al cliente (20 s)
"He añadido un formulario de solicitud de presupuesto: el visitante indica su necesidad, y usted recibe de inmediato un correo con su información. Sin software adicional que gestionar, todo está integrado en el sitio — más sencillo y más fiable."
Subrayar la simplicidad (integrado) y la recepción directa.
Plantilla para copiar y pegar — comprobación de formulario
CAMPOS: nombre ___ teléfono ___ correo ___ asunto/lista ___ mensaje ___
VALIDACIÓN (requeridos, formato): _______________
ACCIÓN TRAS EL ENVÍO: correo a ___________ mensaje de confirmación ___________
PRUEBA DE ENVÍO + RECEPCIÓN DEL CORREO: hecha / por hacer
CONSENTIMIENTO / RGPD (si hay datos personales): sí / noPresupuesto de artesano
Campos: nombre, teléfono, tipo de mueble, mensaje; notificación al taller.
Últimas entradas
Widget Posts en rejilla en el inicio para mostrar actividad.
Móvil
Formulario corto y campos anchos, fáciles de rellenar con el dedo.
Sobriedad de plugins
Preferir los widgets Pro integrados en vez de multiplicar extensiones.
✓ Buenas prácticas
- Usar el widget Formulario en vez de un plugin de terceros.
- Probar el envío y la recepción del correo.
- Limitar los campos a lo útil (tasa de cumplimentación).
✗ Errores frecuentes
- Apilar plugins que se duplican.
- Un formulario demasiado largo que desanima.
- Olvidar probar la recepción de los mensajes.
Puntos clave
- Pro añade Formulario, Posts, Slides, etc.
- Formulario: campos + validación + acciones tras el envío.
- Integrado = menos plugins, menos conflictos.
- Siempre probar el envío de un formulario.
Reto 48h — aplica mañana
Crea un formulario de contacto con el widget Pro (3-4 campos, validación, correo de notificación + mensaje de confirmación) y prueba un envío real. 30 minutos.
- Creo un formulario con el widget Pro.
- Configuro validación y acciones tras el envío.
- Pruebo la recepción de los mensajes.
Preguntas frecuentes
¿Elementor Pro reemplaza un plugin de formulario?
Sí en la mayoría de los casos: el widget Formulario gestiona campos, validación y acciones (correo, mensaje, redirección). Esto evita un plugin de terceros y los conflictos asociados.
¿Se reciben los mensajes por correo?
Sí: en las acciones tras el envío, se configura el envío de un correo de notificación (y un acuse al visitante). Recuerda probar la recepción real.
¿Por qué preferir lo integrado a los plugins de terceros?
Menos extensiones = menos conflictos, un sitio más ligero y un mantenimiento simplificado. Solo se añade un plugin de terceros si Elementor no cubre la necesidad.
El carpintero quiere un formulario de presupuesto de verdad (nombre, teléfono, mensaje) con notificación por correo. ¿Qué elige Nadia?