Cómo crear un formulario de contacto con la división de versatil con lógica condicional

No todos los visitantes vienen a su sitio por la misma razón. Probablemente ofrezca una gama de productos o servicios, no solo una sola opción para clientes y clientes. Por lo tanto, si tiene varios formularios de contacto dirigidos, puede ayudar a mejorar el UX de su sitio, para que sus clientes (y potencial) puedan comunicarse con usted exactamente lo que necesitan con la menor cantidad de roces posible. Usando el módulo del formulario de contacto DIV y nuestra función lógica condicional, lo ayudaremos a crear la mejor tubería posible entre usted y sus usuarios.
Vista previa del formulario de contacto condicionado Cuando todo esté dicho y hecho, tendrá algo similar a esto en su sitio, preparado por los visitantes. Desktop mobil ¿Qué es la lógica condicional? En primer lugar, queremos abordar brevemente lo que queremos decir con lógica condicional. Lo que haremos en este tutorial es la configuración de una serie de formularios de contacto que aparecen de acuerdo con las elecciones que el usuario hace o no. Por ejemplo, puede tener un solo formulario de contacto que se ajuste de acuerdo con qué servicio o producto necesita el visitante. De esta manera, puede obtener la información en el formato que necesita, en lugar de tener que escribirla. La lógica condicional de los formularios de contacto puede mejorar la comunicación y acelerar su capacidad de proporcionar a sus usuarios.
En vista de esto, creemos los formularios de contacto dirigidos. Cómo crear formularios de contacto utilizando el constructor de divi de carga lógica condicional porque usamos el módulo de formulario de contacto Div, tendremos que ingresar al constructor Div. Utilizaremos el paquete de mantenimiento del paisaje de diseño como ejemplo en este tutorial. Puede usar cualquier aspecto o diseño que desee, pero deberá usar y estilizar el módulo de formulario de contacto DIV. Para empezar, ingrese al Builder Divin desde su sitio de WordPress Backp En el editor de páginas, verá un botón Violet que escribe Use Divi Builder (o editar con Div Builder si ya ha creado la página). Agregue o busque el módulo de formulario de contacto, entonces, querrá encontrar el formulario de contacto que Ya existe en la página o haga clic en el icono Black Circle + y busque el formulario de contacto en el menú Drop -down.

Ingrese la configuración del formulario de contacto El módulo de formulario de contacto Div viene de forma predeterminada con 3 campos: nombre, correo electrónico y mensaje. Lo que haremos es crear un formulario de contacto en el que aparecerán estas opciones hasta que el visitante nos haya proporcionado suficiente información para dirigir su consulta.

Agregue la primera pregunta acondicionada en la pestaña de contenido y en cualquier campo que ya esté en el formulario, verá el ADMING un nuevo campo. Haga clic en esto.

Si hace esto, se abre la ventana de configuración de campo y debería ver lugares para ID de campo y entradas de título. La ID de campo es para usted. Esto es lo que aparece en la configuración del módulo para poder seguir. El título es el texto que sus visitantes verán en la parte delantera del formulario. (El título también aparecerá en el correo electrónico que recibe al enviar el formulario). Etiquetamos la ID de campo con “condicional”, porque esta es la primera pregunta que el visitante verá en el formulario. Su respuesta a esto determinará lo que verán a continuación. Esta es una manera fácil de seguir el flujo de preguntas y respuestas del formulario.

Agregue las opciones de campo y luego, desplácese en la pestaña contenida hasta que la sección Opciones de campo. Aquí agregará las opciones que el usuario puede elegir. Cada uno de estos será un factor desencadenante para ciertas preguntas adicionales. Para este ejemplo, utilizamos los cuadros de selección como el tipo de entrada. Esto significa que el usuario puede elegir todo lo que quiera.

Además de los cuadros de selección, el DIV permite otras opciones: campo de entrada y textura para los propios tipos del usuario, seleccione los menús desplegables para las elecciones únicas que proporciona, así como el campo de correo electrónico para ingresar la dirección. -correo. El campo de nombre predeterminado es un campo de entrada, y el mensaje es un área de texto.
Con los cuadros de selección seleccionados, ingresaremos las opciones que queremos activar más tarde. Entonces queremos asegurarnos de que este sea un campo obligatorio, para que el usuario no pueda enviar el formulario prematuro.

Es importante tener en cuenta aquí que no agregamos lógica condicional a este paso. Este es el desencadenante, por lo que se parece al usuario indiferente. Agregue nuevos campos para respuestas condicionadas, sin embargo, agregaremos lógica condicional para los nuevos campos que agregamos como respuestas de seguimiento. Debido a que incluimos 3 opciones para la pregunta inicial, agregaremos 3 nuevos campos apropiados al formulario. Repetirá los siguientes pasos para cada uno. Nombra las respuestas condicionadas en los nuevos campos, tenga en cuenta que hemos usado una convención para nombrar el condicional 1 (para indicar el primer desencadenante condicional) y luego 1A, 1B y 1C para rastrear respuestas . También los etiqueté correctamente, por lo que podemos seguir lo que son.

Al igual que la primera pregunta, ingresaremos el título como una pregunta que el visitante verá. Agregue una lógica condicional a los campos de respuesta después, desplácese hacia abajo hasta la sección lógica condicional en la pestaña de contenido del campo respectivo. Habilitar el cambio de lógica condicional. Luego elija la relación para esto, lo que significa que puede establecerla en cualquier cosa (cualquier cantidad de respuestas puede hacer que esta opción aparezca) o todas (solo la combinación específica de respuestas hace que este campo aparezca).

Si usa solo una regla de activación como nosotros, lo que sea o todo funcionará.

Según las reglas, verá el campo que lo desencadena y, a la derecha, puede seleccionar qué opción activará. El centro es la calificación, como es igual, no es igual, es más pequeño que, es más grande que así. Para este campo especial, seleccionamos la pregunta que hemos establecido como condicional 1 y luego la opción que desencadena específicamente este campo. Repita esto para todas las respuestas condicionadas porque hemos agregado tres respuestas diferentes a nuestra pregunta condicional única, repetiremos este proceso exacto para los otros campos. Creación solo de las respuestas correlativas apropiadas para esa selección. Establezca el formulario de contacto FIPS “Nombre / correo electrónico / mensaje” para que aparezca después de haber configurado las respuestas para la lógica condicional, queremos que el visitante envíe el formulario. Para esto, ajustaremos la lógica condicional en los campos, el correo electrónico y el mensaje. La configuración para cada uno de estos es exactamente la misma, por lo que una vez más, repetirá esto 3 veces. En la configuración del nombre, el correo electrónico y el mensaje de los campos, acceda a la lógica condicional. Active y agregue cuánto tiene respuestas finales a sus preguntas condicionadas posteriores. En nuestro caso, tenemos 3 preguntas adicionales, por lo que utilizamos 3 reglas.