Relisez le tutoriel et apprenez comment ajouter des modules à namp;rsquoimporte quel site Web en utilisant des plug ins. Comment ajouter un formulaire damp;rsquoestimation des coûts à un site Web en utilisant la mise en page de lamp;rsquoagent Web Abonnez à notre canal YouTube importer des formulaires damp;rsquoéchantillons pour commencer à utiliser certains formulaires damp;rsquoéchantillons, devez importer des données damp;rsquoéchantillons. Le dossier de téléchargement du plug in contient un fichier appelé
Passez à E amp;amp P form Builder et cliquez sur le bouton formulaire damp;rsquoimportation jaune en haut de la page. Dans la zone de données damp;rsquoimportation ouverte, chargez le fichier exemple _ Data can be imported. Zip, puis cliquez sur le bouton damp;rsquoimportation vert. Vous devriez voir un exemple de formulaire apparaître. Le fichier zip du plug in est disponible dans le dossier de téléchargement du plug in. Copiez la représentation de lamp;rsquoévaluation personnelle, puis cliquez sur lamp;rsquoicône copier à côté du tableau de la liste pour copier la représentation de lamp;rsquoévaluation personnelle. Paramètres généraux dans les paramètres du module, mettez à jour ce qui suit sur lamp;rsquoonglet général.
Titre: module damp;rsquoestimation des coûts (ou tout ce que voulez) prix maximum: laisser en blanc (cela calculera automatiquement le coût maximum) automatique suivant: S (Cela élimine la nécessité de cliquer sur le bouton suivant dans certaines étapes) vitesse damp;rsquoanimation: 0,1 (camp;rsquoest simplement parce que je pense que la vitesse Par défaut est trop lente) Enregistrer les modifications Cliquez maintenant sur lamp;rsquoonglet conception afin que nous puissions apporter quelques modifications au formulaire pour quamp;rsquoil corresponde à la mise en page de lamp;rsquoagent Web.
Mise à jour comme suit: Main color: 4046b9 text color: 2a3443 Introductory title and prompt color: 2a3443 Google font name: Montserrat (this must be with
Excellent effet du bouton « Web Agency »: non (encore une fois, cela doit correspondre à la conception du site) enregistrer les modifications Remplir damp;rsquoautres paramètres importants ce module est puissant et comporte un grand nombre de paramètres que devez exécuter pendant votre temps libre lorsque créez un formulaire pour votre site. Vous pouvez modifier ces paramètres en cliquant sur les onglets restants dans les paramètres du module.
Paramètres de texte dans lamp;rsquoonglet paramètres de texte, pouvez modifier tout le texte et copier les étiquettes utilisées dans le formulaire. Vous pouvez également personnaliser la façon dont gérez les courriels de notification dans lamp;rsquoonglet courriel, y compris les options pour intégrer les formulaires avec mailchimp. Vous pouvez personnaliser les paramètres de la dernière étape du module ici. Cette étape affiche généralement votre estimation du prix final et envoie une invitation à agir à lamp;rsquoutilisateur. Pour lamp;rsquoexemple que nous utilisons, lamp;rsquoinvitation à lamp;rsquoaction principale est damp;rsquoentrer leur adresse e mail, mais pouvez ajouter namp;rsquoimporte quel nombre de champs pour la dernière étape.
Vous pouvez également choisir de configurer la passerelle de paiement ici pour traiter les paiements. Il en résulterait que lamp;rsquoutilisateur paierait effectivement le prix estimatif à ce moment là. Paramètres du résumé pouvez également choisir de fournir un résumé à la dernière étape de lamp;rsquoonglet sommaire. Ceci est utile pour les évaluations avancées qui contiennent beaucoup damp; que voulez que les utilisateurs voient avant de payer. Sous paramètres de coupon, pouvez créer un nouveau Code de coupon et lamp;rsquoassigner au formulaire. Comme il samp;rsquoagit damp;rsquoune copie du formulaire pré rempli, verrez les étapes liées à plusieurs sauts logiques qui sont déjà affichés dans la section gestionnaire damp;rsquoétapes.
La première étape est représentée par le vert ( pouvez passer le curseur
Étapes et cliquez sur lamp;rsquoicône du drapeau). Passez le curseur sur cette étape et remarquerez un menu de navigation contextuel (comme passez le curseur sur un module dans Divi) qui permet de modifier, copier, supprimer ou lier à une autre étape. Cliquez sur lamp;rsquoicône Édition pour modifier les paramètres de lamp;rsquoétape. Sous les options step, verrez que le titre Step est
Dans la section liste des éléments, verrez les éléments ou options que lamp;rsquoutilisateur sélectionnera pour compléter cette étape. Dans cet exemple, sélectionnez un site Web ou une application mobile. Cliquez pour modifier les entrées dans la liste des sites. Lorsque cliquez sur modifier un élément, pouvez voir un grand nombre damp;rsquooptions disponibles. Notez les options de type. Comme avec namp;rsquoimporte quel générateur de formulaire, pouvez changer le type damp;rsquoélément à afficher. Je veux maintenant conserver le type damp;rsquoimage. Notez également le nom du Groupe. Vous ne pouvez sélectionner quamp;rsquoun seul élément du même groupe. Assigner des éléments au même groupe (avec le même nom de groupe) fournit une liste damp;rsquooptions où une seule option peut être sélectionnée. Étant donné que les éléments de la liste des sites Web et des applications mobiles ont le même nom de groupe, Web _ o sites Web, ne pouvez sélectionner quamp;rsquoun seul des éléments du formulaire en direct. De plus, comme nous avons sélectionné lamp;rsquooption
Une fois le type damp;rsquoimage sélectionné, nous pouvons une image personnalisée comme
cliquez sur plusieurs fonctions éléments à cette étape, toute autre valeur de prix est ajoutée au prix total. Retournez au gestionnaire damp;rsquoétapes et Notez que la première étape est liée aux étapes fonctionnelles. Pour connecter une étape à une autre, passez le curseur sur lamp;rsquoétape, cliquez sur lamp;rsquoicône lien, puis cliquez sur lamp;rsquoétape que voulez connecter. Chaque lien peut être filtré à lamp;rsquoaide damp;rsquoune logique conditionnelle spécifique qui permet à lamp;rsquoutilisateur de prendre des mesures spécifiques en fonction de la sélection damp;rsquoéléments spécifiques. Jetons un coup damp;rsquooeil aux conditions de lien qui relient la première étape à un laissez passer fonctionnel. Cliquez sur lamp;rsquoicône lien sur la ligne reliant les deux étapes. Notez quamp;rsquoune seule condition a été ajoutée. Cette condition indique au formulaire que si lamp;rsquoélément du site est sélectionné à la première étape, le formulaire amène lamp;rsquoutilisateur à la fonction step. Vous devez suivre et personnaliser toutes les étapes et fonctionnalités héritées en utilisant lamp;rsquoexemple de formulaire que nous utilisons pour répondre à vos besoins. Copier ce module namp;rsquoest quamp;rsquoun moyen de faire tourner la balle plus rapidement. Il existe trois façons damp;rsquoajouter un formulaire damp;rsquoestimation des coûts à une page de service pour le publier sur votre site Web. Vous pouvez intégrer le formulaire dans la page. Vous pouvez intégrer une version plein écran du module qui occupera toute la page. Alternativement, pouvez utiliser le formulaire comme une fenêtre contextuelle lorsque cliquez sur un lien ou un bouton sur une page. Les trois modes nécessitent un code court. Par exemple, je vais montrer comment intégrer un formulaire dans une nouvelle Section damp;rsquoune page de service damp;rsquoune mise en page de proxy web. Nous devons damp;rsquoabord obtenir le Code court. Dans lamp;rsquoéditeur de modules, cliquez sur le bouton
Comment ajouter un tableau d&rsquoestimation des coûts à un site en utilisant la disposition du site Agent réseau
