Style de forme
Auto Form Builder vous offre un contrôle total sur le style de vos formulaires. Harmonisez les couleurs de votre marque, utilisez vos polices, ajustez l'espacement et créez des formulaires qui s'intègrent parfaitement à votre site.
Pourquoi le style des formes est important
Votre site web possède une identité de marque. Vos formulaires doivent la refléter.
Lorsque les formulaires présentent une apparence différente du reste de votre site, les visiteurs hésitent. Ils se demandent s'ils sont toujours sur le même site web. Cette hésitation a un impact négatif sur les conversions.
Des formulaires soignés témoignent également de professionnalisme. Un formulaire bien conçu indique aux visiteurs que vous êtes attentif aux détails ; et si vous accordez de l’importance au design des formulaires, vous vous souciez probablement aussi de la protection de leurs données.
Comment fonctionne le stylisme de formulaires
Auto Form Builder intègre un éditeur de style visuel dans son interface de création de formulaires.
- Sélectionnez ce que vous souhaitez styliserChoisissez parmi les conteneurs de formulaire, les étiquettes de champs, les champs de saisie, les boutons ou les messages d'erreur.
- Ajuster les paramètresUtilisez des sélecteurs de couleurs, des curseurs et des listes déroulantes pour modifier les valeurs. Aucune syntaxe CSS à apprendre ni à mémoriser.
- Aperçu instantanéChaque modification s'affiche instantanément dans l'aperçu en direct. Visualisez précisément l'apparence de votre formulaire avant publication.
- Enregistrer comme valeurs par défautAppliquez automatiquement votre style aux nouveaux formulaires. Créez-le une fois, réutilisez-le partout.
Ce que vous pouvez personnaliser
Couleur
Contrôlez chaque couleur de votre formulaire : couleurs d’arrière-plan du conteneur et des champs individuels, couleurs du texte des étiquettes, des espaces réservés et du texte saisi, couleurs des bordures (par défaut, sélection et erreur) et couleurs des boutons (arrière-plan, texte et effets de survol).
Typographie
Choisissez les polices des étiquettes et des champs de saisie. Ajustez la taille des polices indépendamment : étiquettes plus grandes pour mettre en valeur un élément important, texte d’aide plus petit pour les informations secondaires. Contrôlez l’épaisseur des polices pour des étiquettes en gras ou un texte de saisie plus fin.
Espacement et mise en page
Espacez les champs pour une meilleure lisibilité. Ajustez le remplissage des champs pour une saisie de texte confortable. Contrôlez les marges autour du formulaire pour un positionnement optimal dans votre mise en page.
Bordures et coins
Définissez l'épaisseur, le style et la couleur des bordures. Arrondissez les angles pour un style moderne ou conservez-les nets pour un design minimaliste. Appliquez différents styles de bordures selon l'état du formulaire : discrètes par défaut, plus marquées lorsque le formulaire est sélectionné.
Boutons
Créez des boutons d'envoi à l'image de votre marque : couleur de fond, couleur du texte, rayon de bordure, marge intérieure, taille et épaisseur de la police. Personnalisez les états au survol et actif pour une expérience utilisateur optimale.
Conteneur de formulaire
Personnalisez le style du conteneur du formulaire. Ajoutez une couleur de fond ou laissez-le transparent. Appliquez des ombres portées pour donner de la profondeur. Définissez le rayon des bordures pour les formulaires arrondis. Contrôlez la largeur maximale pour éviter que les formulaires ne s'étirent trop.
Scénarios de style de formulaire courants
Respecter les directives de la marque
Votre entreprise utilise des couleurs spécifiques : #0F2D5F pour la couleur principale et #F59E0B pour les couleurs d'accentuation. Saisissez ces valeurs dans l'éditeur de style. Les boutons du formulaire utilisent la couleur d'accentuation, tandis que les étiquettes utilisent la couleur principale. Cohérence de marque garantie.
Créer des formulaires à contraste élevé
Site web à fond sombre ? Créez des formulaires clairs qui se démarquent. Fond clair ? Utilisez des formulaires avec bordures et ombres subtiles pour délimiter la zone du formulaire sans surcharger visuellement le site.
Concevoir des formes minimalistes
Supprimez les bordures, réduisez les espacements, utilisez des fonds transparents. Créez des formulaires qui s'intègrent harmonieusement à la page plutôt que de paraître isolés.
Créez des formulaires d'appel à l'action percutants
Gros boutons, couleurs vives, marges généreuses : créez des formulaires qui captent l’attention sur vos pages de génération de prospects les plus importantes.
Des formulaires adaptés à tous les thèmes
Auto Form Builder fonctionne avec tous les thèmes WordPress. Vos formulaires stylisés s'adaptent à n'importe quel contexte de conception.
Vous utilisez Woodmart, Astra, GeneratePress, Divi ou un autre thème ? Vos formulaires auront une apparence native. L’éditeur de style vous offre un contrôle total pour s’adapter à n’importe quel système de design.
Aucun conflit de thèmes. Aucun problème d'héritage de style. Des formulaires qui s'affichent exactement comme vous le souhaitez.
CSS non requis
Vous n'avez pas besoin d'écrire de CSS personnalisée pour styliser vos formulaires. L'éditeur visuel s'occupe de tout.
Mais si vous souhaitez un contrôle CSS précis, Auto Form Builder prend en charge le CSS personnalisé pour chaque formulaire. Ajoutez des surcharges pour les cas particuliers ou appliquez des styles avancés non disponibles dans l'éditeur visuel. Les utilisateurs avancés bénéficient ainsi de la flexibilité dont ils ont besoin.
