{"id":4129,"date":"2024-08-25T11:30:04","date_gmt":"2024-08-25T11:30:04","guid":{"rendered":"https:\/\/guide.meriaky.com\/?p=4129"},"modified":"2024-10-12T21:37:35","modified_gmt":"2024-10-12T21:37:35","slug":"onglet-styles-des-formulaires","status":"publish","type":"post","link":"https:\/\/guide.meriaky.com\/fr\/2024\/08\/25\/onglet-styles-des-formulaires\/","title":{"rendered":"Onglet Styles des formulaires"},"content":{"rendered":"\n

Pour modifier les aspects visuels de votre formulaire, acc\u00e9dez \u00e0 l’Onglet Styles dans le cr\u00e9ateur de formulaires. Dans cette section, vous pouvez personnaliser l’apparence de votre formulaire en ajustant des \u00e9l\u00e9ments tels que les couleurs, les bordures et d’autres fonctionnalit\u00e9s de design. La personnalisation de l’apparence de votre formulaire vous permet de cr\u00e9er une exp\u00e9rience utilisateur coh\u00e9rente et esth\u00e9tiquement agr\u00e9able, en harmonie avec l’identit\u00e9 de votre marque.\"Image\"<\/p>\n\n\n\n

Disposition<\/h2>\n\n\n\n

Ici, vous trouverez les param\u00e8tres de disposition de votre formulaire. Dans cette section, vous pouvez activer ou d\u00e9sactiver les formulaires en ligne et l’affichage des \u00e9tiquettes.<\/p>\n\n\n\n

Formulaires en ligne : Les formulaires en ligne vous permettent de placer les champs de saisie c\u00f4te \u00e0 c\u00f4te au lieu de les afficher les uns en dessous des autres.<\/p>\n\n\n\n

Afficher l’\u00e9tiquette : Si vous ne souhaitez pas afficher l’\u00e9tiquette du champ de saisie, d\u00e9sactivez-la ici.\"Image\"<\/p>\n\n\n\n

Style du formulaire<\/h2>\n\n\n\n

Style du formulaire – Arri\u00e8re-plan<\/p>\n\n\n\n

Dans la section Style du formulaire, personnalisez l’apparence de votre formulaire en ajoutant des bordures et des couleurs. Pour modifier la couleur de l’arri\u00e8re-plan, cliquez sur la bo\u00eete de couleur, puis s\u00e9lectionnez une couleur ou ajoutez un code personnalis\u00e9.\"Image\"<\/p>\n\n\n\n

Style du formulaire – Bordure<\/h3>\n\n\n\n

Vous pouvez ajouter des bordures en choisissant un type de bordure dans le menu d\u00e9roulant, tel que pointill\u00e9, tiret\u00e9, plein ou aucun. La largeur de la bordure peut \u00eatre ajust\u00e9e en entrant un nombre ou en cliquant sur les fl\u00e8ches haut et bas. Pour modifier la couleur de la bordure, cliquez sur l’ic\u00f4ne de couleur et s\u00e9lectionnez une option ou saisissez un code personnalis\u00e9.\"Image\"\"Image\"<\/p>\n\n\n\n

Style du formulaire – Rayon des coins<\/h3>\n\n\n\n

Vous pouvez arrondir les coins en ajoutant un rayon. Il vous suffit de saisir un nombre dans le champ pr\u00e9vu \u00e0 cet effet. Plus le nombre est \u00e9lev\u00e9, plus les coins seront arrondis.\"Image\"<\/p>\n\n\n\n

Style du formulaire – Largeur<\/h3>\n\n\n\n

Il est \u00e9galement possible de modifier la largeur du formulaire en entrant un nombre dans le champ pr\u00e9vu \u00e0 cet effet. Plus le nombre est \u00e9lev\u00e9, plus le formulaire sera large.\"Image\"<\/p>\n\n\n\n

Espacement<\/h3>\n\n\n\n

Diff\u00e9rentes options d’espacement sont disponibles pour ajuster votre formulaire. En fonction de l’option d’\u00e9dition sur laquelle vous travaillez, les param\u00e8tres s’appliqueront uniquement \u00e0 cette option. Par exemple, l’\u00e9dition de l’espacement inf\u00e9rieur.<\/p>\n\n\n\n

Espacement \u00e0 gauche, \u00e0 droite, en haut et en bas<\/p>\n\n\n\n

Ces quatre (4) champs d’espacement diff\u00e9rents d\u00e9placent le formulaire vers la gauche, la droite, le haut ou le bas en fonction du champ dans lequel vous ajoutez de l’espacement. Il vous suffit de saisir un nombre dans le champ pr\u00e9vu pour ajouter de l’espacement en haut, en bas, \u00e0 gauche ou \u00e0 droite selon vos pr\u00e9f\u00e9rences.\"Image\"<\/p>\n\n\n\n

Ombre<\/h3>\n\n\n\n

Cela vous permet de personnaliser la bordure de votre formulaire, y compris la couleur, la taille, la largeur et le rayon.<\/p>\n\n\n\n

Couleur<\/strong><\/p>\n\n\n\n

La couleur vous aide \u00e0 choisir une couleur pour votre bordure. Il vous suffit de cliquer sur l’ic\u00f4ne de couleur et de s\u00e9lectionner une couleur que vous souhaitez utiliser ou d’ajouter un code de couleur personnalis\u00e9 pour correspondre \u00e0 l’image de marque de votre entreprise.<\/p>\n\n\n\n

Horizontal et Vertical<\/strong><\/p>\n\n\n\n

L’option de largeur vous permet de s\u00e9lectionner l’\u00e9paisseur de la bordure horizontalement ou verticalement.<\/p>\n\n\n\n

Flou<\/strong><\/p>\n\n\n\n

Vous pouvez personnaliser le bord de votre bordure pour le rendre flou et r\u00e9duire la nettet\u00e9 du bord.<\/p>\n\n\n\n

\u00c9tendue<\/strong><\/p>\n\n\n\n

Cela vous aidera \u00e0 \u00e9tendre le coin de votre bordure et \u00e0 le courber.\"Image\"<\/p>\n\n\n\n

Style des Champs<\/strong><\/h2>\n\n\n\n

Style des Champs – Arri\u00e8re-plan<\/strong><\/p>\n\n\n\n

Dans la section Style des Champs, personnalisez l’apparence de votre formulaire en ajoutant des bordures et des couleurs. Pour changer la couleur de l’arri\u00e8re-plan, cliquez sur la case de couleur et s\u00e9lectionnez une couleur ou ajoutez un code personnalis\u00e9.<\/p>\n\n\n\n

Style des Champs – Couleur de la Police<\/strong><\/p>\n\n\n\n

Vous pouvez am\u00e9liorer l’apparence de votre formulaire en modifiant la couleur de la police. Cliquez sur la case de couleur pour s\u00e9lectionner une couleur, ou tapez votre code de couleur personnalis\u00e9 dans le champ pr\u00e9vu \u00e0 cet effet.<\/p>\n\n\n\n

Style des Champs – Bordure<\/strong><\/p>\n\n\n\n

Vous pouvez ajouter des bordures en choisissant un type de bordure dans le menu d\u00e9roulant, tel que pointill\u00e9, en tirets, en ligne ou aucune. La largeur de la bordure peut \u00eatre ajust\u00e9e en ajoutant un nombre ou en utilisant les fl\u00e8ches haut et bas. Pour changer la couleur de la bordure, cliquez sur l’ic\u00f4ne de couleur et s\u00e9lectionnez une option ou tapez un code personnalis\u00e9.<\/p>\n\n\n\n

Style des Champs – Rayon des Coins<\/strong><\/p>\n\n\n\n

Vous pouvez arrondir les coins en ajoutant un rayon. Plus le nombre que vous tapez dans le champ est \u00e9lev\u00e9, plus les coins seront arrondis.<\/p>\n\n\n\n

Style des Champs – Largeur<\/strong><\/p>\n\n\n\n

Il est \u00e9galement possible de modifier la largeur du champ en ajoutant un nombre dans le champ pr\u00e9vu \u00e0 cet effet. Plus le nombre est \u00e9lev\u00e9, plus la largeur du champ sera grande.\"Image\"<\/p>\n\n\n\n

Style des Champs – Espacement (Padding)<\/strong><\/h2>\n\n\n\n

Espacement<\/strong><\/p>\n\n\n\n

Diff\u00e9rentes options d’espacement sont disponibles pour ajuster votre formulaire. Selon l’option d’\u00e9dition sur laquelle vous travaillez, les param\u00e8tres ne s’appliqueront qu’\u00e0 cette option sp\u00e9cifique. Par exemple, l’\u00e9dition de l’espacement inf\u00e9rieur.<\/p>\n\n\n\n

Espacement Gauche, Droit, Haut et Bas<\/strong><\/p>\n\n\n\n

Ces quatre (4) champs d’espacement permettent de d\u00e9placer le formulaire vers la gauche, la droite, le haut ou le bas selon le champ sur lequel vous cliquez. Il vous suffit de taper un nombre dans le champ pr\u00e9vu \u00e0 cet effet pour ajouter de l’espacement en fonction de vos pr\u00e9f\u00e9rences.\"Image\"<\/p>\n\n\n\n

Style des Champs – Ombre<\/strong><\/h2>\n\n\n\n

L’option d’ombre vous permet de personnaliser la bordure de votre formulaire, y compris la couleur, la taille, la largeur et le rayon.<\/p>\n\n\n\n

Couleur<\/strong><\/p>\n\n\n\n

Ici, vous pouvez choisir une couleur pour votre bordure. S\u00e9lectionnez une couleur en cliquant sur l’ic\u00f4ne de couleur, ou saisissez un code de couleur personnalis\u00e9 pour correspondre \u00e0 l’image de marque de votre entreprise.<\/p>\n\n\n\n

Horizontal et Vertical<\/strong><\/p>\n\n\n\n

L’option de largeur vous permet de s\u00e9lectionner l’\u00e9paisseur de la bordure horizontalement ou verticalement.<\/p>\n\n\n\n

Flou<\/strong><\/p>\n\n\n\n

Vous pouvez personnaliser le bord de votre bordure pour le rendre flou et r\u00e9duire la nettet\u00e9 des bords.<\/p>\n\n\n\n

\u00c9cartement<\/strong><\/p>\n\n\n\n

Cela vous aidera \u00e0 \u00e9tendre le coin de votre bordure et \u00e0 le courber.\"Image\"<\/p>\n\n\n\n

\u00c9tiquette<\/strong><\/h2>\n\n\n\n

Couleur<\/strong><\/p>\n\n\n\n

Dans la section \u00c9tiquette, personnalisez l’apparence de votre formulaire en ajoutant des couleurs. Pour changer la couleur de l’\u00e9tiquette, cliquez sur la case de couleur et s\u00e9lectionnez une couleur ou ajoutez un code personnalis\u00e9.<\/p>\n\n\n\n

Famille de Polices<\/strong><\/p>\n\n\n\n

Cela vous permet de s\u00e9lectionner le style de police pour votre \u00e9tiquette. Cliquez sur le menu d\u00e9roulant et choisissez une police que vous souhaitez utiliser pour l’\u00e9tiquette du champ.<\/p>\n\n\n\n

Taille<\/strong><\/p>\n\n\n\n

Ici, vous pouvez s\u00e9lectionner la taille de la police de votre \u00e9tiquette en saisissant un nombre dans le champ.<\/p>\n\n\n\n

Poids<\/strong><\/p>\n\n\n\n

Cela vous permet de rendre la police que vous avez choisie pour votre \u00e9tiquette plus \u00e9paisse, en la mettant en gras. Tapez un nombre dans le champ donn\u00e9 pour changer le poids. Plus le nombre est \u00e9lev\u00e9, plus la police sera en gras.\"Image\"<\/p>\n\n\n\n

\u00c9tiquette Courte<\/strong><\/h2>\n\n\n\n

Couleur<\/strong><\/p>\n\n\n\n

Dans la section \u00c9tiquette Courte, personnalisez l’apparence de votre formulaire en ajoutant des couleurs. Pour changer la couleur de l’\u00e9tiquette courte, cliquez sur la case de couleur et s\u00e9lectionnez une couleur ou ajoutez un code personnalis\u00e9.<\/p>\n\n\n\n

Famille de Polices<\/strong><\/p>\n\n\n\n

Cela vous permet de s\u00e9lectionner le style de police pour votre \u00e9tiquette courte. Cliquez sur le menu d\u00e9roulant et choisissez une police que vous souhaitez utiliser pour l’\u00e9tiquette courte.<\/p>\n\n\n\n

Taille<\/strong><\/p>\n\n\n\n

Ici, vous pouvez s\u00e9lectionner la taille de la police de votre \u00e9tiquette courte en saisissant un nombre dans le champ.<\/p>\n\n\n\n

Poids<\/strong><\/p>\n\n\n\n

Cela vous permet de rendre la police que vous avez choisie pour votre \u00e9tiquette courte plus \u00e9paisse, en la mettant en gras. Tapez un nombre dans le champ donn\u00e9 pour changer le poids. Plus le nombre est \u00e9lev\u00e9, plus la police sera en gras.\"Image\"<\/p>\n\n\n\n

Espace r\u00e9serv\u00e9<\/strong><\/h2>\n\n\n\n

Couleur<\/strong><\/p>\n\n\n\n

Dans la section Espace r\u00e9serv\u00e9, personnalisez l’apparence de votre formulaire en ajoutant des couleurs. Pour changer la couleur de l’espace r\u00e9serv\u00e9, cliquez sur la case de couleur et s\u00e9lectionnez une couleur ou ajoutez un code personnalis\u00e9.<\/p>\n\n\n\n

Famille de Polices<\/strong><\/p>\n\n\n\n

Cela vous permet de s\u00e9lectionner le style de police pour votre espace r\u00e9serv\u00e9. Cliquez sur le menu d\u00e9roulant pour choisir la police que vous souhaitez utiliser.<\/p>\n\n\n\n

Taille<\/strong><\/p>\n\n\n\n

Cliquez sur cette section pour s\u00e9lectionner la taille de la police de votre espace r\u00e9serv\u00e9 et tapez un nombre dans la case pour d\u00e9finir la taille de la police.<\/p>\n\n\n\n

Poids<\/strong><\/p>\n\n\n\n

Cela vous permet de rendre la police que vous avez choisie pour votre espace r\u00e9serv\u00e9 plus \u00e9paisse, en la mettant en gras. Tapez un nombre dans le champ donn\u00e9 pour ajouter du poids \u00e0 la police de l’espace r\u00e9serv\u00e9. Plus le nombre est \u00e9lev\u00e9, plus la police sera en gras.\"Image\"<\/p>\n\n\n\n

CSS Personnalis\u00e9<\/strong><\/h2>\n\n\n\n

Vous pouvez ajouter du CSS personnalis\u00e9 \u00e0 votre formulaire dans la bo\u00eete CSS Personnalis\u00e9 pour modifier le design de vos formulaires, comme les formes, les couleurs, les boutons des champs de saisie, et plus encore.<\/p>\n\n\n\n

Consultez un d\u00e9veloppeur web familiaris\u00e9 avec le CSS si vous n’\u00eates pas \u00e0 l’aise avec cette option.\"Image\"<\/p>\n\n\n\n

Image de Fond<\/strong><\/h2>\n\n\n\n

L’image de fond est destin\u00e9e \u00e0 couvrir l’ensemble de la page, offrant un arri\u00e8re-plan visuellement attrayant pour le formulaire.<\/p>\n\n\n\n

Pour voir l’image de fond, cliquez sur l’option Pr\u00e9visualiser.\"Image\"<\/p>\n\n\n\n

Image d\u2019En-t\u00eate<\/strong><\/h2>\n\n\n\n

L’image d’en-t\u00eate est con\u00e7ue pour couvrir toute la largeur du formulaire et reste positionn\u00e9e en haut du formulaire.<\/p>\n\n\n\n

Pour voir l’image d’en-t\u00eate, cliquez sur l’option Pr\u00e9visualiser.\"Image\"<\/p>\n\n\n\n

Divers<\/strong><\/h2>\n\n\n\n

Marque de l’Agence<\/strong><\/p>\n\n\n\n

Dans la section Divers, activez ou d\u00e9sactivez l’option Marque de l’Agence pour afficher ou retirer la marque de l’agence en bas de votre formulaire. La d\u00e9sactivation permet de placer votre formulaire dans un autre entonnoir que celui de l’agence.\"Image\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Pour modifier les aspects visuels de votre formulaire, acc\u00e9dez \u00e0 l’Onglet Styles dans le cr\u00e9ateur de formulaires. Dans cette section, vous pouvez personnaliser l’apparence de votre formulaire en ajustant des \u00e9l\u00e9ments tels que les couleurs, les bordures et d’autres fonctionnalit\u00e9s de design. La personnalisation de l’apparence de votre formulaire vous permet de cr\u00e9er une exp\u00e9rience ..<\/p>\n

<\/div>\n

Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-4129","post","type-post","status-publish","format-standard","hentry","category-sites"],"_links":{"self":[{"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/posts\/4129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/comments?post=4129"}],"version-history":[{"count":2,"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/posts\/4129\/revisions"}],"predecessor-version":[{"id":5617,"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/posts\/4129\/revisions\/5617"}],"wp:attachment":[{"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/media?parent=4129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/categories?post=4129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guide.meriaky.com\/fr\/wp-json\/wp\/v2\/tags?post=4129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}