# Comprendre l'éditeur

Une visite rapide du générateur de formulaires et où trouver chaque fonctionnalité.

## Comprendre l'éditeur

Une visite du générateur de formulaires — où tout se trouve et comment naviguer rapidement.

<h2 id="layout">La mise en page en un coup d'œil</h2>

  <p>
    L'éditeur est un canevas unique de type document — saisissez du texte, insérez des blocs et arrangez-les comme dans un doc. Trois zones
    s'occupent du travail :
  </p>
  <ul>
    <li>
      <strong>Barre d'outils supérieure</strong> — <strong>Modifier</strong>, <strong>Traduire</strong> et <strong>Aperçu</strong>, puis
      Paramètres, Thème, l'indicateur de problèmes, et <strong>Publier</strong>. Publier s'affiche dès qu'il y a quelque chose à publier.
      Après votre première publication, <strong>Soumissions</strong>, <strong>Partager</strong> et{' '}
      <strong>Historique de publication</strong> les rejoignent, et <strong>Annuler les modifications non publiées</strong> apparaît dès
      qu'un brouillon diffère de ce qui est en ligne
    </li>
    <li>
      <strong>Canevas (centre)</strong> — votre formulaire tel que les répondants le verront, avec une image de couverture et un logo
      optionnels en haut
    </li>
    <li>
      <strong>Chat IA</strong> — bouton flottant en bas à droite ; ouvre un panneau latéral où vous pouvez demander à l'IA de créer ou
      modifier votre formulaire
    </li>
  </ul>
  <p>La barre latérale de l'espace de travail à gauche permet de naviguer entre tous vos formulaires.</p>

<p>
  À côté de Publier se trouve l'<strong>indicateur de problèmes</strong>, un feu tricolore pour le contrôle de préparation : vert quand le
  formulaire est prêt, orange pour les avertissements, rouge pour les erreurs. Cliquez dessus pour lister ce qu'il a trouvé — chaque entrée
  renvoie à l'endroit où la corriger. Les erreurs bloquent la publication. Les avertissements non, mais Formstep vous le demande d'abord et
  propose de les corriger pour vous. <a href="/fr/building-forms/publish-checks">Vérifications de publication</a> liste chaque anomalie et
  comment la résoudre.
</p>

<h2 id="cover-logo">Couverture et logo</h2>
<p>
  Au-dessus du titre du formulaire, utilisez <strong>Ajouter une couverture</strong> et <strong>Ajouter un logo</strong>. Le sélecteur
  comporte quatre onglets — <strong>Importer</strong> (PNG, JPG ou WebP jusqu'à 5&nbsp;Mo), <strong>Couleurs</strong> pour une couleur unie,{' '}
  <strong>Unsplash</strong>, et <strong>Icônes</strong>. Faites glisser une couverture vers le haut ou le bas pour la repositionner. Seuls
  les imports comptent dans votre espace de stockage.
</p>

<h2 id="adding-blocks">Ajouter une question ou du contenu</h2>

  <p>
    Cliquez sur une ligne vide du canevas et tapez <kbd>/</kbd> — ou appuyez sur <kbd>Cmd/Ctrl + /</kbd> — pour ouvrir le menu de blocs.
    Continuez à taper pour filtrer. Quatre catégories, dans cet ordre :
  </p>
  <ul>
    <li>
      <strong>Blocs de base</strong> — Titre 1 à 3, Liste à puces, Liste numérotée
    </li>
    <li>
      <strong>Champs de formulaire</strong> — chaque type de question, de Champ de texte à Paiement et Planifier un rendez-vous
    </li>
    <li>
      <strong>Mise en page</strong> — Tableau, 2 colonnes, Groupe répété, Logique, Champ caché, Champ calculé, Saut de page, Page de
      remerciement
    </li>
    <li>
      <strong>Médias</strong> — Image, Intégration YouTube, Intégration Google Maps, Intégrer n'importe quoi
    </li>
  </ul>
  <p>
    Le menu ne propose que ce qui convient à l'endroit où se trouve le curseur : pas de questions ni de logique sur une page de
    remerciement, pas de blocs racine uniquement à l'intérieur d'une colonne. Consultez{' '}
    <a href="/fr/building-forms/field-types">Types de questions</a> pour le catalogue complet et{' '}
    <a href="/fr/building-forms/form-structure#block-menu">Structure du formulaire → Menu du bloc</a> pour ce que propose la poignée de
    glissement.
  </p>

> 💡 **Décrivez simplement ce dont vous avez besoin**
> <p>
>     Vous n&apos;avez pas envie de parcourir le menu ? Ouvrez le chat IA et dites{' '}
>     <em>&laquo;&nbsp;ajoute un numéro de téléphone et un sélecteur de date&nbsp;&raquo;</em>. Il insère les champs pour vous.
>   </p>

<h2 id="block-actions">Sélectionner et modifier des blocs</h2>

<p>
  Cliquez sur la poignée de glissement d'un bloc pour ouvrir son menu. Ce qu'il propose dépend du bloc : <strong>Convertir en</strong>,{' '}
  <strong>Options</strong>, <strong>Validation</strong>, aligner, créer un groupe répété, insérer, dupliquer, déplacer, masquer et
  supprimer.
</p>

<p>
  Sélectionnez plusieurs blocs en traçant un rectangle autour d'eux, en cliquant avec Shift sur un second bloc pour prendre la plage, ou en
  appuyant sur <kbd>Cmd/Ctrl+A</kbd> une fois pour le texte du bloc courant puis une seconde fois pour tous les blocs. Le menu de la poignée
  agit alors sur toute la sélection : convertir les blocs compatibles en un autre type, marquer des questions comme obligatoires ou
  optionnelles, masquer ou afficher les titres, créer un groupe répété, dupliquer, déplacer, masquer ou supprimer.
</p>

<h2 id="shortcuts">Raccourcis clavier</h2>

<p>Sur Mac, utilisez Cmd ; sur Windows et Linux, utilisez Ctrl.</p>

<h2 id="format-text">Mettre en forme le texte</h2>

  <p>
    Sélectionnez n'importe quel texte pour afficher une barre d'outils flottante : gras, italique, souligné, barré, code en ligne, équation,
    lien, police, taille de police et couleur. Consultez{' '}
    <a href="/fr/building-forms/content-blocks#text-formatting">Blocs de contenu → Mise en forme du texte</a> pour la liste complète.
  </p>

<h2 id="pages-columns">Pages &amp; colonnes</h2>

  <p>
    Les formulaires peuvent tenir sur une seule page ou être divisés en plusieurs. Insérez un <strong>Saut de page</strong> pour créer un
    parcours multi-étapes avec une barre de progression, et <strong>2 colonnes</strong> pour placer des blocs côte à côte. Les deux se
    comportent comme n'importe quel autre bloc — faites-les glisser pour les réorganiser, supprimez-les depuis le menu du bloc. Consultez{' '}
    <a href="/fr/building-forms/form-structure">Structure du formulaire</a> pour le guide complet.
  </p>

<h2 id="translate">Traduire</h2>

  <p>
    L'onglet <strong>Traduire</strong> ouvre un éditeur côte à côte pour chaque chaîne visible de votre formulaire. Ajoutez des langues,
    traduisez chaque question, puis publiez. Consultez <a href="/fr/building-forms/translating-form-content">Langues et traductions</a> pour
    le guide complet.
  </p>

<h2 id="ai-chat">Chat IA</h2>

  <p>
    Le bouton flottant en bas à droite ouvre le <strong>chat IA</strong> — un assistant qui peut rédiger, auditer et modifier votre
    formulaire. Choisissez une suggestion de démarrage ou décrivez simplement ce que vous voulez. L'utilisation est déduite de votre solde
    de crédits IA, affiché au-dessus du champ de saisie.
  </p>

<h2 id="theme">Thème</h2>

  <p>
    Le bouton <strong>Thème</strong> (icône de palette) ouvre un panneau ancré avec un interrupteur clair/sombre, des thèmes prédéfinis, et
    des contrôles par section pour les polices, couleurs, champs de saisie, choix, boutons et plus encore. Les préréglages fonctionnent sur
    tous les plans ; les couleurs et polices personnalisées nécessitent Pro. Consultez{' '}
    <a href="/fr/branding-domains/appearance-theming">Apparence et thèmes</a> pour les détails.
  </p>

<h2 id="share">Partager</h2>

  <p>
    Le bouton <strong>Partager</strong> ouvre une feuille avec deux canaux. <strong>Lien public</strong> regroupe vos liens de partage —
    créez-en plusieurs pour distinguer des campagnes ou définir des langues et des limites différentes — avec <strong>Intégrer</strong>,{' '}
    <strong>Fenêtre contextuelle</strong>, et <strong>Code QR</strong> à côté de l'URL. <strong>Demandes</strong> envoie le formulaire à une
    personne nommée à la fois. Consultez <a href="/fr/sharing-publishing/sharing-embedding">Liens de partage</a>,{' '}
    <a href="/fr/sharing-publishing/embedding-popups">Intégration &amp; Popups</a>, et{' '}
    <a href="/fr/requests/creating-requests">Créer une demande</a>.
  </p>

<h2 id="settings">Paramètres</h2>

  <p>
    Le bouton <strong>Paramètres</strong> (icône d'engrenage) ouvre une boîte de dialogue avec six onglets. Pour une exploration
    approfondie, consultez <a href="/fr/building-forms/form-settings">Paramètres du formulaire</a>.
  </p>
  <ul>
    <li>
      <strong>Général</strong> — nom du formulaire, langue par défaut, interrupteur de marque
    </li>
    <li>
      <strong>Accès</strong> — authentification, mot de passe, protection anti-bot (lien public uniquement)
    </li>
    <li>
      <strong>Réponses</strong> — fermeture des envois, URL de redirection, rétention ; modifier après l'envoi et permettre une autre
      réponse pour le lien public
    </li>
    <li>
      <strong>Notifications par e-mail</strong> — domaine d'envoi, notifier lors d'une nouvelle réponse, confirmation au répondant, rappels,
      et l'invitation à la demande
    </li>
    <li>
      <strong>Intégrations</strong> — diffusion Analytics GA4/Axiom ; envoi des réponses vers Google Sheets, Airtable, Notion, Slack,
      Discord, Linear, GitHub Issues et Webhook. Zapier et Make sont marqués comme bientôt disponibles
    </li>
    <li>
      <strong>Zone de danger</strong> — supprimer toutes les réponses, supprimer les données d'analyse, ou supprimer le formulaire
    </li>
  </ul>

<h2 id="preview-publish">Aperçu &amp; publication</h2>

  <p>
    Passez en mode <strong>Aperçu</strong> pour remplir le formulaire exactement comme le ferait un répondant : la logique se déclenche, les
    variables se résolvent, et vous pouvez ajouter des entrées de groupe répétable. Rien n'est enregistré — les réponses vivent en mémoire
    et se réinitialisent au rechargement, et les imports et paiements sont simulés. Cliquez sur <strong>Publier</strong> une fois satisfait
    ; Formstep garde votre brouillon séparé, donc les modifications ne sont mises en ligne que lorsque vous publiez. Pour annuler des
    modifications avant de publier, appuyez sur <strong>Annuler les modifications non publiées</strong> pour revenir à la dernière version
    publiée.
  </p>

<h2 id="version-history">Historique de publication</h2>

  <p>
    Le bouton <strong>Historique de publication</strong> (icône d'horloge) liste chaque version publiée avec un horodatage, et affiche pour
    chacune ses onglets <strong>Formulaire</strong>, <strong>E-mails</strong> et <strong>Traductions</strong> tels qu'ils étaient figés à la
    publication. La consultation fonctionne sur tous les plans. La restauration nécessite <em>Business</em> : choisissez une version,
    cliquez sur <strong>Rétablir cette version</strong>, puis choisissez <strong>Ouvrir comme brouillon</strong> (la charger dans l'éditeur
    sans publier) ou <strong>Publier maintenant</strong> (la mettre en ligne immédiatement).
  </p>

> ℹ️ **Recherche rapide**
> <p>
>     Appuyez sur <kbd>Cmd K</kbd> (ou <kbd>Ctrl K</kbd>) en dehors du canevas pour accéder rapidement à n'importe quel formulaire, dossier,
>     espace de travail ou paramètre. À l'intérieur du canevas, les mêmes touches ajoutent un lien à la place.
>   </p>

<h2 id="next-steps">Étapes suivantes</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Structure du formulaire et pages](/fr/building-forms/form-structure) — Pages, colonnes, glisser-déposer
  - [Types de questions](/fr/building-forms/field-types) — Chaque type de question dans le menu de blocs
  - [Apparence et thèmes](/fr/branding-domains/appearance-theming) — Thème, couverture, logo, mode sombre
  - [Liens de partage](/fr/sharing-publishing/sharing-embedding) — Créer et gérer les URLs de liens de partage
</div>