Paramètres du thème vous permettent de personnaliser le design de votre formulaire et de définir les options de mise en page par défaut, y compris les couleurs, les boutons, les champs et le bouton de fermeture.
Utilisez les paramètres du thème pour aligner votre formulaire avec votre marque et créer une expérience fluide et professionnelle qui aide à augmenter l'engagement et les conversions.
Mise en page du formulaire
Contrôlez où et comment votre formulaire apparaît sur votre site.
Type d'affichage : Choisissez parmi Pop-up, Landing Page, Intégré ou Flyout. Vous pouvez copier un formulaire et changer son type d'affichage pour réutiliser le même design dans plusieurs formats.
Largeur du formulaire : Ajustez la largeur de 300 à 1000 pixels pour s'adapter à n'importe quelle taille d'écran.
Image de fond : Positionnez votre image à gauche, à droite, en haut ou comme arrière-plan complet.
Vous pouvez également définir la largeur de votre image pour remplir l'espace ou adapter la taille du formulaire.
Position du formulaire : Définissez où le formulaire apparaît sur la page (par exemple, centre, coin inférieur droit).
Styles de formulaires
Définissez l'apparence générale de votre formulaire avec des formes d'angle, des bordures et une couleur de superposition.
Angles : Choisissez carré, légèrement arrondi, plus arrondi ou spécifiez un rayon personnalisé manuellement.
Largeur de la bordure : Ajustez l'épaisseur de la bordure de 0 à 60 pixels (0 px = pas de bordure).
Style de bordure : Sélectionnez Solide, Tireté ou Pointillé.
Couleur de la bordure : Définissez à l'aide d'un code hexadécimal ou d'un sélecteur de couleur.
Couleur de superposition : Ajoutez une couleur sur l'arrière-plan du formulaire dans l'éditeur de formulaires Omnisend.
Paramètres des boutons
Personnalisez l'apparence des boutons dans votre formulaire. Les modifications s'appliquent de manière cohérente à toutes les instances de chaque type de bouton.
Styles de boutons
Bouton principal – Appel à l'action principal (par exemple, Soumettre, S'abonner).
Bouton secondaire – Action alternative (par exemple, Non merci, Peut-être plus tard).
Bouton tertiaire – Liens optionnels (par exemple, En savoir plus, Lire la politique).
Options de personnalisation des boutons
Angles : Carré, légèrement arrondi, plus arrondi ou personnalisé.
Couleur de fond : Définissez la couleur de fond du bouton à l'aide d'un code hexadécimal ou du sélecteur de couleur.
Police : Sélectionnez le type et la taille de police pour le texte du bouton.
Décoration : Texte en gras, en italique ou souligné.
Couleur du texte : Couleur du texte du bouton.
Alignement : Gauche, centre ou droite.
Largeur de la bordure : De 0 à 60 pixels.
Style de bordure : Sélectionnez Solide, Tireté ou Pointillé.
Couleur de la bordure : Définissez la couleur de la bordure à l'aide d'un code hexadécimal ou du sélecteur de couleur.
Espacement : Ajustez l'espacement interne pour contrôler la taille du bouton.
Paramètres des champs
Personnalisez les champs de saisie où les visiteurs entrent leurs informations.
Style du champ : Choisissez Encadré (champs enfermés dans une bordure visible) ou Souligné (soulignement minimal uniquement).
Coins : Carré, légèrement arrondi, plus arrondi ou rayon personnalisé.
Couleur de fond : Définissez la couleur de fond du champ.
Couleur d'erreur : Choisissez la couleur utilisée pour les messages d'erreur lorsque la validation échoue.
Police : Sélectionnez le type et la taille de police pour le texte à l'intérieur des champs.
Décoration : Texte en gras, en italique ou souligné.
Couleur du texte : Couleur du texte saisi dans les champs.
Couleur de l'espace réservé: Couleur du texte de l'espace réservé (par exemple, "Entrez votre Email").
Couleur de l'étiquette: Couleur des étiquettes de champ (par exemple, "Adresse Email").
Alignement : Gauche, centre ou droite.
Largeur, style, couleur de la bordure : Contrôlez l'apparence de la bordure du champ.
Espacement : Ajustez l'espacement interne dans les champs.
Paramètres de fermeture
Contrôlez le bouton que vos visiteurs utilisent pour fermer votre formulaire.
Afficher le bouton de fermeture : Affichez ou masquez le bouton de fermeture (X).
Lorsqu'il est désactivé, les visiteurs ne peuvent fermer le formulaire qu'en le soumettant ou en cliquant en dehors du formulaire (si activé ci-dessous).
Couleur du bouton de fermeture : Changez la couleur du bouton de fermeture (X) pour correspondre à votre thème.
Arrière-plan : Définissez une couleur d'arrière-plan pour le bouton de fermeture.
Activer "Fermer en cliquant en dehors du formulaire" : Permettez aux visiteurs de fermer le formulaire en cliquant n'importe où en dehors de celui-ci, particulièrement utile pour les mobiles.
Remarque : Les paramètres du bouton de fermeture ne sont pas disponibles pour les formulaires intégrés et les Landing Page.
FAQ
Puis-je déplacer le bouton de fermeture à une position différente ?
Non. Les paramètres du thème ne vous permettent de changer que la couleur et l'arrière-plan du bouton de fermeture. La position du bouton de fermeture (en haut à droite par défaut) ne peut pas être changée via les paramètres du thème.
Pourquoi le texte de mon bouton n'est-il pas centré verticalement ?
Le centrage vertical du texte du bouton est contrôlé par l'espacement, pas seulement par l'alignement. Augmentez les valeurs de remplissage supérieur et inférieur dans les paramètres des boutons pour donner plus d'espace vertical au texte à l'intérieur du bouton.
Puis-je ajouter du CSS personnalisé à mes formulaires ?
Les paramètres du thème offrent des options de style complètes (couleurs, polices, bordures, remplissage, alignement) mais ne prennent pas en charge l'injection de CSS personnalisé. Si vous avez besoin d'un style avancé au-delà des paramètres du thème, consultez le développeur du thème de votre site Web pour appliquer du CSS ciblant les formulaires Omnisend sur votre site.
Besoin d'aide ? Consultez notre ressources supplémentaires ou contactez notre équipe de support pour des conseils ! Nous sommes ici 24/7 pour vous via le chat dans l'application ou à [email protected]