Editeur 7 - Formulaires, Questionnaires et Etudes – BaseKit support

Il est possible d'utiliser 2 types de formulaires:

Des formulaires de contact
Des formulaires d’inscription

?name=media_1401440934032.png

Cliquer sur le bouton Ajouter du contenu (1) en haut de l’éditeur, et sélectionner ensuite soit le formulaire de contact (2), soit le formulaire d’inscription (3).

Le formulaire de contact

?name=media_1401441537462.png

Le formulaire de contact contient 2 champs: 1 pour l’email, 1 pour le message

?name=media_1401441620828.png

Cliquer sur le widget pour ouvrir ses options:

Le titre de l’email est le titre de l'email que vous recevrez lorsqu'un visiteur soumettra un formulaire de contact.
Vous pouvez choisir le mot qui apparaîtra dans votre bouton d’envoi.
Remplir l’adresse mail avec laquelle vous voulez recevoir les formulaires de contacts.
Vous pouvez choisir la page qui apparaîtra une fois que votre visiteur aura envoyé son formulaire de contact. La page peut être l’une de votre site, ou….
…. une page extérieure de votre site.
Enregistrer vos changements une fois terminés.

Le formulaire d'inscription

?name=media_1401456271571.png

Le formulaire d’inscription permet d’obtenir une base de données de vos visiteurs afin que vous puissiez leur envoyer des informations.

?name=media_1401456279261.png

Cliquer sur le widget pour ouvrir ses options:

Le titre de l’email est le titre de l'email que vous recevrez lorsqu'un visiteur soumettra un formulaire de contact.
L’intitulé du texte de présentation du formulaire peut être changé.
Changer le texte du bouton.
Rentrer l’adresse mail avec laquelle vous voulez recevoir les formulaires.
Vous pouvez choisir la page qui apparaîtra une fois que votre visiteur aura envoyé son formulaire de contact. La page peut être l’une de votre site, ou…
... une page extérieure de votre site.
Enregistrer vos changements une fois terminés.

Si vous avez besoin d’un formulaire plus élaboré: utiliser le widget Code source

Si vous avez besoin d’un formulaire plus élaboré, vous pouvez cliquer sur ajouter du contenu (1) et déposer le widget intégrer (2) dans votre page.
Vous pourrez ainsi afficher des formulaires adaptatifs via JotForm ou Wufoo par exemple ou un autre éditeur formulaire adaptatif.

! : Si votre formulaire n'est pas adaptatif, il risque de figer votre page lors de la réduction de la dimension de votre écran.

Exemple avec JotFrom

?name=media_1401460402061.png

Créer un compte sous http://www.jotform.com/.
C’est gratuit jusqu'à la réception de 100 formulaires par mois.

Trouver un modèle adaptatif

?name=media_1401792412516.png

Cliquer sur Gabarits de formulaire (1) / ou 'Form Templates' et faite une recherche pour «Responsive» (2) ("adaptatif" en anglais).
La liste des modèles adaptatifs apparaîtra.

Editer le formulaire

?name=media_1401792347288.png

Editer le formulaire avec les outils fournis.

Obtenir le code source pour l'intégrer dans votre site

?name=media_1401792751196.png

Pour obtenir le code cliquer sur :
- l’onglet Intégrer le programme d’installation (1),
- puis sur l’icône code source (2),
- puis copier le code (3).

Revenir à l’Editeur et cliquer sur le widget Intégration que l’on à déposer dans la page plus tôt.

?name=media_1401793143975.png

Cliquer sur le widdget Intégration, pour coller le code source récupéré sous JotForm

?name=media_1401793179220.png

Coller le code source récupéré sous JotForm (1) et enregistrer (2)

Tester ensuite votre formulaire

?name=media_1401794117034.png

Passer en mode Prévisualisation (1) pour tester le formulaire.
Vous devez être dans ce mode Prévisualisation et non dans le mode Edition sinon cela ne fonctionnera pas.

Une fois les tests faits, publier votre site pour le rendre visible.

Articles dans cette section

Editeur 7 - Formulaires, Questionnaires et Etudes