Formulaire - Design

L'onglet design vous permet de personnaliser le rendu visuel de votre formulaire et de coller à la charte graphique de votre événement.

Capture d’écran 2024-10-10 à 15.49.37

Vous avez la possibilité de choisir entre deux options pour votre formulaire : la première est une version papier, qui présente un fond d'écran et un contenu de mail centré sur un fond blanc. La seconde option, le mode Basique, propose un formulaire sans cadre, offrant ainsi une présentation plus épurée.

Capture d’écran 2024-10-10 à 15.57.00

Vous pouvez sélectionner la largeur de votre formulaire selon vos préférences : optez pour une largeur normale, large ou pleine largeur.

Capture d’écran 2024-10-10 à 15.57.56

Vous pouvez cocher ou décocher cette case afin d'afficher ou masquer la bordure de votre formulaire

Capture d’écran 2024-10-10 à 16.06.48

Couleurs

Les couleurs sont a intégrer en valeur hexadécimal.

Une couleur hexadécimale est notée au format #RRGGBB, le RR indiquant le rouge, le GG le vert, et le BB le bleu. Ces entiers hexadécimaux vont de 00 à FF pour spécifier l’intensité de la couleur.

Principale

La couleur principale s'appliquera à tous les éléments de votre formulaire : le liseré, les titres, les boutons, etc.
Si vous ne renseignez pas d'autres couleurs dans les encarts de droite, ce sera cette couleur qui s'appliquera.


Fond

La couleur de fond s'appliquera au fond de votre formulaire, derrière la totalité des textes.
Elle remplacera le blanc appliqué par défaut.


Text

Celle-ci correspond à la couleur de tous les champs de votre formulaire.
Elle remplacera le noir appliqué par défaut.

Titres

Cette encart vous permet d'insérer une couleur personnalisée pour les titres de votre formulaire.
Elle remplacera le noir appliqué par défaut.


Fonts

Cette partie vous permet d'ajouter vos polices personnalisées.

Font name

Pour insérer une police vous devez cliquer sur ce bouton 

Capture d’écran 2024-10-17 à 16.46.04

Cet encart vous permet d'entrer le nom de votre police d'écriture.
Capture d’écran 2024-10-10 à 16.02.42

Font fallbacks

Cet encart vous permet d'entrer la police de vos souhaits dans le cas où le navigateur du participant ne pourrait pas afficher votre police d'écriture et ainsi conserver une expérience utilisateur correcte.
Capture d’écran 2024-10-10 à 16.02.56

L'ajout de votre police d'écriture

Vous trouvez 4 encarts :

  • Normal : Ajout du fichier de la police d'écriture normale
  • Italic : Ajout du fichier de la police d'écriture en italique
  • Bold : Ajout du fichier de la police d'écriture en gras
  • Bold Italic : Ajout du fichier de la police d'écriture en gras et italique
    Capture d’écran 2024-10-10 à 16.02.08

Header

Cet encart vous permet d'ajouter un visuel au-dessus de votre formulaire.

Exemple

Vous pouvez ajouter un logo, une bannière ou une image d'illustration pour habiller votre formulaire.

Background

Cet encart vous permet d'ajouter un visuel de fond sur votre formulaire.
Ce dernier remplacera le fond gris présent par défaut.

Vous pouvez ajouter vos polices d'écriture, header, et fond de votre formulaire en glissant vos fichiers, ou bien, en cliquant sur l'encart puis en allant chercher directement dans les dossiers de votre ordinateur.