Guide utilisateur
Avant d’implémenter Form sur votre site web, merci de partager votre URL avec notre équipe.
Copiez le code d’intégration disponible dans l’application Gigz en vous rendant sur la page "Connect" dans la section "Form". Puis cliquez sur le bouton « Copy the script ».
Ajoutez le code au fichier HTML de la page concernée.
Personnalisation
Pour personnaliser l’apparence de votre formulaire, vous pouvez appliquer des propriétés de style aux éléments suivants. Les valeurs doivent être insérées entre guillemets.
Conteneur (Formulaire) :
form-flex-direction : modifie l’orientation du contenu (« row » ou « column »)
form-gap : définit l’espacement entre les champs (ex : « 8px »)
form-background-color : change la couleur d’arrière-plan du formulaire (ex : « blue »)
form-border-style : modifie le style de la bordure (ex : « dashed »)
form-border-width : modifie l’épaisseur de la bordure (ex : « 2px »)
form-border-color : change la couleur de la bordure (ex : « green »)
form-border-radius : arrondit les coins du formulaire (ex : « 8px »)
form-padding : définit l’espacement intérieur du formulaire (ex : « 12px »)
form-max-width : définit la largeur maximale du formulaire (ex : « 400px »)
Champs et menu déroulant :
input-border-style : définit le style de la bordure (ex : « solid », « dashed », « dotted »)
input-border-color : change la couleur de la bordure (ex : « #000 », « red »)
input-border-width : définit l’épaisseur de la bordure (ex : « 1px », « 2px »)
input-border-radius : crée des coins arrondis sur les champs (ex : « 5px », « 24px »)
input-font-size : contrôle la taille de la police (ex : « 16px », « 24px »)
input-padding : définit l’espacement intérieur du champ (ex : « 8px », « 12px »)
input-background-color : change la couleur d’arrière-plan du champ (ex : « white », « #f0f0f0 »)
Bouton :
button-background-color : change la couleur d’arrière-plan du bouton (ex : « blue », « #0032FA »)
button-color : change la couleur du texte du bouton (ex : « white », « #FFF »)
button-border : définit le style et la couleur de la bordure du bouton (ex : « none », « 1px solid red »)
button-border-radius : crée des coins arrondis sur le bouton (ex : « 6px », « 12px »)
button-padding : définit l’espacement intérieur du bouton (ex : « 10px 12px », « 8px 16px »)
button-font-size : contrôle la taille du texte du bouton (ex : « 14px », « 18px »)
button-width : définit la largeur du bouton (ex : « 100% », « 200px »)
button-height : définit la hauteur du bouton (ex : « auto », « 40px »)