Comment créer rapidement un formulaire de contact professionnel avec Avada Forms (Détails graphiques)

Thème Avadaintégré Formulaires Avada Des plug-ins qui facilitent la création de formulaires de toutes sortes. Qu'il s'agisse d'un simple formulaire de contact, d'un formulaire complexe à plusieurs étapes ou d'un formulaire incluant une logique conditionnelle, il est facile à mettre en œuvre grâce à l'interface et aux fonctionnalités d'Avada. Dans cet article, nous verrons comment créer un formulaire personnalisé à partir de zéro à l'aide du constructeur de formulaires Avada et l'ajouter à votre site Web.

1. créer de nouveaux formulaires

Dans le tableau de bord de WordPress, allez à Formulaires Avada peut-être Constructeur de formulairesCliquez sur Création d'un nouveau formulaire. Sur la page popup, nous pouvons nommer le formulaire. Par exemple, nommons le formulaire "Contributeur invité"puis cliquez sur Création d'un nouveau formulaire.

Dans les paramètres d'Avada, vous pouvez choisir d'utiliser Avada Live comme éditeur par défaut afin que l'effet des modifications puisse être visualisé sur la page.

2. ajouter des éléments de formulaire

Dans l'éditeur de formulaire, il y a deux options : vous pouvez choisir parmi les options de l'onglet Avada Studio Vous pouvez choisir l'un des formulaires prédéfinis ou créer votre propre formulaire à partir de zéro. Pour les besoins de cette démo, nous allons créer le formulaire à partir de zéro.

• Ajout de conteneurs: Cliquez Ajout de conteneurset choisissez une disposition en deux colonnes, ce qui facilite l'insertion de plusieurs éléments de formulaire.

• Ajout de champs de texteAjouter un champ de texte pour collecter le nom de l'utilisateur.

existent Libellés des champs Entrer "Prénom"et le définir comme un champ obligatoire.

Une icône peut être ajoutée au champ pour sélectionner l'option "Personne" pour un impact visuel supplémentaire.

• Ajouter des champs supplémentaires: Poursuivre l'ajout Nom de familleetAdresse électronique répondre en chantant Numéro de téléphone Champs. Définissez des étiquettes appropriées pour chaque champ et assurez-vous qu'ils sont tous obligatoires. Chaque champ peut avoir une icône, par exemple Courriel Les champs utilisent l'icône de l'enveloppe.

• Ajout de champs à cases à cocherPour permettre aux utilisateurs de sélectionner les produits qui les intéressent, il est nécessaire de mettre en place un système de gestion de l'information et de la communication.Service d'abonnement audio sur Internetnous ajoutons une case à cocher et définissons le champ Catégories de podcasts Onglet. Dans les options, ajoutez EntreprisesetMode de vie répondre en chantant Conception En option.

• Ajout d'un champ de téléchargement de fichiersPour permettre aux utilisateurs de soumettre des informations personnelles, nous ajoutons un champ de téléchargement de fichier et fixons une limite de taille de fichier (par exemple, 2 Mo) et les types de fichiers autorisés (par exemple, JPEG).

• Ajout d'un champ de type zone de texte: A la fin du formulaire, nous ajoutons un Message pour permettre à l'utilisateur de saisir des informations plus détaillées. Pour encourager les utilisateurs à fournir plus de contenu, nous avons fixé le nombre de lignes dans la zone de texte à 10.

• Ajouter un bouton de soumission: Ajouter un Bouton de soumissionet sélectionnez le style de bouton par défaut.

3. configurer les notifications de formulaire

Une fois le formulaire construit, nous devons configurer la fonction de notification après l'envoi du formulaire :

• Mise en place de notifications par courrier électronique: en notifications Sélectionnez l'onglet Soumettre à l'emailet définissez l'adresse à laquelle les courriels sont envoyés. En outre, lesMise en place du courrieret le contenu, en utilisant des espaces réservés pour insérer les informations du formulaire remplies par l'utilisateur.

• Mise en place d'un autorépondeurSi vous souhaitez que les utilisateurs reçoivent un courriel de confirmation après avoir soumis un formulaire, vous pouvez configurer une fonction de réponse automatique. Le contenu de la notification peut être personnalisé, par exemple"Nous vous remercions d'avoir soumis votre candidature et nous vous contacterons bientôt !".

4) Personnaliser l'apparence du formulaire

Pour que le formulaire soit cohérent avec la conception générale du site, nous pouvons utiliser l'option état extérieur afin de personnaliser l'interface du formulaire.couleur de fondLes couleurs des champs, les styles des boutons, etc.

5. ajouter le formulaire à la page

Après avoir terminé la conception du formulaire, enregistrez et revenez à la page pour le modifier. Le formulaire peut être modifié sur la page à l'aide de la fonction Éléments du formulaire Avada pour insérer le formulaire créé. Sélectionnez l'emplacement approprié sur la page pour ajouter le formulaire et associez-le à un bouton ou à un lien sur la page.

résumés

utiliser Avada Form BuilderAvec Avada, vous pouvez facilement créer et personnaliser une large gamme de formulaires. Qu'il s'agisse d'un simple formulaire de contact ou d'un formulaire complexe à plusieurs étapes, tout est possible grâce à l'interface intuitive et aux puissantes fonctionnalités d'Avada. Suivez les étapes de cet article et apprenez non seulement à créer des formulaires, mais aussi à configurer des notifications, des options de soumission et à personnaliser l'apparence pour vous assurer que vos formulaires sont à la fois fonctionnels et esthétiques.

Pour plus de tutoriels et d'informations sur WordPress, suivez les liens suivantsRéseau de fluctuation des photonsavec les tutoriels WordPress les plus complets et les plus actifs.Communauté d'échange WordPress.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.