7 consejos para mejores formularios Divi en WordPress

✏️ 2019-09-26 | Divi | 0 Comentarios

¿Cansado de formas grises y aburridas que sólo los spammers se molestan en someterse? Aquí hay consejos y trucos sobre cómo crear mejores formas Divi.
Skribent: Victor Duse
Por Victor Duse

La mayoría de la gente asocia formularios de WordPress con algo gris y poco inspirador. Al mismo tiempo, las nuevas conexiones comerciales y oportunidades a menudo comienzan con un formulario que se envía. Hay un montón de potentes plugins de formularios WordPress, pero a menudo son difíciles de trabajar y requieren un montón de código CSS personalizado para incluso parecer decente.

Para formularios de contacto básicos, el módulo Divi Form integrado funciona perfectamente. Aquí hay 7 trucos y características ocultas que optimizarán sus formas Divi.

Utilice Divi Forms si desea:
  • crear hermosas formas con Divi Builder
  • utilizar la lógica condicional
  • crear formularios de contacto básicos.
  • evitar código CSS personalizado y shortcodes
  • evitar plugins pesados de terceros.
Utilice un plugin de formulario si necesita:
  • calendarios con selectores de fecha
  • carga de archivos en el formulario
  • confirmaciones automatizadas al remitente
  • formas avanzadas.

¡La propina! Caldera Forms es una buena alternativa para formularios más avanzados. Una guía para que los formularios de Estilismo de Caldera se parezcan al formulario de contacto de Divi.

1. Asegúrese de que el correo electrónico y el nombre del remitente estén visibles en el formulario de respuestas

Las respuestas del formulario se envían automáticamente por correo electrónico al administrador del sitio (o al destinatario que ingresó en el módulo de formulario en Correo > electrónicode contenido ). Pero, ¿qué debe hacer si falta la información de contacto del remitente en el correo electrónico del formulario Divi?

Para que toda la información aparezca en el mensaje de correo electrónico, debe hacer clic en el icono de rueda dentada del módulo de formulario y navegar a Correo > electrónico de contenido y agregar el siguiente texto dinámico en el campo Patrón de mensaje:

%%name%%

%%email%%

%%message%%

Esto fuerza el nombrede los ID de campo, el correo electrónico y el mensaje que se mostrarán en los mensajes de correo electrónico generados por el formulario Divis.

Si ha agregado más campos personalizados al formulario (por ejemplo, Teléfono o Empresa),también debe introducir estos ID de campo entre y en el campo Patrón de mensaje.

También puede agregar cualquier texto aleatorio en el patrón de mensajes, como «Buenos días» o «Este es un correo electrónico de mi sitio web impresionante!

Mostrar desde la dirección de correo electrónico y desde el nombre en los correos electrónicos del formulario Divi
Patrón de mensajes en el módulo Divi

Ejemplo de una respuesta de formulario con un patrón de mensaje personalizado:

Patrón de mensaje de forma Divi explicado

Ejemplo de una respuesta de formulario sin patrón de mensaje personalizado:

Cuando Nombre y correo electrónico no se muestran en los formularios Divi, los correos electrónicos

2. Asegúrese de que sus respuestas de formulario Divi lleguen a su bandeja de entrada de correo electrónico

Ya sea que utilice formularios Divis o un plugin de terceros como los Formularios Caldera, el Formulario de Contacto 7 o los Formularios de Gravedad, siempre debe ingresar la información de su servidor de correo electrónico. Esto aumentará las posibilidades de que su respuesta de formulario realmente irá hasta su bandeja de entrada de correo electrónico.

Instale el plugin gratuito WP Mail SMTP (+1 millón de instalaciones activas) e introduzca su host SMTP, puerto STMP, etc. Debe cifrar los correos electrónicos con SSL o TLS para una mejor seguridad. Póngase en contacto con el host web si no sabe dónde encontrar sus credenciales SMTP.

Siempre pruebe enviar un mensaje de sus formularios después para que sepa que todo funciona según lo previsto.

Agregue campos SMTP a su formulario Divi

3. Guarde los mensajes del formulario Divi en su base de datos de WordPress

Correo electrónico en todos los aspectos, pero tienen una tendencia a desaparecer en las bandejas de entrada llenas de gente. ¿Es posible guardar mensajes de un formulario Divi en una base de datos por defecto?

Sí se puede, pero tendrá que instalar un plugin llamado Divi Form DB. Una vez que haya activado este pequeño plugin, cada respuesta de formulario enviado se guarda automáticamente y se almacena en su base de datos de WordPress.

Puede enumerar el remitente, quién ha leído el mensaje y cuándo, desde qué página se envió el mensaje y la fecha en que se envió.

Guardar mensajes de formularios Divi en una base de datos

Los plugins cuestan $15 por cantidad ilimitada de sitios web Divi. Una buena inversión, ¿verdad?

Comprar Divi Form DB en Elegant Marketplace (enlace de afiliado)

Ps. Una buena característica de bonificación en el plugin Divi Form DB es que puede publicar respuestas de formularios directamente como publicaciones públicas en su sitio web de WordPress. Pero no olvide que necesita el consentimiento del remitente para esto.

 

Divi Forms DB plugin

4. Agregue varios destinatarios de correo electrónico a su formulario Divi

El hecho de que pueda agregar varios destinatarios a su formulario Divis es un poco de una característica oculta que apenas el soporte de Divi conoce. Pero en realidad es muy simple.

Abra la configuración del módulo de formulario haciendo clic en el icono de rueda dentada. Vaya a Contenido de correo electrónico > y agregue tantas direcciones de correo electrónico como desee.

Separe las direcciones de correo electrónico con comas (,) y sin espacios.

Ejemplo: john.doe@gmail.com,jane.doe@gmail.com

Añade varios destinatarios a tu formulario Divi

5. Crear formularios Divi inteligentes con lógica condicional

La lógica condicional significa que puede mostrar y ocultar campos, en función de lo que el usuario ha respondido previamente en el formulario. Es una manera perfecta de reducir el ruido y crear formularios relevantes.

Si un visitante indica que está interesado en el producto X, puede elegir mostrar solo los campos que son relevantes para X y no para Y y Z.

Como de costumbre cuando se trata de Divi Builder, es fácil y fácil de usar crear lógica condicional. Cree la lógica condicional haciendo clic en la rueda dentada de cada campo que desee editar.

6. Detenga el spam con el reCAPTCHA v3 invisible

Desde Divi versión 4.0.7 puede agregar protección contra spam reCAPTCHA v3 para sus módulos Forms (y módulos Email Optin). Entonces, ¿qué significa esto? reCAPTCHA v3 es un servicio gratuito de Google que mantendrá a los spammers alejados de sus formularios. Y lo mejor es que su visitante ni siquiera se molestará con extrañas casillas de verificación «Soy humano» o «Haga clic en todas las imágenes con un coche» ya que la validación se realiza en el fondo.

Todo lo que tienes que hacer es iniciar sesión en tu cuenta de Google, registrar un nuevo sitio web y pegar tus nuevas claves en la configuración del módulo Formularios. Despídete del spam y de los campos matemáticos pegajosos.

Consejo profesional: Comience con puntuación mínima: 0,7 y aumentar la puntuación paso a paso, hasta que los correos electrónicos no deseados dejan de llegar. Cuanto mayor sea la puntuación, más duro será el portero. Pero ten cuidado, una puntuación de más de 0,8 aumenta el riesgo de que estés bloqueando a los usuarios reales

7. Crea formularios hermosos y fáciles de usar con Divi

Por último, pero no menos importante: la mayor ventaja con el módulo de forma Divi incorporado es que puede crear rápida y fácilmente formularios realmente elegantes y fáciles de usar, simplemente utilizando el Divi Builder fácil de usar.

Sincroniza el diseño con el resto de tu sitio web. Asegúrese de que la legibilidad es buena y que los formularios se ven bien en pantallas grandes y pequeñas.

Añade tus formularios a la Biblioteca Divi para reycle los en tu webite. O por qué no exportar los formularios a un archivo json e importarlos a sus otros sitios web Divi. ¡El cielo es el límite!

Leer más:

Artículos Relacionados

Cómo instalar WordPress manualmente – Tutorial completo

Cómo instalar WordPress manualmente – Tutorial completo

La mayoría de los servidores web proporcionan la instalación de WordPress con un solo clic, pero conviene saber cómo instalar WordPress manualmente. Con una instalación manual tienes control en cada paso del proceso y obtienes una mejor comprensión sobre cómo funciona la plataforma.

leer más
0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.