Comment utiliser l'éditeur de formulaires de Sarbacane Sunrise ?

L'éditeur de formulaires de Sarbacane Sunrise vous permet de créer de manière simple et rapide un formulaire, et de l'intégrer facilement sur votre site. Vous n'avez pas besoin de compétence technique particulière pour créer un formulaire.

Les formulaires sont très utiles pour collecter de nouveaux inscrits depuis votre site, enregistrer des inscriptions à un événement, ou encore envoyer un questionnaire à vos clients. 

Vous trouverez toutes les informations relatives aux différents types de formulaires ainsi que leurs divers modes d'intégration dans la rubrique "Formulaires" de ce manuel d'utilisation.

Nous nous attarderons ici sur la partie "édition" du formulaire, c'est à dire sur la conception du formulaire en lui même et les nombreuses options de mise en forme qui peuvent lui être appliquées. 

Nous passerons en revue chaque élément de l'éditeur de formulaires :    Interface   |  Contenus   |  Styles   |  Actions

Préambule

L'éditeur de formulaire est identique d'un formulaire à l'autre, quel que soit le type de formulaire sélectionné au préalable.

Seule exception à la règle, l'option "double opt-in" n'est accessible que lorsque vous créez un formulaire de type "Inscription / mise à jour".

Vous accéderez au FormBuilder sur l'étape "édition" lors du process de création de vos formulaires, quel que soit le type que vous aillez choisi.

Par défaut, un formulaire préformaté vous est proposé par Sarbacane Sunrise. Vous avez tout le loisir de le modifier comme bon vous semble : 

Interface

À l'instar de l'EmailBuilder de Sarbacane Sunrise, l'éditeur de formulaires repose sur le principe de Drag & Drop ("glisser-déposer" en français).

Le volet de droite vous permet de modifier les contenus et les styles de votre formulaire, ou encore de rédiger un message de remerciement pour les personnes l'ayant complété.

Il est possible d'augmenter la taille de votre plan de travail afin de gagner en confort d'utilisation.

• Augmentez la largeur de votre plan de travail en repliant le volet de droite 
  
  Cliquez sur ce bouton, situé en haut du volet de droite pour replier le volet. Cette action sera réversible en cliquant à nouveau sur ce bouton.
  
  

• Augmentez la hauteur de votre plan de travail en passant en mode "plein écran"
  
  Cliquez sur ce bouton, situé en haut à droite de votre plan de travail, pour masquer la colonne de gauche et la barre d'en-tête.
  
  
  

Par défaut, le mode d'affichage de votre plan de travail est en version "desktop", c'est à dire que vous visualisez votre formulaire comme s'il était consulté sur un ordinateur.

Vous pouvez visualiser le rendu de votre formulaire en version "Smartphone" en cliquant sur le bouton "switch" situé au dessus de votre plan de travail. 

Vous pouvez également visualiser le rendu de votre formulaire sur une page web en cliquant sur le bouton    situé en haut à doite de votre plan de travail.

Contenu

À l'inverse de l'EmailBuilder, vous n'avez pas à créer un bloc avant d'y déposer un contenu. 

Le formulaire en lui-même est composé d'un seul est unique bloc dans lequel il n'est possible de déposer que des contenus de type "Question".

Les autres types de contenus peuvent être déposés soit en dessous, soit au-dessus du formulaire et représentent en eux-mêmes un bloc de contenu. Il n'est pas possible, par exemple, de déposer une image, du texte ou une Google Map au sein du formulaire. 

Questions  |  Image   |  Texte   |  Espace   |  Séparateur   |  Image flottante   |  Google Maps

 Question  

 Ce contenu est le seul que vous puissiez déposer au sein même de votre formulaire.

Il vous permet d'insérer une nouvelle "question". L'intitulé "Question" peut porter à confusion, dans la mesure où il ne s'agit pas forcément d'une interrogation. Il s'agit davantage d'une information que vous souhaitez obtenir de vos contacts. Cette information peut être obligatoire ou non, à vous d'en décider.

Pour insérer ce contenu, cliquez sur celui-ci et glissez-déposez-le directement sur le plan de travail, au sein du conteneur principal du formulaire. Le contenant se met en surbrillance lorsque vous êtes sur le point d'y ajouter votre question pour vous indiquer que vous pouvez le déposer à cet endroit.

Il existe un autre moyen de créer une nouvelle question : cliquez directement sur le bouton "+" situé sous la dernière question de votre formulaire.

 Une fois que vous avez déposé une nouvelle question, plusieurs actions sont possibles sur celle-ci : vous pouvez la déplacer, la supprimer, ou l'éditer.

Pour éditer une question, cliquez sur le bouton "Éditer" qui apparaît lorsque vous survolez votre question.

Une nouvelle fenêtre intitulée "Propriétés de la question" apparaît alors. 

Pour les formulaires de type "Inscription / mise à jour"  vous devez établir une correspondance entre cette question et un champ de votre liste de contacts, afin que les données saisies par les personnes qui remplissent votre formulaire puissent remonter dans les bonnes colonnes de votre liste. Par exemple, si vous insérez un champ "Prénom" dans votre formulaire, il faudra que les données saisies dans ce champ remontent correctement dans le champ "Prénom" de votre liste de contacts.

Pour les formulaires de type "Événement" ou "Questionnaire", il n'est pas nécessaire d'établir de correspondance, vos données n'étant pas remontées dans une liste de contact existante.

Fenêtre "propriétés de la question" d'un type de formulaire "Inscription / Mise à jour"    VS.   Types "Événement" ou  "Questionnaire"

C'est à ce niveau que vous allez pouvoir choisir le type de question que vous souhaitez ajouter à votre formulaire : 

Quel que soit le type de champ sélectionné, vous pouvez personnaliser l'intitulé du champ sur votre formulaire, en double-cliquant dessus : 

Type "Simple champ texte"

Ce type de question vous permet d'insérer un champ de saisie libre.

Il est particulièrement adapté pour des réponses textuelles ne nécessitant pas de format particulier, comme par exemple les noms, prénoms, ou encore les adresses...

Il n'est pas recommandé d'utiliser ce type de question pour demander une adresse email par exemple. En effet, il est préférable de vérifier que les réponses de vos contacts seront bien des adresses email et répondent bien à un format "email". Pour cela, il existe un type de question "champ email".

De la même manière, il n'est pas recommandé d'utiliser ce type de champ pour les questions ouvertes. Il existe un type "champ multiligne" qui permet d'afficher une zone de saisie plus importante qu'un simple champ texte. 

Type "Numéro"

Ce type de champ est approprié pour de la saisie de caractères numériques (par exemple : "code postal" ou "numéro de rue") : seuls les caractères numériques pourront être tapés dans ce type de champ.

N'utilisez pas ce type de champ pour l'insertion d'un numéro de téléphone. Il existe un type "Téléphone" prévu à cet effet.

Type "Champ email"

Ce type de champ est approprié pour l'insertion d'une adresse email. 

L'intérêt d'associer ce type de champ, et non pas un type "simple champ texte" est le suivant : un message d'erreur s'affichera lorsqu'une personne ne saisira pas une adresse email valide dans votre formulaire. 

Type "Téléphone"

Ce type de champ est approprié pour l'insertion d'un numéro de téléphone.

Vos contacts ne pourront insérer que tu contenu numérique dans ce champ. 

Type "date"

Ce type de champ est approprié pour l'insertion d'une donnée de type "date". Par exemple, il est utile si vous souhaitez demander une date de naissance.

Lorsque vous sélectionnez ce type de question, un menu déroulant vous permet de déterminer le format de date qui vous convient (d = jour ; m = mois; y = année).

Type "Champ multiligne"

Ce type de champ est approprié lorsque vous souhaitez demander des informations de type texte qui peuvent prendre plusieurs lignes d'écriture.

Le coin en bas à droite de ce champ vous permet d'agrandir ou de diminuer la taille de la zone de saisie comme bon vous semble.

Type "Liste déroulante"

Ce type de champ est approprié lorsque vous souhaitez proposer des choix prédéfinis à vos contacts : 

Vous pouvez supprimer des options en cliquant sur la croix en face de chacune d'elles. Vous pouvez également ajouter des options en cliquant sur le bouton "+" situé à droite des options.

Le rendu visuel de votre menu déroulant sera différent lorsque votre formulaire sera publié : il ne sera pas présenté sous forme d'arbre (comme ci-dessus) mais sous forme de liste déroulante (comme ci-dessous). 

Vous pouvez atteindre le même objectif en créant une question à choix unique. Cependant, la liste déroulante est plus appropriée lorsque vous avez un grand nombre de choix de réponses possibles. Libre à vous de choisir le format qui correspond le mieux à vos besoins.

Type "Choix multiples"

Ce type de champ est approprié lorsque vous souhaitez proposer plusieurs choix de réponse possibles à vos contacts.

Vous pouvez ajouter autant de choix de réponse que vous le souhaitez en cliquant sur le bouton "+".

Dans la fenêtre "propriétés de la question" vous avez la possibilité de déterminer si vous souhaitez afficher chaque choix l'un à la suite de l'autre, ou l'un au-dessus de l'autre.

Type "Choix unique"

Ce type de champ est approprié lorsque vous souhaitez proposer plusieurs choix de réponse  à vos contacts, mais qu'ils ne doivent en sélectionner qu'un seul.

À l'instar des questions de type "Choix multiples", vous pouvez ajouter autant de choix de réponse que vous le souhaitez, et vous pouvez aligner vos réponses les unes à la suite des autres, ou les unes au-dessus des autres.

La grande différence avec le "Choix multiple" vient du fait qu'un bouton radio est inséré à la place d'une case à cocher, ce qui limite le choix à une seule réponse.

Type "Champ caché"

Ce type de champ vous permet d'insérer une valeur par défaut (information) qui sera envoyée automatiquement à votre liste. Cette information sera ainsi ajoutée dans une colonne de votre choix, nouvelle ou déjà existante, lorsque votre formulaire sera validé par un visiteur. Ce champ n'est pas visible ni modifiable par le visiteur.

Exemple d'utilisation : 

Je dispose d'une liste "Newsletter" et je souhaite savoir d'où proviennent les contacts qui ont validé le formulaire d'inscription à ma newsletter.

Je crée un formulaire X (lié à ma liste "Newsletter") que j'intègre sur la page d'accueil de mon site. J'insère un champ caché dans une nouvelle colonne "Provenance" avec une valeur par défaut « Home Page » dans ce formulaire.
Je crée un formulaire Y (lié à ma liste "Newsletter") que j'intègre sur mon blog. J'insère un champ caché dans une nouvelle colonne "Provenance" avec une valeur par défaut « Blog » dans ce formulaire.
Et ainsi de suite...

Lorsqu'un nouveau contact sera intégré dans ma liste après avoir validé l'un de mes formulaires, je serai en mesure de déceler sa provenance, grâce à la valeur par défaut qui sera insérée dans la colonne "Provenance" de ma liste. Je pourrai ainsi, en triant ma liste ou en effectuant un ciblage, différencier les inscrits via mon blog ou via la page d'accueil de mon site.

En illustrations :

Les données de mon champ caché viendront s'incrémenter dans la colonne "Provenance" de ma liste 

Je définie une valeur par défaut pour mon champ caché. Dans l'exemple ci-dessous, la valeur "Home page" sera attribué à chaque nouveau contact créé via ce formulaire.

Sur mon formulaire publié, le champ caché est bel et bien invisible : 

Le contact ayant validé mon formulaire rentre dans ma liste avec la valeur "Home page" qui lui est attribuée par défaut 

Réponses obligatoires ou facultatives

Lorsque vous éditez une question, l'option "Réponse obligatoire" est disponible en bas de la fenêtre "Propriétés de la question".

Si l'option est activée, la question sera rendue obligatoire et le formulaire ne pourra pas être validé sans réponse à votre question. 

Si l'option est désactivée, la question sera facultative et le formulaire pourra être validé sans que le contact n'y ait répondu.

 Image

Ce contenu vous permet d'insérer une image au dessus ou en-dessous du formulaire.

Pour insérer ce contenu, cliquez sur celui-ci et glissez-déposez-le directement sur le plan de travail. Le contenant se met en surbrillance lorsque vous êtes sur le point d'y ajouter votre contenu pour vous indiquer que vous pouvez le déposer à cet endroit.

Une fois que vous l'avez déposé, plusieurs actions sont possibles sur ce type de contenu lorsque vous le survolez :

•  Choisir une image vous permet de sélectionner une image 
  
  
  Parcourir : vous permet de sélectionner une image en parcourant les fichiers sur votre ordinateur
  
  Banque d'images : vous permet de sélectionner une image depuis la banque d'images gratuites de Sarbacane Sunrise
  
  Depuis une URL : vous permet d'insérer une image en insérant le lien d'hébergement de votre image
  
  Insérer une variable : si votre liste de destinataire comporte une colonne "image" dans laquelle sont répertoriés des liens vers des images pour chaque destinataire, votre image sera personnalisée en fonction de chacun de vos destinataires. En savoir plus sur les champs de personnalisation dynamiques.
  
  
  
  
  

• Cloner l'image : vous permet de créer un double de votre image. La nouvelle image est automatiquement ajoutée sous l'image initiale, dans le même contenant que celui de l'image initiale

• Déplacer l'image : vous permet de modifier l'emplacement actuel de votre image. Glissez-déposez l'image à un autre emplacement de votre formulaire.

• Supprimer l'image : vous permet de supprimer l'image de votre formulaire. Un bouton "confirmer" apparaitra lorsque vous aurez cliqué sur "supprimer l'image". Vous devrez alors confirmer la suppression pour que celle-ci soit effective.

• Éditer l'image : le bouton "éditer" apparaît une fois que vous avez inséré votre image.  Lorsque vous cliquez sur ce bouton, une fenêtre "Propriétés de l'image" apparait. Vous pouvez également accéder directement aux propriétés de votre image en cliquant sur celle-ci.

Vous pouvez alors modifier les dimensions de l'image en ajustant la largeur et la hauteur (en pixels) de celle-ci. Un pictogramme en forme de cadenas vous permet de gérer les dimensions de votre image tout en conservant les proportions initiales entre hauteur et largeur (cadenas vérouillé) ou en gérant ces dimensions de manière indépendantes l'une de l'autre (cadenas dévérouillé). Nous vous conseillons d'éviter au maximum d'étirer ou d'écraser votre image en modifiant les dimensions de votre image après avoir dévérouillé le cadenas. Cela aura pour effet de la déformer et le rendu esthétique sera dégradé.

Vous pouvez également gérer l'alignement de votre image au sein du bloc dans lequel elle est incorporée : alignez votre image à gauche, au centre, ou à droite du contenant selon vos préférences.

Enfin, vous pouvez insérer un lien cliquable sur votre image, ainsi qu'une légende (texte alternatif affiché en cas de non téléchargement de votre image par le client de messagerie de votre destinataire).




       

• Retoucher l'image : Lorsque vous avez cliqué sur "éditer l'image" et que la fenêtre "Propriétés de l'image" apparaît, cliquez sur le bouton "Retoucher" situé en haut de celle-ci. Vous aurez alors accès à l'éditeur d'image intégré de Sarbacane Sunrise qui vous permettra d'apporter un large choix de corrections à votre image afin d'en améliorer le rendu visuel. 
  
  
  
   

 Texte

Ce contenu vous permet d'insérer une zone de texte au dessus ou en-dessous du formulaire.

Pour insérer ce contenu, cliquez sur celui-ci et glissez-déposez-le directement sur le plan de travail. Le contenant se met en surbrillance lorsque vous êtes sur le point d'y ajouter votre contenu pour vous indiquer que vous pouvez le déposer à cet endroit.

Une fois que vous avez déposé votre zone de texte, plusieurs actions vous permettent de customiser votre texte :

Lorsque vous cliquez au sein de votre texte, un éditeur apparaît, et vous permet d'appliquer la plupart des mises en formes de votre logiciel de traitement de texte habituel, notamment (de gauche à droite) :

• Changer de police
• Augmenter / diminuer la taille de la police
• Mettre de la couleur sur votre texte
• Mettre en gras
• Mettre en italique
• Souligner du texte
• Barrer du texte
• Mettre en indice
• Mettre en exposant
• Augmenter / diminuer l'interligne
• Aligner votre texte (gauche, droite, centré, justifié)
• Insérer une liste de puces
• Insérer une liste numérotée
• Insérer un champ de personnalisation dynamique
• Appliquer un style (Titre 1, Titre 2, Paragraphe)
• Appliquer une couleur d'arrière-plan à votre texte
• Insérer une image flottante au sein de votre texte
• Insérer un lien
• Supprimer un lien existant

A l'instar des autres contenus, vous pouvez déplacer, cloner ou supprimer vos textes.

 Espace

Ce contenu vous permet d'insérer un espacement vertical au dessus ou en-dessous du formulaire.

Pour insérer ce contenu, cliquez sur celui-ci et glissez-déposez-le directement sur le plan de travail. Le contenant se met en surbrillance lorsque vous êtes sur le point d'y ajouter votre contenu pour vous indiquer que vous pouvez le déposer à cet endroit.

Une fois que vous l'avez déposé, plusieurs actions sont possibles sur ce type de contenu lorsque vous le survolez : vous pouvez notamment régler la hauteur de cet espace vertical, de 10 pixels minimum à 100 pixels maximum.

A l'instar des autres contenus, vous pouvez déplacer, cloner ou supprimer celui-ci.

 Séparateur

Ce contenu vous permet d'insérer un séparateur horizontal au dessus ou en-dessous du formulaire.

Pour insérer ce contenu, cliquez sur celui-ci et glissez-déposez-le directement sur le plan de travail. Le contenant se met en surbrillance lorsque vous êtes sur le point d'y ajouter votre contenu pour vous indiquer que vous pouvez le déposer à cet endroit.

Une fois que vous l'avez déposé, plusieurs actions sont possibles sur ce type de contenu lorsque vous le survolez :

Vous pouvez notamment personnaliser la couleur, l'épaisseur ainsi que le style du séparateur en cliquant sur le bouton "Propriétés du séparateur".

A l'instar des autres contenus, vous pouvez déplacer, cloner ou supprimer celui-ci.

 Image flottante

Ce contenu vous permet d'insérer une image flottante, c'est à dire une image entourée d'un autre contenu (généralement du texte) en dessous ou au-dessus de votre formulaire.

Pour insérer ce contenu, cliquez sur celui-ci et glissez-déposez-le directement sur le plan de travail. Le contenant se met en surbrillance lorsque vous êtes sur le point d'y ajouter votre contenu pour vous indiquer que vous pouvez le déposer à cet endroit.

Une fois que vous l'avez déposé, plusieurs actions sont possibles sur ce type de contenu lorsque vous le survolez :

Au survol de l'image, une icône symbolisant un engrenage apparait. Cliquez sur l'engrenage afin d'insérer une image.

Un menu déroulant apparaît afin de vous demander d'insérer une image. Les modes d'insertion sont identiques à ceux décrits dans la section concernant le type de contenu "image".

 Sélectionnez l'image de votre choix avec la méthode qui vous convient le mieux.

Une fois votre image insérée, un bouton "propriété" apparait dans le menu déroulant lorsque vous cliquez sur votre image.

Cliquez sur ce bouton pour accéder aux paramètres de celle-ci :  

Une nouvelle fenêtre de paramètres apparaît alors à l'écran : 

• Retoucher : vous permet d'accéder à l'éditeur d'image de Sarbacane Sunrise afin d'y apporter les corrections souhaitées
  
  
• Largeur / Hauteur : vous permet d'augmenter ou de diminuer les dimensions de votre image. Un cadenas vous permet d'augmenter ces dimensions proportionnellement (cadenas vérouillé) ou disproportionnellement (cadenas dévérouillé). Nous vous conseillons toutefois d'éviter de modifier les dimensions de votre image de manière disproportionnée, cela aura pour effet d'étirer ou d'écraser votre image et le rendu sera peu esthétique.
  
  
• Alignement : vous permet de placer votre image en haut à gauche, ou en haut à droite de votre contenu textuel.
  
  
• Marge : vous permet d'ajuster la marge autour de votre image. Plus votre marge est faible, plus le texte sera rapproché de votre image.
  
  
• Lien : permet d'insérer un lien sur votre image afin de la rendre cliquable par vos destinataires. Renseignez l'URL de votre choix dans ce champ.
  
  
• Légende : permet d'ajouter un texte alternatif à votre image. Ce texte ne sera pas visible sur Sarbacane Sunrise, mais dans le cas où les images de votre formulaire ne pourraient être affichées, ce texte alternatif s'afficherait en lieu et place de celles-ci. Décrivez au mieux ce que représente votre image dans le champ prévu à cet effet.
  
  

A l'instar des autres types de contenus, l'image flotante peut être dupliquée, déplacée ou supprimée grâce aux boutons d'actions qui apparaissent au survol du contenu. 

 Google Maps

Ce contenu vous permet d'insérer une carte géographique (générée par Google Maps) en dessous ou au-dessus de votre formulaire.

Une carte Google Maps est automatiquement insérée lors de la création d'un formulaire de type "Événement".

Pour insérer ce contenu manuellement, cliquez sur celui-ci et glissez-déposez-le directement sur le plan de travail. Le contenant se met en surbrillance lorsque vous êtes sur le point d'y ajouter votre contenu pour vous indiquer que vous pouvez le déposer à cet endroit.

Une fois que vous l'avez déposé, plusieurs actions sont possibles sur ce type de contenu lorsque vous le survolez :

Cliquez sur "Générer le plan" afin de valider la création de l'image de la carte Google Maps.

Il ne s'agit pas d'une carte intéractive, mais d'un cliché de l'emplacement de l'adresse indiquée.

Un bouton "Éditer l'image" vous permet d'accéder aux paramètres de l'image.

• Dimensions : si "pleine largeur" est sélectionné, l'image occupera 100% de la largeur maximum qui lui est allouée, c'est à dire 100% de la largeur du contenant. Si "personnalisée" est sélectionné, vous pourrez adapter la largeur et la hauteur de votre image comme bon vous semble. Le cadenas vérouillé vous permet d'ajuster les dimensions de la largeur proportionnellement à celles de la hauteur afin de ne pas étirer ou écraser votre image. Vous pouvez dévérrouiller le cadenas afin d'ajuster la largeur ou la hauteur indépendamment l'une de l'autre, mais cela n'est pas conseillé pour des questions d'esthétisme. 
  
  
• Alignement : Une fois que la taille de votre image vous convient, l'option "Alignement" vous permet de positionner votre image à gauche, à droite, ou au centre de votre contenant. L'option d'alignement n'est disponible que si vous avez choisi une dimension "personnalisée" (dans le cas d'une dimension "pleine largeur" la question de l'alignement de votre carte ne se pose pas puisque celle-ci occupe toute la largeur de votre contenant).
  
  
• Lien : vous pouvez rendre l'image de votre carte cliquable en y insérant un lien. Vous pouvez par exemple renvoyer vos destinataires vers les coordonnées de votre adresse sur Google Maps afin qu'il puissent naviguer sur celle-ci et éventuellement tracer un itinéraire depuis leur position actuelle (c'est d'ailleurs le lien par défaut qui est inséré par Sarbacane Sunrise). Vous pouvez aussi choisir de les renvoyer vers votre site Web. Libre à vous de personnaliser le lien comme bon vous semble.
  
  
• Légende : permet d'ajouter un texte alternatif à votre image. Ce texte ne sera pas visible sur Sarbacane Sunrise, mais dans le cas où les images de votre formulaire ne pourraient être affichées, ce texte alternatif s'afficherait en lieu et place de celles-ci. Décrivez au mieux ce que représente votre image dans le champ "légende". Dans le cas de votre image Google Maps, vous pourriez par exemple rappeler l'adresse que vous avez utilisé pour générer votre carte.

A l'instar des autres types de contenus, la Google Maps peut être dupliquée, déplacée ou supprimée grâce aux boutons d'actions qui apparaissent au survol du contenu.  

Style

Vous pouvez personnaliser l'aspect de votre formulaire en modifiant les attributs de la rubrique "Styles" située dans le volet de droite de l'éditeur de formulaires.

• Arrière plan général : vous permet de modifier la couleur d'arrière plan située autour de votre formulaire.
  
  
• Arrière plan du formulaire : vous permet de modifier la couleur d'arrière plan du formulaire en lui-même.
  
  
• Arrière plan des champs du formulaire : vous permet de personnaliser la couleur intérieur des champs du formulaire.
  
  
• Bordure des champs du formulaire : vous permet de personnaliser la couleur de la bordure des champs de votre formulaire.
  
  
• Labels et options : vous permet de customiser la couleur des intitulés au-dessus des champs, ainsi que des options lorsqu'il s'agit d'une question à choix multiples ou d'une question à choix unique.
  
  
• Placeholder : vous permet de personnaliser la couleur du texte disposé dans votre champ, en attente de saisie de texte de votre contact.
  
  
• Conteneur - Bords arrondis : permet d'arrondir les angles de votre formulaire en lui-même.
  
  
• Conteneur - Ombre portée : permet d'ajouter une ombre portée à votre formulaire en lui-même.
  
  
• Champs - Bords arrondis : permet d'arrondir les angles de votre formulaire en lui-même.
  
  
• Champs - Ombres : permet d'ajouter une ombre portée à l'intérieur de vos champs de saisie, ou à l'extérieur de vos champs de saisie.

Exemple de formulaire créé avec Sarbacane Sunrise 

Action

La rubrique "Action" du volet de droite vous permet de paramétrer un message qui sera affiché une fois que le formulaire aura été validé, ou de renvoyer la personne sur une page web de votre choix.

Dans le cas d'un formulaire de type "inscription / mise à jour" (uniquement), vous avez également la possibilité d'ajouter une confirmation d'inscription par double opt-in. C'est à dire d'envoyer un mail de demande de confirmation d'inscription à la personne qui vient de s'inscrire en remplissant le formulaire.

Le double opt-in désigne en fait une double confirmation d’inscription à votre e-mailing. Il s’oppose au single opt-in, qui désigne une confirmation unique. Il vous permet d'améliorer la qualité des inscriptions que vous générez et ainsi d'améliorer la qualité de votre base de données. Vous éviterez ainsi les inscriptions malveillantes, peu réfléchies, non sollicitées, ou les inscriptions générées par des bots ("robots").

Pour activer le double opt-in, activez le bouton switch situé en face de "vérification de l'inscription".

•  A l'insertion d'un nouveau contact : dans cette section, renseignez le titre et le texte du message qui s'affichera à l'écran pour les personnes ayant rempli votre formulaire. Prévenez-les du fait qu'ils vont recevoir un email de confirmation d'inscription et qu'ils devront cliquer sur le lien présent dans cet email pour valider définitivement leur inscription.
  
  
• Email automatique de confirmation : il s'agit ici de paramétrer l'email qui sera envoyé automatiquement lorsque votre formulaire aura été soumis. Renseigner l'objet de votre email, votre nom d'expéditeur, l'email de l'expéditeur ainsi qu'un email de réponse.