# Créer un formulaire

Créez un formulaire dans RandomCoffee à partir d'un modèle ou d'une page blanche, avec questions, pages, logique conditionnelle et votre propre style, puis utilisez ses réponses dans vos catégories et vos programmes.

import { Steps } from '@prosefly/astro-components';
import Callout from '@components/Callout.astro';
import FormEditor from '@components/app-screens/screens/FormEditor.astro';
import FormAnswer from '@components/app-screens/screens/FormAnswer.astro';

Les formulaires vous permettent de recueillir des informations structurées et des retours de vos collaborateurs, directement dans RandomCoffee : lancer un sondage, demander un feedback après un événement ou collecter les données utiles à votre matching. Vous créez le formulaire, le partagez avec les bonnes personnes, puis analysez les réponses en temps réel, au même endroit.

## Comment fonctionnent les formulaires

Un formulaire passe par trois étapes :

1. **Le créer** : partez d'un modèle ou d'une page blanche, puis ajoutez des questions, des pages et une logique conditionnelle. Cet article couvre cette étape.
2. **Le partager** : publiez le formulaire, choisissez qui peut y répondre, puis envoyez son lien. Consultez [Partager un formulaire](/fr/admin/content/share-a-form/).
3. **Exploiter les réponses** : lisez les résultats question par question, exportez-les et transformez les réponses en données membres. Consultez [Réponses d'un formulaire](/fr/admin/content/form-responses/).

Vos formulaires se trouvent dans le menu "Contenus", sous "Formulaires".

## Créer un formulaire

<Steps>

1. **Ouvrez vos formulaires.**

   Dans le menu, allez dans "Contenus" > "Formulaires".

2. **Lancez un nouveau formulaire.**

   Cliquez sur "Nouveau formulaire" (ou "Créez votre premier formulaire" si vous n'en avez pas encore). Saisissez son "Nom", puis cliquez sur "Ajouter". Le nom vous sert à vous : il identifie le formulaire dans votre liste.

3. **Construisez votre formulaire.**

   L'éditeur du formulaire s'ouvre. Ajoutez vos questions comme expliqué ci-dessous, et cliquez régulièrement sur "Enregistrer".

</Steps>

### Partir d'un modèle

Plutôt que de partir d'une page blanche, vous pouvez partir d'un formulaire prêt à l'emploi :

<Steps>

1. Dans "Contenus" > "Formulaires", cliquez sur "Parcourir la bibliothèque".
2. Dans la "Bibliothèque de formulaires", cherchez par nom ou par question, ou filtrez les modèles par catégorie (feedback, onboarding, engagement, événements...).
3. Cliquez sur "Visualiser" pour voir un modèle, puis sur "Utiliser" (ou "Utiliser ce modèle" depuis l'aperçu).

</Steps>

RandomCoffee crée un nouveau formulaire en brouillon à partir du modèle et l'ouvre dans l'éditeur. Personnalisez-le comme vous le souhaitez : le modèle, lui, ne change pas.

## Construire votre formulaire

En haut du formulaire, écrivez un titre clair et une description qui expliquent pourquoi vous recueillez ces données. En dessous, votre formulaire est composé de blocs, organisés en pages.

### Ajouter des blocs

Un bloc est un élément de votre formulaire : une question, un texte, une image... Cliquez sur "Ajouter un bloc" sous le dernier bloc de la page.

<FormEditor state="add-block" alt="L'éditeur d'un nouveau formulaire, avec la zone &quot;Ajouter une image de couverture&quot;, le titre à remplacer, le premier onglet de page, la question par défaut &quot;Saisissez votre question&quot; et le bouton &quot;Ajouter un bloc&quot;" />

Une fenêtre s'ouvre avec tous les blocs, en trois groupes : "Questions", "Blocs de mise en page" et "Blocs d'intégration". Cherchez avec "Rechercher des blocs...", ou cliquez sur un bloc pour voir sa description et un exemple, puis cliquez sur "Insérer".

<FormEditor state="block-library" alt="La fenêtre des blocs, avec &quot;Rechercher des blocs...&quot;, la liste &quot;Questions&quot; à gauche et &quot;Choix unique&quot; sélectionné, avec sa description, le bouton &quot;Insérer&quot; et un exemple à droite" />

**Questions**

| Bloc | Ce que font les répondants |
| --- | --- |
| "Choix unique" | Choisir une option dans une liste courte. |
| "Cases à cocher" | Choisir une ou plusieurs options dans une liste. |
| "Liste déroulante" | Choisir dans une longue liste d'options. |
| "Classement" | Classer des options en les faisant glisser dans leur ordre de préférence. |
| "Réponse courte" | Écrire un texte court, comme un nom, un intitulé de poste ou un bref commentaire. |
| "Réponse longue" | Écrire une réponse détaillée. |
| "Matrice" | Répondre à plusieurs lignes avec les mêmes options, comme dans un tableau. |
| "Échelle de score" | Choisir une note sur une échelle fixe, par exemple de 0 à 10. |
| "Évaluation par étoiles" | Noter avec des étoiles. |
| "Numéro" | Saisir un nombre. Toute autre saisie est refusée. |
| "Oui / Non" | Répondre par oui ou par non. |
| "Date" et "Date et heure" | Choisir une date, ou une date et une heure. |
| "Email" et "URL" | Saisir une adresse email ou un lien de site web. Les réponses mal formées sont refusées. |
| "Téléversement d’image" | Envoyer une image (JPEG, PNG, GIF ou WebP, jusqu'à 5 Mo). |
| "Email de vérification" | Confirmer leur adresse email avec un code à usage unique avant de pouvoir envoyer le formulaire. |
| "Champ masqué" | Rien : le bloc enregistre des données passées dans le lien du formulaire, sous forme de paramètres d'URL (par exemple `?source=newsletter`). |
| "Pays du répondant" | Rien : le pays est détecté à partir de l'adresse IP du répondant. |

**Blocs de mise en page**

- "Paragraphe" : un texte mis en forme, comme des instructions ou du contexte.
- "Saut de page" : divise votre formulaire en plusieurs pages.
- "Page « Merci »" : la page que voient les répondants après avoir envoyé le formulaire.
- "Séparateur" : une ligne qui sépare deux parties d'une même page.

**Blocs d'intégration**

- "Image", "Vidéo" et "Audio" : ajoutez une photo, une courte vidéo de présentation ou un extrait de podcast.
- "Intégrer" : affichez un contenu externe, comme un tableau de bord ou une application web.

### Rédiger vos questions

Une fois un bloc ajouté, écrivez votre question dans son premier champ. En dessous, vous pouvez ajouter un texte d'aide dans "Ajouter un texte d'aide optionnel...".

<FormEditor state="edit-question" alt="Une question &quot;Choix unique&quot; en cours de modification : son titre &quot;Sélectionnez une option&quot;, le champ &quot;Ajouter un texte d'aide optionnel...&quot; et une première option &quot;Option 1&quot; avec sa poignée et les boutons moins et plus" />

Pour les questions à options, écrivez chaque option, puis utilisez les boutons moins et plus pour supprimer une option ou en ajouter une en dessous. Cliquez sur la poignée devant une option pour ouvrir ses réglages :

- "Libellé de la catégorie" : regroupe les options sous un titre, utile pour les longues listes ;
- "Description" : ajoute une icône d'information à côté de l'option, avec votre texte dans une infobulle.

<Callout type="tip">
  Enregistrez au fur et à mesure : cliquez régulièrement sur "Enregistrer", en haut à droite de l'éditeur.
</Callout>

### Réglages et actions d'un bloc

Survolez un bloc pour afficher trois icônes à sa gauche : la corbeille supprime le bloc, le plus ajoute un bloc, et la poignée permet de faire glisser le bloc pour le déplacer, ou de cliquer pour ouvrir son menu.

<FormEditor state="block-menu" alt="Une question du formulaire survolée, avec les icônes corbeille, plus et poignée à sa gauche, et l'infobulle de la poignée &quot;Glisser pour déplacer, Clic pour ouvrir le menu&quot;" />

Le menu affiche d'abord les réglages du bloc :

- "Obligatoire" : les répondants doivent répondre à la question ;
- "Masqué" : la question est masquée aux répondants, par exemple jusqu'à ce qu'une règle de [logique conditionnelle](#logique-conditionnelle) l'affiche ;
- selon le type de question : "Multiple" (plusieurs réponses dans une "Liste déroulante"), "Sélections min" et "Sélections max" ("Cases à cocher"), "Valeur minimale" et "Valeur maximale", ou "Nombre d'évaluations" (nombre d'étoiles ou de points de l'échelle).

En dessous, les actions :

- "Supprimer" : retire le bloc.
- "Dupliquer en question distincte" : crée une copie indépendante, avec de nouvelles options. Utilisez-la quand la copie sera modifiée et analysée séparément.
- "Dupliquer avec options liées" : pour les questions à options uniquement. Crée une nouvelle question qui reprend les mêmes options, par exemple les compétences des mentors et celles des mentorés. Consultez [Utiliser les réponses dans vos catégories](#utiliser-les-réponses-dans-vos-catégories).
- "Transformer en" : change le type de la question, par exemple de "Choix unique" à "Liste déroulante".
- "Déplacer vers la page" : déplace le bloc vers une autre page du formulaire.

### Pages

Votre formulaire commence avec une page. Pour en ajouter une, cliquez sur le plus à côté des onglets de pages et choisissez "Page simple" ou "Page de remerciement" (une par formulaire ; elle n'accepte que les blocs de mise en page et d'intégration). Chaque onglet de page a son propre menu pour renommer, dupliquer ou supprimer la page.

Une barre de progression en haut du formulaire indique aux répondants où ils en sont, ce qui est particulièrement utile quand votre formulaire a plusieurs pages.

<FormAnswer alt="Le haut d'un formulaire tel que les répondants le voient, avec son titre, sa description et l'indicateur de progression qui affiche 1/3" />

Vous pouvez désactiver cette barre de progression dans les paramètres du formulaire. Consultez [Partager un formulaire](/fr/admin/content/share-a-form/#paramètres-du-formulaire).

### Logique conditionnelle

La logique conditionnelle affiche ou masque des questions selon les réponses précédentes, pour que chaque répondant ne voie que ce qui le concerne.

<Steps>

1. En haut à droite de l'éditeur, cliquez sur l'icône "Logique conditionnelle".
2. Cliquez sur "Ajouter une règle".
3. Sous "Quand", définissez la condition : une question, une comparaison ("Est", "N'est pas", "Contient", "Supérieur à"...) et une valeur. Ajoutez d'autres conditions et combinez-les avec "Et" ou "Ou".
4. Sous "Alors", choisissez ce qui se passe : "Aller à la page", "Afficher le champ", "Masquer le champ", "Réponse obligatoire" ou "Rendre la réponse optionnelle", et la page ou la question concernée.
5. Cliquez sur "Enregistrer".

</Steps>

<FormEditor state="logic" alt="Le panneau &quot;Logique conditionnelle&quot; avec une règle : quand la question sur le matériel et les accès &quot;Est&quot; &quot;Faux&quot;, &quot;Masquer le champ&quot; de la question qui demande ce qui aurait pu être mieux" />

### Personnaliser l'apparence

- **Titre et description** : ils apparaissent en haut du formulaire. Expliquez pourquoi vous recueillez ces données et comment vous les utiliserez.
- **Image de couverture** : RandomCoffee ajoute une image de couverture à la création du formulaire. Survolez-la pour "Changer la couverture" (depuis vos téléchargements, vos ressources, un lien ou Unsplash), la "Repositionner" ou "Supprimer la couverture". Sans couverture, cliquez sur "Ajouter une image de couverture".
- **Couleurs** : cliquez sur l'icône "Personnaliser les couleurs" en haut à droite de l'éditeur pour choisir le thème, la police, les couleurs, la largeur de page et le style des champs et des boutons. Ces réglages ne s'appliquent qu'à la page que voient vos répondants.

### Prévisualiser votre formulaire

Cliquez sur l'icône "Visualiser" (l'œil) en haut à droite de l'éditeur pour voir votre formulaire comme vos répondants. Vous pouvez répondre aux questions pour les tester : vos réponses ne sont pas enregistrées.

<FormEditor state="preview" alt="L'aperçu du formulaire, avec le message &quot;Vous êtes en mode aperçu. Vous pouvez répondre au formulaire mais votre réponse ne sera pas prise en compte.&quot; au-dessus du formulaire" />

### Restaurer une version précédente

À chaque enregistrement, RandomCoffee garde une version de votre formulaire. Cliquez sur l'icône "Historique des versions" en haut à droite de l'éditeur : sélectionnez une version dans la liste pour la prévisualiser, avec la personne qui l'a enregistrée et la date, puis cliquez sur "Restaurer" pour y revenir.

## Utiliser les réponses dans vos catégories

Les réponses d'un formulaire peuvent devenir des données membres. Chaque question peut être associée à une [catégorie](/fr/admin/categories-and-audiences/categories/), nouvelle ou existante, et chaque réponse devient la valeur de cette catégorie sur le profil du membre. Vous pouvez ensuite utiliser ces catégories dans vos audiences et vos [règles de matching](/fr/admin/matching/matching-rules/). Consultez [Réponses d'un formulaire](/fr/admin/content/form-responses/#transformer-les-réponses-en-données-membres).

Pour un matching par compétences, une règle "Chevauchement de catégorie" compare deux catégories qui partagent les mêmes options, comme les compétences que les mentors proposent et celles que les mentorés recherchent. Deux catégories créées séparément ne partagent pas leurs options, même avec les mêmes valeurs. Pour les obtenir à partir d'un formulaire :

<Steps>

1. Ajoutez une question "Cases à cocher" avec la liste des compétences, par exemple « Quelles compétences pouvez-vous partager ? ».
2. Dans son menu, cliquez sur "Dupliquer avec options liées", puis reformulez la copie, par exemple « Quelles compétences souhaitez-vous développer ? ».
3. Dans les réponses du formulaire, associez chaque question à une nouvelle catégorie.

</Steps>

Les deux catégories partagent alors les mêmes options, et la règle "Chevauchement de catégorie" peut les comparer. Consultez [Matching par compétences](/fr/admin/mentoring/create-a-mentoring-program/#matching-par-compétences).

## Associer un formulaire à un programme

Dans les paramètres d'un programme de mentorat, la section "Formulaires du programme" associe des formulaires à trois moments : "Inscription" (quand les participants s'inscrivent, avec l'inscription ouverte), "Participation" (quand on leur demande s'ils participent) et "Après mise en relation" (une fois en binôme). Associez un formulaire publié : les participants ne peuvent pas envoyer un formulaire en brouillon.

Les formulaires du programme sont inclus dans les programmes de mentorat, avec l'option Mentoring des plans Pro et Enterprise. Consultez [Formulaires du programme](/fr/admin/mentoring/create-a-mentoring-program/#formulaires-du-programme).

## Gérer vos formulaires

"Contenus" > "Formulaires" liste tous vos formulaires. Filtrez-les avec "Tout", "Brouillon" ou "Publié", et triez-les par date de mise à jour, date de création, nom ou statut. Un formulaire en brouillon affiche "Continuer l'édition" ; un formulaire publié affiche son nombre de soumissions et un bouton pour copier son lien.

Les trois points au bout de chaque ligne vous proposent :

- "Détails" : ouvre le formulaire (ses résultats s'il est publié, l'éditeur s'il est en brouillon) ;
- "Dupliquer" : crée une copie du formulaire en brouillon, nommée "(Copie)" suivi du nom d'origine ;
- "Supprimer" : retire le formulaire, après confirmation.

Pour renommer un formulaire, ouvrez-le et cliquez sur les trois points à côté de son nom.