# De editor begrijpen

Een korte rondleiding door de formulierbouwer en waar je elke functie vindt.

## De editor begrijpen

Een rondleiding door de formulierbouwer — waar alles staat en hoe je er snel doorheen navigeert.

<h2 id="layout">Lay-out in één oogopslag</h2>

  <p>De editor is één canvas in documentstijl — typ, voeg blokken in en rangschik ze zoals in een document. Drie gebieden doen het werk:</p>
  <ul>
    <li>
      <strong>Bovenste werkbalk</strong> — <strong>Bewerken</strong>, <strong>Vertalen</strong> en <strong>Voorbeeld</strong>, dan
      Instellingen, Thema, de publicatie-indicator en <strong>Publiceren</strong>. Publiceren verschijnt zodra er iets te publiceren is. Na
      je eerste publicatie voegen <strong>Inzendingen</strong>, <strong>Delen</strong> en <strong>Publicatiegeschiedenis</strong> zich
      daarbij, en <strong>Ongepubliceerde wijzigingen terugzetten</strong> verschijnt zodra een concept afwijkt van wat live staat
    </li>
    <li>
      <strong>Canvas (midden)</strong> — je formulier zoals respondenten het zien, met een optionele omslagafbeelding en logo bovenaan
    </li>
    <li>
      <strong>AI-chat</strong> — zwevende knop rechtsonder; opent een zijpaneel waar je AI kunt vragen je formulier te bouwen of te bewerken
    </li>
  </ul>
  <p>De werkruimtezijbalk aan de linkerkant bevat navigatie voor al je formulieren.</p>

<p>
  Naast Publiceren staat de <strong>publicatie-indicator</strong>, een verkeerslicht voor de gereedheidscontrole: groen als het formulier
  klaar is, oranje bij waarschuwingen, rood bij fouten. Klik erop om te zien wat er is gevonden — elk item linkt naar de plek waar je het
  oplost. Fouten blokkeren publiceren. Waarschuwingen niet, maar Formstep vraagt het eerst en biedt aan om ze voor je op te lossen.{' '}
  <a href="/nl/building-forms/publish-checks">Publicatiecontroles</a> toont elke bevinding en hoe je die oplost.
</p>

<h2 id="cover-logo">Cover en logo</h2>
<p>
  Gebruik boven de formuliertitel <strong>Cover toevoegen</strong> en <strong>Logo toevoegen</strong>. De kiezer heeft vier tabbladen —{' '}
  <strong>Uploaden</strong> (PNG, JPG of WebP tot 5&nbsp;MB), <strong>Kleuren</strong> voor een effen kleur, <strong>Unsplash</strong> en{' '}
  <strong>Pictogrammen</strong>. Sleep een cover omhoog of omlaag om deze te verplaatsen. Alleen uploads tellen mee voor je opslag.
</p>

<h2 id="adding-blocks">Een vraag of inhoud toevoegen</h2>

  <p>
    Klik op een lege regel op het canvas en typ <kbd>/</kbd> — of druk op <kbd>Cmd/Ctrl + /</kbd> — om het blokkenmenu te openen. Blijf
    typen om te filteren. Vier categorieën, in deze volgorde:
  </p>
  <ul>
    <li>
      <strong>Basisblokken</strong> — Kop 1&ndash;3, Opsommingslijst, Genummerde lijst
    </li>
    <li>
      <strong>Formuliervelden</strong> — elk vraagtype, van Tekstinvoer tot Betaling en Afspraak plannen
    </li>
    <li>
      <strong>Lay-out</strong> — Tabel, 2 kolommen, Herhalende groep, Logica, Verborgen veld, Berekend veld, Pagina-einde, Bedankpagina
    </li>
    <li>
      <strong>Media</strong> — Afbeelding, YouTube insluiten, Google Maps insluiten, Sluit alles in
    </li>
  </ul>
  <p>
    Het menu biedt alleen wat past op de plek van de cursor: geen vragen of logica op een bedankpagina, geen blokken die alleen op het
    hoogste niveau mogen binnen een kolom. Zie <a href="/nl/building-forms/field-types">Vraagtypen</a> voor de volledige catalogus en{' '}
    <a href="/nl/building-forms/form-structure#block-menu">Formulierstructuur → Blokmenu</a> voor wat de sleepgreep aanbiedt.
  </p>

> 💡 **Beschrijf gewoon wat je nodig hebt**
> <p>
>     Geen zin om door het menu te bladeren? Open AI-chat en zeg <em>&ldquo;voeg een telefoonnummer en een datumkiezer toe&rdquo;</em>. De
>     velden worden automatisch ingevoegd.
>   </p>

<h2 id="block-actions">Blokken selecteren en wijzigen</h2>

<p>
  Klik op de sleepgreep van een blok om het menu te openen. Wat het aanbiedt hangt af van het blok: <strong>Zet om in</strong>,{' '}
  <strong>Opties</strong>, <strong>Validatie</strong>, uitlijnen, herhalende groep maken, invoegen, dupliceren, verplaatsen, verbergen en
  verwijderen.
</p>

<p>
  Selecteer meerdere blokken door er een rechthoek omheen te slepen, door shift te klikken op een tweede blok om het bereik te selecteren,
  of door eenmaal op <kbd>Cmd/Ctrl+A</kbd> te drukken voor de tekst van het huidige blok en nogmaals voor elk blok. Het sleepgreepmenu werkt
  dan op de hele selectie: zet compatibele blokken om naar een ander type, markeer vragen als verplicht of optioneel, verberg of toon
  titels, maak een herhalende groep, dupliceer, verplaats, verberg of verwijder.
</p>

<h2 id="shortcuts">Sneltoetsen</h2>

<p>Gebruik op een Mac Cmd; op Windows en Linux Ctrl.</p>

<h2 id="format-text">Tekst opmaken</h2>

  <p>
    Selecteer tekst om een zwevende werkbalk te zien: vet, cursief, onderstrepen, doorhalen, inline code, vergelijking, koppeling,
    lettertype, lettergrootte en kleur. Zie <a href="/nl/building-forms/content-blocks#text-formatting">Inhoudsblokken → Tekstopmaak</a>{' '}
    voor de volledige lijst.
  </p>

<h2 id="pages-columns">Pagina's &amp; kolommen</h2>

  <p>
    Formulieren kunnen uit één pagina bestaan of in meerdere pagina's worden opgesplitst. Voeg een <strong>Pagina-einde</strong> in om een
    meerstapsstroom te maken met een voortgangsbalk, en gebruik <strong>2 kolommen</strong> om blokken naast elkaar te plaatsen. Beide
    werken als elk ander blok — sleep om te herordenen, verwijder via het blokmenu. Zie{' '}
    <a href="/nl/building-forms/form-structure">Formulierstructuur</a> voor de volledige handleiding.
  </p>

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

  <p>
    Het tabblad <strong>Vertalen</strong> opent een zij-aan-zij-editor voor elke zichtbare tekst in je formulier. Voeg talen toe, vertaal
    elke vraag en publiceer. Zie <a href="/nl/building-forms/translating-form-content">Taal &amp; vertalingen</a> voor de volledige
    handleiding.
  </p>

<h2 id="ai-chat">AI-chat</h2>

  <p>
    De zwevende knop rechtsonder opent <strong>AI-chat</strong> — een assistent die je formulier kan schrijven, controleren en bewerken.
    Kies een startprompt of beschrijf gewoon wat je wilt. Gebruik put uit je AI-creditsaldo, dat boven het invoerveld wordt weergegeven.
  </p>

<h2 id="theme">Thema</h2>

  <p>
    De knop <strong>Thema</strong> (palet-icoon) opent een gedokt paneel met een licht/donker-modus-schakelaar, vooringestelde thema's en
    per-sectie instellingen voor lettertypen, kleuren, invoervelden, keuzes, knoppen en meer. Presets werken op elk abonnement; aangepaste
    kleuren en lettertypen vereisen Pro. Zie <a href="/nl/branding-domains/appearance-theming">Uiterlijk &amp; thema's</a> voor details.
  </p>

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

  <p>
    De knop <strong>Delen</strong> opent een venster met twee kanalen. <strong>Openbare link</strong> bevat je deellinks — maak er meerdere
    aan om campagnes uit elkaar te houden of om verschillende talen en limieten in te stellen — met <strong>Insluiten</strong>,{' '}
    <strong>Popup</strong> en <strong>QR-code</strong> naast de URL. <strong>Aanvragen</strong> stuurt het formulier telkens naar één met
    naam genoemde persoon. Zie <a href="/nl/sharing-publishing/sharing-embedding">Deellinks</a>,{' '}
    <a href="/nl/sharing-publishing/embedding-popups">Insluiten &amp; popups</a>, en{' '}
    <a href="/nl/requests/creating-requests">Een aanvraag maken</a>.
  </p>

<h2 id="settings">Instellingen</h2>

  <p>
    De knop <strong>Instellingen</strong> (tandwiel-icoon) opent een dialoogvenster met zes tabbladen. Voor een diepere uitleg, zie{' '}
    <a href="/nl/building-forms/form-settings">Formulierinstellingen</a>.
  </p>
  <ul>
    <li>
      <strong>Algemeen</strong> — formuliernaam, standaardtaal, merkschakelaar
    </li>
    <li>
      <strong>Toegang</strong> — authenticatie, wachtwoord, botbeveiliging (alleen openbare link)
    </li>
    <li>
      <strong>Inzendingen</strong> — sluiten van inzendingen, omleidings-URL, retentie; bewerken na verzenden en nog een antwoord toestaan
      voor de openbare link
    </li>
    <li>
      <strong>E-mailmeldingen</strong> — verzenddomein, melden bij nieuwe inzending, bevestiging aan respondent, herinneringen en de
      uitnodigingsmail voor aanvragen
    </li>
    <li>
      <strong>Integraties</strong> — GA4/Axiom-analytics streaming; levering van inzendingen via Google Sheets, Airtable, Notion, Slack,
      Discord, Linear, GitHub Issues en Webhook. Zapier en Make staan gemarkeerd als binnenkort beschikbaar
    </li>
    <li>
      <strong>Gevarenzone</strong> — alle inzendingen verwijderen, analytics-gegevens verwijderen, of het formulier verwijderen
    </li>
  </ul>

<h2 id="preview-publish">Voorbeeld &amp; publiceren</h2>

  <p>
    Schakel naar <strong>Voorbeeld</strong> om het formulier precies in te vullen zoals een respondent dat zou doen: logica wordt
    geactiveerd, variabelen worden opgelost, en je kunt invoeren aan een herhalende groep toevoegen. Er wordt niets opgeslagen — antwoorden
    blijven in het geheugen en worden gereset bij het herladen, en uploads en betalingen zijn nagebootst. Klik op{' '}
    <strong>Publiceren</strong> als je tevreden bent; Formstep houdt je concept apart, zodat wijzigingen alleen live gaan wanneer je
    publiceert. Om bewerkingen ongedaan te maken vóór het publiceren, klik je op <strong>Ongepubliceerde wijzigingen terugzetten</strong> om
    terug te keren naar de laatst gepubliceerde versie.
  </p>

<h2 id="version-history">Publicatiegeschiedenis</h2>

  <p>
    De knop <strong>Publicatiegeschiedenis</strong> (klok-icoon) toont elke gepubliceerde versie met een tijdstempel, en laat voor elke
    versie de tabbladen <strong>Formulier</strong>, <strong>E-mails</strong> en <strong>Vertalingen</strong> zien zoals ze waren bevroren
    bij het publiceren. Bekijken kan op elk abonnement. Herstellen vereist <em>Business</em>: kies een versie, klik op{' '}
    <strong>Naar deze versie herstellen</strong>, en kies dan <strong>Als concept openen</strong> (laad het in de editor zonder te
    publiceren) of <strong>Nu publiceren</strong> (ga meteen live).
  </p>

> ℹ️ **Snel zoeken**
> <p>
>     Druk op <kbd>Cmd K</kbd> (of <kbd>Ctrl K</kbd>) buiten het canvas om naar elk formulier, elke map, werkruimte of instelling te springen.
>     Binnen het canvas voegen dezelfde toetsen in plaats daarvan een koppeling toe.
>   </p>

<h2 id="next-steps">Volgende stappen</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Formulierstructuur & pagina's](/nl/building-forms/form-structure) — Pagina's, kolommen, slepen en neerzetten
  - [Vraagtypen](/nl/building-forms/field-types) — Elk vraagtype in het blokkenmenu
  - [Uiterlijk & thema's](/nl/branding-domains/appearance-theming) — Thema, omslag, logo, donkere modus
  - [Deellinks](/nl/sharing-publishing/sharing-embedding) — Maak en beheer deellink-URL's
</div>
