Créer un formulaire de contact Divi multifonctionnel en utilisant la logique conditionnelle

Tous les visiteurs ne visitent pas votre site pour la même raison. Vous pouvez offrir une gamme de produits ou de services plutôt qu’une seule option pour les clients et les clients. C’est pourquoi il existe plusieurs formulaires de contact ciblés qui peuvent aider à simplifier l’expérience utilisateur de votre site afin que vos clients (et Prospects) puissent vous contacter sur ce dont ils ont besoin avec le moins de friction possible. En utilisant le formulaire de contact Divi et notre fonction logique conditionnelle, nous vous guiderons pour créer le meilleur Pipeline possible entre vous et les utilisateurs. Prévisualiser les formulaires de contact conditionnels lorsque tout est dit et fait, il y a quelque chose de similaire sur votre site Web que les visiteurs peuvent utiliser.
Qu’est – ce que la logique conditionnelle pour le déplacement du Bureau? Tout d’abord, expliquons brièvement ce que signifie la logique conditionnelle. Dans ce tutoriel, nous définissons une série de formulaires de contact en fonction du choix de l’utilisateur ou non. Par exemple, vous pouvez avoir un formulaire de contact distinct qui correspond au service ou au produit dont le visiteur a besoin. De cette façon, vous pouvez obtenir l’information dans le format désiré sans avoir à l’écrire. La logique conditionnelle sur le formulaire de contact améliore la communication et accélère votre capacité à fournir des services aux utilisateurs.
Dans ce contexte, nous avons approfondi la création de formes de liens ciblés. Comment utiliser la logique conditionnelle pour créer un formulaire de contact pour charger Divi Builder parce que nous utilisons le module Divi contact forms, nous devons entrer Divi Builder. Dans ce tutoriel, nous utiliserons le pack de mise en page de l’entretien du paysage comme exemple. Vous pouvez utiliser n’importe quelle mise en page ou conception que vous voulez, mais vous devez être en mesure d’utiliser et de modéliser le formulaire de contact Divi. Pour commencer, connectez – vous à Divi Builder depuis l’arrière – plan du site WordPress
S. dans l’éditeur de page, vous verrez un bouton violet qui dit d’utiliser Divi Builder (ou Divi Builder si vous avez déjà créé la page). Ajoutez ou trouvez un formulaire de contact, puis vous voudrez trouver un formulaire de contact qui existe déjà sur la page, ou cliquez sur l’icône noire + cercle et trouvez le formulaire de contact dans le menu déroulant. Saisissez les paramètres du formulaire de contact Divi le formulaire de contact comporte trois champs par défaut: nom, courriel et message. Ce que nous allons faire est de créer un formulaire de contact dans lequel ces options ne seront pas affichées tant que le visiteur ne nous aura pas fourni suffisamment d’informations pour guider sa demande. Ajoutez la première question de condition dans l’onglet contenu, et sous tous les champs qui existent déjà dans le formulaire, vous verrez le bouton Ajouter un nouveau champ. Cliquez là. Ceci ouvre la fenêtre de configuration du champ, où vous devriez voir l’emplacement de l’ID du champ et de l’entrée de titre. L’id de champ est pour vous. C’est ce qui est affiché dans les paramètres du module à suivre. Le titre est le texte que le visiteur verra au début du formulaire. (le titre apparaît également dans le courriel que vous recevez lorsque vous soumettez le formulaire.) Nous avons marqué l’ID du champ « condition » parce que c’est la première question que les visiteurs voient dans le formulaire. Leur réaction déterminera ce qu’ils verront ensuite. Il s’agit d’un moyen simple de suivre le flux de questions et de réponses dans un formulaire.
Ajoutez des options de champ et, sous l’onglet contenu, faites défiler vers la section options de champ. Vous ajouterez ici les options que les utilisateurs peuvent choisir. Chaque question soulève des questions de suivi. Par exemple, nous utilisons la case à cocher comme type d’entrée. Cela signifie que l’utilisateur peut choisir le nombre qu’il veut. Divi permet à d’autres ou
Egole, vous verrez les champs qui activent cette option, et à droite, vous pouvez choisir l’option qui activera cette option. Le Centre est un qualificatif, par exemple égal, non égal, inférieur, supérieur, etc. Pour ce champ spécifique, nous sélectionnons la question qui a été définie à la condition 1, puis sélectionnons l’option qui active spécifiquement l’affichage de ce champ. Répétez ce processus pour toutes les réponses conditionnelles puisque nous avons ajouté trois réponses différentes à une seule question conditionnelle, nous le répéterons également pour les autres champs. Ne créez que les réponses pertinentes appropriées pour cette sélection.
Définissez le formulaire de contact « Nom \/ courriel \/ message » à afficher. Une fois que vous avez défini la réponse pour la logique conditionnelle, nous nous attendons à ce que les visiteurs puissent réellement soumettre le formulaire. Pour ce faire, nous ajusterons la logique conditionnelle dans les champs nom, courriel et message. Les paramètres de chaque élément sont identiques, donc vous le répéterez 3 fois de plus. Dans les paramètres des champs nom, courriel et message, allez à la logique conditionnelle. Activez – le et ajoutez toutes les réponses finales aux questions subséquentes conditionnelles. Dans notre cas, nous avons 3 Questions de suivi, donc nous utilisons 3 règles.
Pour chaque règle, sélectionnez la question suivante comme déclencheur. Définissez le qualificatif à non vide, ce qui signifie que la condition est remplie tant que le visiteur répond à la question. Cela rend la boîte finale grise pour indiquer que toute réponse est suffisante. Enregistrez vos modifications et répétez n’importe quel nombre de champs pour permettre la soumission du formulaire. C’est tout! Votre module sera immédiatement adapté aux besoins des utilisateurs. Dans le résultat final ci – dessous, vous pouvez voir comment la logique conditionnelle fonctionne dans la pratique. Desktop mobile enveloppe le formulaire de contact comme suit:
Un des éléments les plus courants du site. Presque tous les sites en ont un, et presque tous en ont besoin. Mais tous les utilisateurs ne visitent pas votre site pour la même raison. En utilisant la fonction logique conditionnelle de Divi, vous pouvez personnaliser votre formulaire de contact en tant qu’outil polyvalent pour les utilisateurs. Quel type de module avez – vous créé en utilisant la logique conditionnelle Divi? Photo caractéristique de l’article de Kubko \/ shutterstock. Com