Présentation et description de BreezingForms

Simon Grange.

 Avant de nous lancer dans la création du formulaire à proprement dite, je souhaite vous donner quelques explications.

 

BreezingForms fonctionne de la manière suivante :

Pour commencer, vous devez créer une ou plusieurs pages (cette extension vous permet donc de créer des formulaires sur plusieurs pages), ensuite, vous devez créer des sections (dans chacune de vos pages), et enfin des éléments (dans vos sections), qui seront par exemple les champs “Nom”, “Prénom” ou encore “Numéro de téléphone”.

Si vous n'avez besoin que d'un formulaire simple, aucun problème, vous pouvez tout à fait créer une seule page, qui ne contiendra qu'une seule catégorie, qui contiendra vos éléments.

Conseil : Ne créez des formulaires “Complexes” que si vous en avez un réel besoin, évitez les éléments inutils, qui seront certainement très jolis, mais qui ne serviront qu'à faire perdre du temps aux personnes qui souhaitent vous contacter.
Plus vos formulaires seront simples, et plus vos utilisateurs prendront le temps de les remplir. Ne leur faites donc pas perdre de temps, et allez directement à l'essentiel.

 

Pour créer votre formulaire, rendez vous dans Composants → BreezingForms → Formulaires puis cliquez sur l'icône Quickmode, vous arrivez sur cette page :

Edition d'un formulaire Breezingforms

Edition de formulaire avec BreezingForms

 

1 – Nouvelle page : vous permet d'ajouter une nouvelle page à votre formulaire. Vous ne pouvez ajouter des pages qu'à la racine de votre formulaire. Vous ne pouvez donc pas ajouter de page dans une autre page, ou encore dans une section.
2 – Nouvelle section : vous permet d'ajouter des sections à votre formulaire. Vous pouvez ajouter des sections aux pages de vos formulaires ou aux autres sections (ce qui vous permet donc d'avoir des sous-sections).
3 – Nouvel élément : vous permet d'ajouter des éléments à votre formulaire. Vous ne pouvez ajouter des éléments qu'aux sections de votre formulaire.
4 – L’arborescence de votre formulaire : c'est ici que vous retrouverez vos pages, sections et éléments (ici cette arborescence ne comporte que le formulaire).
5 – Propriétés : les propriétés de l'élément (Formulaire, Page, Section ou Elément) que vous êtes en train d'éditer. C'est ici donc que vous modifierez/paramétrerez vos différents éléments.
6 – Avancée : des propriétés avancées.
7 – Les propriétés de vos éléments.
8 – Enregistrer les propriétés : IMPORTANT à chaque fois que vous modifiez les propriétés d'un élément, vous devez cliquer sur ce bouton. Sinon, les modifications seront perdues.
9 – Sauver : enregistre et sauve le formulaire.

Note : Vous devez donc cliquer sur le bouton “Enregistrer les propriétés” à chaque fois que vous modifiez un élément (Formulaire, Page, Section, Elément), et cliquer sur le bouton “Sauver” pour sauver le formulaire dans son intégralité.

 

Différents types d'éléments :

BreezingForms vous propose différents types d'éléments qui vont vous permettre de construire vos formulaires :

  • Champ de texte : Un champ simple, sur une ligne, vous permettant de demander une donnée comme par exemple nom, prénom ou numéro de téléphone.
  • Zone de texte : Une zone plus importante, où vous allez demander à votre utilisateur d'entrer un texte pour par exemple expliquer un problème, décrire sa demande ou encore ajouter des informations complémentaires.
  • Groupe de bouton radio : vous permet de faire une propostion (ou de poser une question) à laquelle votre utilisateur pourra donner une (et une seule) réponse, par exemple : 
    • Genre :
      • Mademoiselle
      • Madame
      • Monsieur
  • Groupe de cases à cocher : vous permet de faire une propostion (ou de poser une question) à laquelle votre utilisateur pourra donner une ou plusieurs réponses, par exemple :
    • Vous souhaitez être contacté par :
      • Téléphone
      • Email
      • Courrier
  • Case à cocher : vous permet de placer une case unique qui pourra faire une action si elle est cochée, par exemple : cochez cette case si vous souhaitez recevoir une copie de ce mail.
  • Sélection dans une liste : vous permet de faire une proposition (ou de poser une question) à laquelle votre utilisateur pourra donner une (et une seule) réponse, représentée par une liste déroulante, par exemple :
    • Genre :
      • Mademoiselle
      • Madame
      • Monsieur
  • Envoi de fichier : vous permet de proposer un champ à votre utilisateur afin qu'il puisse vous joindre un fichier au formulaire qu'il remplira.
  • Bouton Soumettre : vous permet de publier un bouton de soumission.
  • Caché.
  • Vue d'ensemble : vous permet de créer un résumé des données entrées par le visiteur.
  • Captcha : vous permet d'afficher un Captcha afin de ne pas recevoir de spam.
  • ReCaptcha : vous permet d'afficher le captcha proposé par les services Google : Recaptcha.
  • Calendrier : vous permet de proposer un calendrier à votre utilisateur. Idéal, par exemple, pour fixer un rendez-vous.
  • Bouton Paypal : vous permet d'afficher un bouton pour communiquer avec la passerelle de paiement Paypal. Il est par exemple possible de n'autoriser le téléchargemnt d'un fichier qu'après un règlement sur Paypal.
  • Bouton Directpayement : vous permet d'afficher un bouton pour communiquer avec la passerelle de paiement Directpayement.

 Si ces éléments vous paraissent encore un peu flous, ne vous inquiétez pas nous allons voir en détail la majorité d'entre eux dans les prochains chapitres.

 

 

Sur ce site, nous utilisons des cookies.