Comment créer un formulaire d'inscription?

Créer un formulaire d'inscription

  1. Créer un formulaire d'inscription
  2. Modifier un formulaire d'inscription
  3. Sélection de listes
  4. Partager mon formulaire

1 Créer un formulaire d’inscription

Pour commencer, allez dans Contacts puis Formulaires et  cliquez sur le bouton "Créer un formulaire d'inscription".

unnamed (80)

Donnez un nom à votre formulaire afin de pouvoir le gérer et le repérer facilement sur votre compte.

unnamed (81)

 

2 Modifier un formulaire d’inscription

De nombreuses options de personnalisation s'offrent à vous. Vous pouvez en effet modifier :

    • L'arrière-plan
    • Les polices, tailles et couleurs du texte
    • Les champs du formulaire (ajoutez autant de champs que vous le souhaitez)
    • Le texte d'instruction (qui indique aux utilisateurs la procédure à suivre pour s'inscrire)
    • Le message de confirmation (qui indique à l'utilisateur que son inscription est validée)

Nouveaux types de champs de formulaire 

  • Ajoutez des champs de formulaire pour recueillir des informations sur vos inscrits et alimenter les attributs de contacts existants (tels qu'un texte, un nombre, une date, une catégorie ou des valeurs booléennes).
  • Ajoutez une confirmation opt-in à votre formulaire afin d'enregistrer le consentement de vos inscrits à recevoir vos newsletters et e-mails promotionnels.
  • Vous pouvez aussi ajouter un champ d'inscription multi-liste afin d'autoriser vos contacts à déclarer leurs domaines d'intérêt et leurs préférences lors de l'inscription, et de les placer dans les listes correspondantes

Chaque nouveau champ de formulaire correspond à un attribut de contact ou à une liste de contacts :

    • Texte (attribut de contact)
    • Nombre (attribut de contact)
    • Date (attribut de contact)
    • Inscription multi-liste (liste de contacts)
    • Double opt-in (attribut de contact)

2.2 Personnaliser le formulaire

Vous pouvez, par un glisser-déposer, ajouter à votre formulaire divers blocs d'éléments tels qu'un titre, un texte, une image ou un séparateur, de la même manière que pour les champs du formulaire. 

unnamed (82)

Vous pouvez personnaliser :

    • La couleur ou l'image d'arrière-plan
    • Le style, le format, la couleur et la taille du texte, ainsi que l'alignement d'un titre, d'un texte, d'un label et d'un texte d'aide
    • L'arrière-plan, l'agencement, la largeur, l'alignement, les bordures, l'opacité et les angles d'un conteneur
    • Le style de police, la taille, le format et la couleur du texte d'un bouton, ainsi que la couleur, l'alignement et les angles d'un bouton
    • Le style de police, le format, la couleur, la taille et l'alignement du texte d'un message de confirmation/d'erreur, ainsi que la couleur d'arrière-plan, la couleur des bordures et les angles du message

3 Sélection de liste

Lorsque vous avez terminé de modifier l'apparence de votre formulaire, sélectionnez la (ou les) liste(s) où seront stockés vos nouveaux contacts après validation du formulaire. Attention, il faut que ce soit une liste statique, les contacts ne redescendront pas sur une liste dynamique.

unnamed (83)


Après avoir cliqué sur le bouton d'inscription du formulaire, vos contacts seront automatiquement redirigés vers l'URL que vous avez saisie, telle que http://www.mon-site-web.com, ou vers une page de confirmation. Si vous ne sélectionnez pas d'URL ni de page de confirmation, un message de confirmation d'inscription s'affichera en haut du formulaire sans changer de page. Pour mettre en place une URL de redirection, entrez votre url de site internet dans Redirection URL dans le formulaire.

unnamed (84)

4 Partager mon formulaire

Après avoir enregistré votre formulaire, vous pouvez le partager et obtenir un code pour intégrer le formulaire à votre site Web ou un lien pour effectuer un partage rapide. Il existe trois types de code :

    •  Iframe : facile à mettre en place, ce code vous permet d'intégrer le formulaire à une pop-up ou une page de votre site Web.
    • HTML : ce code vous offre bien plus de possibilités de personnalisation, telles que des animations de type Ajax pour les messages.
  • HTML simple : cette version simplifiée du code HTML du formulaire ne nécessite pas de requête JavaScript.

unnamed (85)


Bon à savoir : ce code de formulaire ne peut pas inclure de Captcha nécessitant une requête JavaScript. Enfin, collez le code sur votre site Web afin d'y afficher le formulaire.