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 qursquoune seule option pour les clients et les clients. Crsquoest pourquoi il existe plusieurs formulaires de contact ciblés qui peuvent aider à simplifier lrsquoexpérience utilisateur de votre site afin que vos clients (et Prospects) puissent 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 guiderons pour créer le meilleur Pipeline possible entre 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.
Qursquoest ce que la logique conditionnelle pour le déplacement du Bureau? Tout drsquoabord, 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 lrsquoutilisateur ou non. Par exemple, pouvez avoir un formulaire de contact distinct qui correspond au service ou au produit dont le visiteur a besoin. De cette façon, pouvez obtenir lrsquoinformation dans le format désiré sans avoir à lrsquoé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 lrsquoentretien du paysage comme exemple. Vous pouvez utiliser nrsquoimporte quelle mise en page ou conception que voulez, mais devez être en mesure drsquoutiliser et de modéliser le formulaire de contact Divi. Pour commencer, connectez à Divi Builder depuis l’arrière plan du site WordPress
S. dans lrsquoéditeur de page, verrez un bouton violet qui dit drsquoutiliser Divi Builder (ou Divi Builder si avez déjà créé la page).
Ajoutez ou trouvez un formulaire de contact, puis voudrez trouver un formulaire de contact qui existe déjà sur la page, ou cliquez sur lrsquoicô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 pour guider sa demande. Ajoutez la première question de condition dans lrsquoonglet contenu, et sous tous les champs qui existent déjà dans le formulaire, verrez le bouton Ajouter un nouveau champ. Cliquez là.
Ceci ouvre la fenêtre de configuration du champ, où devriez voir lemplacement de lrsquoID du champ et de lrsquoentrée de titre. Lrsquoid de champ est pour . Crsquoest 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 recevez lorsque soumettez le formulaire.) Nous avons marqué lrsquoID du champ « condition » parce que crsquoest la première question que les visiteurs voient dans le formulaire. Leur réaction déterminera ce qursquoils verront ensuite. Il srsquoagit drsquoun moyen simple de suivre le flux de questions et de réponses dans un formulaire.
Ajoutez des options de champ et, sous lrsquoonglet 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 drsquoentrée. Cela signifie que lrsquoutilisateur peut choisir le nombre qursquoil veut. Divi permet à drsquoautres ou
Egole, verrez les champs qui activent cette option, et à droite, pouvez choisir lrsquooption 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 lrsquooption qui active spécifiquement lrsquoaffichage 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 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 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 nrsquoimporte quel nombre de champs pour permettre la soumission du formulaire. Crsquoest tout! Votre module sera immédiatement adapté aux besoins des utilisateurs. Dans le résultat final ci dessous, 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, pouvez personnaliser votre formulaire de contact en tant qursquooutil polyvalent pour les utilisateurs. Quel type de module avez créé en utilisant la logique conditionnelle Divi? Photo caractéristique de lrsquoarticle de Kubko shutterstock. Com

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins