Pour attirer vos clients ou vos clients site Internet Vous devez pouvoir contacter le formulaire de contact.

Heureusement, Duty est livré avec un formulaire de contact intégré très puissant. Alors regardons cela en premier en l’incluant sur notre ligne.

Module formulaire de contact Divi

Le module formulaire de contact se trouve ci-dessous.

et cela mettra immédiatement quelque chose qui ressemble à ceci sur la page Web afin que nous puissions ajouter et supprimer des sections ici sur la gauche. Par exemple, si nous ne voulons pas de section d’actualités, nous pouvons simplement venir ici et cliquer sur l’icône de la corbeille, puis nous nous en débarrasser, puis nous cliquons ici ci-dessous pour ajouter une nouvelle section. C’était un peu basique, mais Divi a vraiment amélioré le jeu ici. Il est rempli de fonctionnalités vraiment utiles, alors collons-le par exemple. Ici, nous allons d’abord aux options de champ. Je vais vous montrer ce que nous pouvons faire. Nous avons un champ de saisie dans lequel quelqu’un peut simplement entrer du texte.

Nous pourrions avoir un champ e-mail qui est évidemment spécifique aux adresses e-mail. Une zone de texte que vous pouvez vous étiqueter. Ils peuvent avoir des cases à cocher qui vous permettent d’accepter des conditions, par exemple. Vous pouvez avoir des boutons radio si vous voulez des cercles et vous pouvez faire une sélection dans le menu déroulant afin que vous ayez un menu déroulant avec de nombreuses options différentes parmi lesquelles les utilisateurs peuvent choisir. La logique conditionnelle qu’ils ont ajoutée est encore plus impressionnante. Cela signifie que les sections peuvent être affichées et masquées en fonction de vos options, le visiteur du site Web a en fait choisi de manière à ce que cela soit beaucoup plus interactif et amusant, par exemple puisque j’ai actuellement une liste déroulante ici lorsque nous sommes ici ci-dessous Plans d’hébergement Web Insérer du texte.

et ensuite nous pourrions utiliser SiteGround sous nos options de terrain afin que nous puissions créer leur plan de démarrage, puis ce sera grand et ensuite ce sera Goki. Nous allons simplement les utiliser comme exemple pour voir qu’un site Web est le meilleur hébergeur Web et une fois que nous avons fait cela, nous pouvons choisir si cela doit être un champ obligatoire ou non afin que vous puissiez le faire avec n’importe quoi si vous désactivez cela. Cela signifie que quelqu’un peut remplir le formulaire.

En dehors de cette section, ils peuvent cliquer sur Soumettre et vous n’obtiendrez pas ces informations, vous ne voulez donc pas nécessairement l’activer pour tout, mais les choses Nom Email Téléphone peuvent sûrement cliquer ici. Cliquez sur Oui et de cette façon, ils ne peuvent pas le laisser de côté et soumettre le formulaire, puis accidentellement vous ne pouvez pas les contacter ou quelque chose. Dans ce cas, nous allons simplement laisser cela comme nous l’avons fait, nous avons répertorié ces trois casseroles ici dans la liste déroulante. Si je reviens en arrière, nous pouvons ajouter une autre section et appeler cette option pendant une seconde.

Options de champ, puis je vais changer cela pour changer les cases techniques dans l’ordre afin que cela puisse être l’option un, l’option deux, l’option trois. Vous avez l’idée.

D’accord, mais pour l’instant, cela ne fait que s’afficher, ou je devrais dire que je veux juste qu’il apparaisse lorsque nous sélectionnons le plan Go Geek par exemple. La façon dont je fais cela dépend de la logique conditionnelle qui le rend possible et ensuite nous pouvons le faire ici sous Règles Choisissez des plans d’hébergement Web car c’est évidemment ce que nous venons de créer. Nous pouvons choisir le nom ou l’adresse e-mail. Ainsi, lorsque vous créez un champ, il apparaîtra ici. Je vais choisir des plans d’hébergement Web maintenant, ce n’est pas bla bla bla comme ça, donc vous pouvez vraiment commencer à influencer le comportement de votre formulaire afin que vous sachiez que c’est un espace rempli lorsque vous y mettez quelque chose. De cette façon, vous serez interactif avec ce que chacun a.

Une seule personne fait votre formulaire alors laissons-le un instant et je veux que ce soit le plan Go Geek. Alors laissez-moi vous montrer ce qui est réellement fait lorsque je clique sur OK pendant une seconde à partir d’ici, puis enregistre ceci.

Au bout d’une heure, je quitte le constructeur visuel pendant une seconde.

D’accord, voici notre formulaire. Cliquez ici ci-dessous. Nous pouvons choisir le démarreur et rien ne se passera. Cependant, si nous choisissons Go Geek, alors tout à coup, ceux-ci apparaîtront. De cette façon, nous pouvons rendre le formulaire beaucoup plus intéressant, en particulier lorsque vous avez une tonne d’informations que vous souhaitez recevoir, cela peut être intimidant lorsque les gens voient que vous connaissez une tonne de champs de saisie différents. Cela signifie qu’ils peuvent simplement les parcourir et ne trouver que ceux qui leur sont proches. C’est beaucoup plus convivial, c’est ainsi que fonctionne la logique conditionnelle. Je pense que c’est une fonctionnalité fantastique. Je vous recommande vivement de l’utiliser maintenant lorsque nous reviendrons ici. Je vais vous montrer comment nous pouvons améliorer cet aspect lorsque nous le faisons. Lorsque vous arrivez à l’onglet « Conception », vous pouvez aller dans nos boîtes. Voici donc la couleur d’arrière-plan des champs que nous avons actuellement. C’est gris quand je le change en « vert ». De toute évidence, ils basculeront tous. Je suis en train d’annuler cela. Une seconde qui serait plus utile sont les champs par exemple foc Cela signifie que lorsque je sélectionne ceci lorsque nous cliquons dans un champ, l’un et l’autre seul changent de couleur, ce qui peut être utile pour faire savoir évidemment aux gens ce qu’ils sont juste au cas où il y aurait une raison pour laquelle ils peuvent le dire et nous pouvons faire exactement la même chose avec la couleur du texte de mise au point afin que nous puissions la changer en rouge. Ensuite, on clique là-bas et il devient rouge. Je vais réinitialiser cela pendant une seconde. Ce que nous pouvons alors faire, c’est également ajouter des marges et des remplissages dans le champ afin que nous puissions modifier l’espacement ici, par exemple nous pouvons changer la taille de la police des polices et bien sûr le style en majuscule.

Tout comme vous pouvez faire assez cool avec un module de texte normal dans les alignements de texte de la boîte dibby, nous pouvons ensuite les déplacer vers le centre où ils seront appliqués. Évidemment, cela n’a aucun effet sur la liste déroulante. Je vais revenir en arrière, et comment cela fonctionne, donc le style est très similaire à tout le reste chez Divi, une fois que vous vous êtes occupé d’un module pour un module et de tout le monde pour un module.

Utile car il s’agit exactement du même texte d’entrée. C’est super. Donc, si vous souhaitez changer cela ici, vous saurez si nous n’avions pas de blanc.

Arrière-plan Si nous avions un arrière-plan plus sombre, vous voudrez peut-être le changer en couleur blanche, ou je le changerai simplement en orange pour le moment et nous pouvons voir que cela change la couleur là-bas, donc vous pouvez facilement le faire. entrez et ajoutez du code comme vous en avez l’habitude. Maintenant, bien sûr, vous pouvez également modifier la taille ici afin que nous puissions résoudre ce problème maintenant. Je vais juste le ramener là où il était et c’est tout. En supposant que vous le vouliez réellement, je vais vous montrer comment nous pouvons le dire dans une seconde. Si vous souhaitez formater un bouton, utilisez un style de police personnalisé et nous pouvons alors commencer à changer cela aussi.Si pour une raison quelconque vous ne vouliez pas que la capture revienne, le contenu doit s’arrêter à nouveau et c’est du spam -Protection . Si nous désactivons cela, cela disparaîtra.

Je suggère généralement que vous l’ayez parce que cela empêche évidemment BOTS de passer, ce ne sera que de vraies personnes, et avouons-le, zéro plus trois n’est pas trop pénible si quelqu’un ne peut pas comprendre ce que je ne suis vraiment pas. t pense que cela devrait être sur votre site Web en premier lieu.

Mais avouons-le, j’ai vu quelque chose de plus compliqué. Si vous disposez d’un service de spam distinct, vous pouvez l’activer ici si vous souhaitez ajouter des informations d’arrière-plan en passant, si vous souhaitez ajouter des informations d’arrière-plan. Ensuite, vous devez personnaliser le remplissage et les autres champs du formulaire car cela aura l’air un peu étrange, mais vous pouvez le faire aussi, et le courrier électronique est important. En fait, c’est la chose la plus importante pour que vous puissiez coller l’adresse e-mail ici dans le champ de l’adresse e-mail à laquelle elle doit être envoyée afin qu’elle soit la vôtre. Si vous rencontrez des problèmes avec cela, essayez de le tester et pour une raison quelconque, les formulaires ne fonctionneront pas et vous ne recevrez aucun e-mail devant être envoyé via un fournisseur SMTP. Il existe de nombreux plugins qui peuvent le faire pour vous. Je vais vous montrer cela dans un instant, même si c’est ce que vous voulez regarder sous Modèles de message. Ce que cela signifie, c’est comment vous voulez que toutes ces informations apparaissent dans l’e-mail afin que je me débarrasse évidemment du champ de texte du message, mais lorsque nous avons des éléments là-dedans et que nous voulions que ce soit le dernier, par exemple, lorsque nous voulons tous nos autres.

L’information que nous ferions d’abord est de la mettre avec les signes de pourcentage, donc je vais mettre un nom de pourcentage comme celui-ci et nous le ferons pour tous les différents champs que nous avons ici, et à la fin je mettre un message et mettre cela signifie simplement que peu importe dans quel ordre je les ai réellement, il passerait dans l’e-mail et si je ne le prenais qu’ici.

Cela vous indique simplement que vous pouvez mettre l’identifiant de champ entre les marques de pourcentage, puis vous pouvez également mettre un texte séparé entre les deux afin que, par exemple, mes messages aient un certain pourcentage des messages en pourcentage et que le numéro de téléphone soit bla bla bla. est juste pour que vous puissiez, espérons-le, commander votre e-mail qui a du sens pour vous. Une fois que vous avez fait cela, vous pouvez configurer une redirection si vous souhaitez la rediriger vers une autre URL. Une fois que vous avez entré le formulaire, vous pouvez le faire. Cela peut être très utile si vous avez une page de remerciement séparée ou si vous souhaitez qu’ils téléchargent quelque chose après avoir soumis le formulaire de contact. Vous pouvez simplement cocher cette option, puis bien sûr entrer l’URL à laquelle vous souhaitez l’envoyer. Si vous voulez vraiment changer l’une de ces URL, cliquez dessus et faites-la glisser. Cliquer et faire glisser ceci à différents endroits le déplacera dans la page, donc c’est tout, vous pouvez le changer gentiment, et c’est à peu près tout pour le ramener au sujet de l’envoi d’e-mails diffusés si vous avez un problème pour sortir d’ici une seconde.

sauvegarde ça.

Revenez directement à votre tableau de bord, accédez aux plugins et ajoutez-en de nouveaux.

Comme je l’ai mentionné plus tôt, vous pouvez en utiliser quelques-uns. Cependant, je suggère que ce soit WP Mail SM TP.

Conclusion

D’accord, cela vient des fabricants de formulaires WP et si vous les connaissez, vous saurez que la qualité est vraiment élevée. C’est vraiment très simple et facile à utiliser car le problème avec les sites Web WordPress est souvent la raison pour laquelle les e-mails ne passent pas.Cela pourrait être quelque chose d’aussi simple que vos affiches empêchant PHP de passer lorsque vous utilisez l’hébergement partagé. C’est assez courant. Alors utilisez ceci pour vous débarrasser de ce problème. Cela le rend sûr et s’assurera que vos e-mails Divi avec des formulaires de contact vous parviennent réellement, ce qui est très important. C’est une utilisation très agréable et facile que vous devriez être en mesure de créer de très beaux formulaires de contact et d’obtenir plus de devis et de demandes de clients, le tout en un rien de temps.

Pour plus d’information veuillez contacter Wiki sur ce thème.



Source link

Recent Posts