Formulario para Divi: crear y configurar sin errores

¿Preocupado porque el formulario de contacto de Divi no funciona o porque elegir un plugin adecuado parece confuso? Muchos principiantes temen romper la web, perder envíos o ralentizar el sitio. Esta guía ofrece instrucciones claras y seguras para crear y mantener un formulario para Divi que funcione desde el primer minuto, con opciones según tipo de web, pasos probados y solución de errores comunes.

Índice

Anuncio

Puntos clave: lo que debes saber en 1 minuto

El módulo nativo de Divi sirve para contactos sencillos y carga menos recursos; usarlo cuando se necesita un formulario básico.
WPForms y Fluent Forms son las opciones más amigables para principiantes si se desea más funciones sin complicaciones.
Verificar correo y SMTP es la causa más común si el formulario Divi no envía; configurar SMTP suele resolverlo.
Evitar duplicar plugins de formularios reduce riesgo de conflictos y mejoras en velocidad.
Checklist de accesibilidad y GDPR: campos obligatorios, consentimientos y etiquetas aria deben revisarse antes de publicar.

Mejores plugins de formularios para Divi para principiantes

Para elegir el plugin adecuado según el tipo de web, se describen opciones prácticas y por qué son convenientes.

Sitio blog o personal: cuando usar el módulo nativo de Divi

Ventajas: integrado, cero instalaciones extra, plantillas visuales de Divi, optimización automática con el tema.
Limitaciones: validaciones y integraciones limitadas (p.ej. CRM o pagos).
Recomendación: usar el módulo Divi si solo se necesita un formulario de contacto simple (nombre, correo, mensaje).

Negocio local o web con marketing: cuando elegir WPForms

Ventajas: interfaz de arrastrar y soltar, plantillas listas, integración con Zapier/CRMs y SMTP fácil.
Por qué es apto para principiantes: formularios preparados, instrucciones claras y soporte activo.
Coste: la versión gratuita cubre básico; funciones avanzadas requieren pago.

Tienda, reservas o pagos: cuando elegir Gravity Forms o Fluent Forms

Fluent Forms: gran equilibrio entre funciones y rendimiento, versión gratuita potente y compatibilidad con Divi.
Gravity Forms: enfoque profesional y extensiones para pagos, pero mayor coste y curva de aprendizaje.
Recomendación: para pagos y flujos complejos, evaluar Fluent Forms primero por simplicidad y rendimiento.

Opción ultra ligera y gratuita: Contact Form 7 + plugin SMTP

Ideal para presupuestos ajustados.
Requiere líneas cortas de configuración y un plugin SMTP para fiabilidad del envío.
Contra: interfaz menos amigable para principiantes y menos integraciones nativas.

Anuncio

Comparativa: plugins de formularios compatibles con Divi

Plugin	Facilidad para principiantes	Integración con Divi	Peso en la web	Mejor uso	Coste aproximado 2026
Módulo nativo de Divi	★★★★★	Nativo	Muy bajo	Formularios simples	Incluido con Divi
WPForms	★★★★☆	Buenas opciones (shortcode/modulo)	Bajo-medio	Negocio, leads	Freemium / desde €39/año
Fluent Forms	★★★★☆	Compatible (shortcode)	Bajo	Formularios avanzados, multistep	Freemium / desde €49/año
Gravity Forms	★★★☆☆	Compatible (add-on)	Medio	Formularios complejos, pagos	Comercial / desde €59/año
Contact Form 7	★★☆☆☆	Compatible (shortcode)	Muy bajo	Contacto básico, gratis	Gratis

Notas: las estrellas son indicativas de facilidad para principiantes. La integración con Divi suele hacerse mediante shortcode o módulos de código, y algunos plugins ofrecen add-ons específicos para el tema.

Ejemplo visual de formulario para divi

Instalar formulario Divi paso a paso

Paso 1: elegir la opción adecuada según la web

Elegir el módulo nativo de Divi para formularios simples.
Elegir WPForms o Fluent Forms si se quieren más opciones (notificaciones, integraciones).

Paso 2: instalar el plugin (si aplica)

Acceder a Escritorio → Plugins → Añadir nuevo.
Buscar WPForms/Fluent Forms o subir el ZIP de Gravity Forms si se dispone.
Activar el plugin.

Paso 3: crear el formulario base

WPForms: Plantillas → Seleccionar "Formulario de contacto" → Guardar.
Fluent Forms: Nuevo formulario → Elegir plantilla → Editar campos.
Divi: Añadir módulo "Formulario de contacto" dentro del constructor visual.

Paso 4: configurar notificaciones y destinatarios

En ajustes del formulario, verificar el campo "Enviar a" con la dirección de correo correcta.
Añadir asunto claro (p.ej. "Web: nuevo contacto desde página X").

Paso 5: añadir el formulario en una página Divi

Con módulo Divi: insertar módulo "Formulario de contacto" y seleccionar diseño.
Con plugin externo: añadir un módulo "Código" o "Texto" y pegar el shortcode del formulario.

Paso 6: probar envío y comprobar recepción

Rellenar formulario con un correo propio y validar llegada.
Revisar carpeta de spam y cabeceras del correo si no llega.

Guía simple para configurar el formulario Divi sin errores

Validaciones esenciales antes de publicar

Campos obligatorios: nombre, correo (con validación), mensaje.
Protección spam: activar reCAPTCHA o honeypot del plugin.
Consentimiento GDPR: incluir checkbox obligatorio con enlace a política de privacidad.
Accesibilidad: etiquetas label visibles, tabindex lógico y errores legibles.

Optimización de rendimiento

Evitar cargar varios plugins de formulario a la vez.
Usar imágenes optimizadas y formatos WebP en la página del formulario.
Evitar scripts externos innecesarios en el formulario; preferir soluciones nativas.

Integraciones y correo fiable (SMTP)

Instalar un plugin SMTP (p.ej. WP Mail SMTP) y conectar con un proveedor (SendGrid, Mailgun, Gmail con OAuth).
Probar con logs y registros: la mayoría de plugins SMTP muestran prueba de envío.

Anuncio

Qué hacer si el formulario Divi no envía

Diagnóstico rápido (3 pasos)

Comprobar si los envíos aparecen en el registro del plugin (si lo tiene).
Enviar un correo de prueba desde WordPress (Herramientas SMTP) para verificar salida.
Revisar conflicto por plugins: desactivar temporalmente plugins de seguridad o caching y probar.

Soluciones comunes

Configurar SMTP: casi siempre resuelve problemas de no envíos por limitaciones del servidor.
Revisar dirección "from": algunos servidores bloquean correos con dominios extraños; usar correo del propio dominio.
Desactivar CSP o reglas de seguridad excesivas que bloqueen solicitudes AJAX del formulario.

Si persiste el fallo: pasos avanzados simples

Activar modo debug en WP (WP_DEBUG_LOG) y revisar wp-content/debug.log tras intentar envío.
Revisar consola del navegador por errores JavaScript al enviar el formulario.
Contactar al soporte del hosting con los detalles del fallo y hora de prueba.

Comparativa práctica: módulo Divi vs plugin externo (cuando elegir cada uno)

Necesidad	Módulo Divi	WPForms / Fluent Forms
Velocidad y simplicidad	Ideal	Aceptable
Formularios multistep	No nativo	Sí (fácil)
Pagos e integraciones	Limitado	Sí, con add-ons
Gestión de entradas	Limitado	Registro interno de envíos
Coste	Incluido con Divi	Freemium/comercial

Recomendación práctica: empezar con módulo nativo si la web es reciente y el objetivo es simplicidad. Cambiar a WPForms/Fluent Forms cuando se necesiten integraciones o automatizaciones.

Flujo rápido: crear formulario para Divi

1️⃣

Paso 1 → Elegir: módulo Divi (simple) o plugin (WPForms/Fluent).

2️⃣

Paso 2 → Crear formulario y configurar notificaciones (email destino).

3️⃣

Paso 3 → Añadir a la página con módulo o shortcode y probar envíos.

4️⃣

Paso 4 → Si no llega, configurar SMTP y reintentar.

✅

Éxito → Formularios seguros, accesibles y sin ralentizar la web.

Ventajas, riesgos y errores comunes

Beneficios / cuándo aplicar ✅

Usar módulo Divi para landing pages simples y páginas de contacto básicas.
Usar WPForms/Fluent Forms para captación de leads y automatizaciones sencillas.
Priorizar plugins bien soportados y actualizados para evitar riesgos.

Errores que debes evitar / riesgos ⚠️

Instalar varios plugins de formularios simultáneamente (conflictos, duplicidad de scripts).
Olvidar configurar SMTP o usar una cuenta personal de Gmail sin OAuth (bloqueos).
No incluir consentimiento GDPR ni accesibilidad, lo que puede causar sanciones o perder usuarios.

Anuncio

Preguntas frecuentes

¿Cómo integrar WPForms en Divi sin errores?

Usar el shortcode de WPForms dentro de un módulo Texto/Código de Divi o emplear el módulo "Código". Asegurar que el plugin está actualizado y que no hay plugins de minificación que rompan el shortcode.

¿Por qué no llegan los correos del formulario Divi al email?

La causa más frecuente es la falta de SMTP configurado en WordPress o restricciones del servidor de hosting. Configurar un plugin SMTP suele resolverlo.

¿Se puede usar reCAPTCHA en el formulario de Divi?

Sí. El módulo nativo de Divi admite reCAPTCHA v2/v3 en opciones de módulo; los plugins externos también ofrecen integraciones fáciles.

Checkbox de consentimiento explícito, enlace a la política de privacidad y un aviso claro sobre finalidad del tratamiento.

¿Cómo mejorar la tasa de envío (menos abandono)?

Reducir campos obligatorios, ofrecer mensajes de éxito claros y usar multistep solo si mejora la experiencia.

¿Es mejor usar formularios AJAX o tradicionales?

AJAX ofrece mejor experiencia (sin recarga) y normalmente es preferible, siempre que el plugin implemente validaciones correctas.

¿Qué hacer si el formulario funciona en local pero no en producción?

Verificar configuración del servidor (SMTP, firewall, mod_security) y diferencias en plugins o versiones de PHP.

Conclusión

Un formulario para Divi puede ser seguro, rápido y fiable si se elige la herramienta adecuada y se siguen pasos sencillos: seleccionar módulo o plugin según necesidad, configurar notificaciones con SMTP, añadir protección antispam y comprobar accesibilidad y GDPR.

TU PRÓXIMO PASO:

Revisar la necesidad real: si sólo se necesita un contacto simple, usar el módulo nativo de Divi.
Si se requieren integraciones, instalar WPForms o Fluent Forms y configurar SMTP antes de publicar.
Ejecutar la checklist: pruebas de envío, verificación en móvil y comprobación de consentimiento GDPR.

Jesús Barrios

Con más de 12 años de experiencia trabajando con WordPress y sus plugins, este autor ayuda a principiantes y profesionales a sacar el máximo provecho de sus sitios web. Cada artículo en Plugins WordPress ofrece consejos prácticos, guías claras y soluciones efectivas sobre backup, seguridad, SEO, marketing, optimización, velocidad y diseño, basados en experiencia real y pruebas directas. El objetivo es empoderar a los lectores para que gestionen sus sitios con confianza, mejoren el rendimiento y aprovechen al máximo todas las funcionalidades disponibles.

Aviso legal: Este sitio tiene fines informativos. WordPress® y los nombres de plugins o marcas mencionados son propiedad de sus respectivos titulares. No existe afiliación ni respaldo oficial con ninguna de las marcas citadas.