# Forstå editoren

En rask gjennomgang av skjemabyggeren og hvor du finner alle funksjoner.

## Forstå editoren

En gjennomgang av skjemabyggeren — hvor alt finnes og hvordan du navigerer raskt.

<h2 id="layout">Oversikt over oppsettet</h2>

  <p>Editoren er et enkelt, dokumentlignende lerret — skriv, sett inn blokker og ordne dem som i et dokument. Tre områder gjør jobben:</p>
  <ul>
    <li>
      <strong>Øvre verktøylinje</strong> — <strong>Rediger</strong>, <strong>Oversett</strong> og <strong>Forhåndsvisning</strong>, deretter
      Innstillinger, Tema, problemindikatoren og <strong>Publiser</strong>. Publiser vises når det er noe å publisere. Etter din første
      publisering slutter <strong>Innsendinger</strong>, <strong>Del</strong> og <strong>Publiseringshistorikk</strong> seg til dem, og{' '}
      <strong>Tilbakestill upubliserte endringer</strong> vises når et utkast avviker fra det som er live
    </li>
    <li>
      <strong>Lerret (midten)</strong> — skjemaet ditt slik respondentene vil se det, med et valgfritt forsidebilde og logo øverst
    </li>
    <li>
      <strong>AI-chat</strong> — flytende knapp nederst til høyre; åpner et sidepanel der du kan be AI om å bygge eller redigere skjemaet
      ditt
    </li>
  </ul>
  <p>Arbeidsområdets sidepanel til venstre gir navigasjon på tvers av alle skjemaene dine.</p>

<p>
  Ved siden av Publiser sitter <strong>problemindikatoren</strong>, et trafikklys for klargjøringssjekken: grønn når skjemaet er klart, gul
  for advarsler, rød for feil. Klikk på den for å liste opp hva den fant — hver oppføring lenker til stedet du retter det. Feil blokkerer
  publisering. Advarsler gjør ikke det, men Formstep spør først og tilbyr å rette dem for deg.{' '}
  <a href="/no/building-forms/publish-checks">Publiseringssjekker</a> lister opp hvert funn og hvordan du løser det.
</p>

<h2 id="cover-logo">Forside og logo</h2>
<p>
  Over skjematittelen bruker du <strong>Legg til forside</strong> og <strong>Legg til logo</strong>. Velgeren har fire faner —{' '}
  <strong>Last opp</strong> (PNG, JPG eller WebP opptil 5&nbsp;MB), <strong>Farger</strong> for en ensfarget bakgrunn,{' '}
  <strong>Unsplash</strong>, og <strong>Ikoner</strong>. Dra en forside opp eller ned for å flytte den. Bare opplastinger telles mot
  lagringsplassen din.
</p>

<h2 id="adding-blocks">Legg til et spørsmål eller innhold</h2>

  <p>
    Klikk på en tom linje på lerretet og skriv <kbd>/</kbd> — eller trykk <kbd>Cmd/Ctrl + /</kbd> — for å åpne blokkmenyen. Fortsett å
    skrive for å filtrere. Fire kategorier, i denne rekkefølgen:
  </p>
  <ul>
    <li>
      <strong>Grunnleggende blokker</strong> — Overskrift 1&ndash;3, Punktliste, Nummerert liste
    </li>
    <li>
      <strong>Skjemafelter</strong> — hver spørsmålstype, fra Text Input til Payment og Planlegg avtale
    </li>
    <li>
      <strong>Oppsett</strong> — Tabell, 2 kolonner, Gjentakende gruppe, Logikk, Skjult felt, Beregnet felt, Sideskift, Takkeside
    </li>
    <li>
      <strong>Media</strong> — Bilde, YouTube-innbygging, Google Maps-innbygging, Bygg inn hva som helst
    </li>
  </ul>
  <p>
    Menyen tilbyr bare det som passer der markøren står: ingen spørsmål eller logikk på en takkeside, ingen rot-blokker inni en kolonne. Se{' '}
    <a href="/no/building-forms/field-types">Spørsmålstyper</a> for den fullstendige katalogen og{' '}
    <a href="/no/building-forms/form-structure#block-menu">Skjemastruktur → Blokkmeny</a> for hva dra-håndtaket tilbyr.
  </p>

> 💡 **Bare beskriv det du trenger**
> <p>
>     Har du ikke lyst til å bla gjennom menyen? Åpne AI-chat og si <em>&ldquo;legg til et telefonnummer og en datovelger&rdquo;</em>. Den
>     setter inn feltene for deg.
>   </p>

<h2 id="block-actions">Velg og endre blokker</h2>

<p>
  Klikk på en blokks dra-håndtak for å åpne menyen. Hva den tilbyr avhenger av blokken: <strong>Gjør om til</strong>,{' '}
  <strong>Alternativer</strong>, <strong>Validering</strong>, juster, opprett gjentakende gruppe, sett inn, dupliser, flytt, skjul og slett.
</p>

<p>
  Velg flere blokker ved å dra et rektangel rundt dem, ved å shift-klikke på en annen blokk for å ta hele området, eller ved å trykke{' '}
  <kbd>Cmd/Ctrl+A</kbd> én gang for teksten i gjeldende blokk og igjen for alle blokker. Håndtakmenyen virker da på hele utvalget: gjør om
  kompatible blokker til en annen type, merk spørsmål som obligatoriske eller valgfrie, skjul eller vis titler, opprett en gjentakende
  gruppe, dupliser, flytt, skjul eller slett.
</p>

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

<p>På Mac bruker du Cmd; på Windows og Linux bruker du Ctrl.</p>

<h2 id="format-text">Formater tekst</h2>

  <p>
    Merk en hvilken som helst tekst for å se en flytende verktøylinje: fet, kursiv, understreket, gjennomstreket, inline-kode, ligning,
    lenke, skrift, skriftstørrelse og farge. Se{' '}
    <a href="/no/building-forms/content-blocks#text-formatting">Innholdsblokker → Tekstformatering</a> for den fullstendige listen.
  </p>

<h2 id="pages-columns">Sider &amp; kolonner</h2>

  <p>
    Skjemaer kan være én enkelt side eller delt inn i mange. Sett inn et <strong>Sideskift</strong> for å lage en flertrinnsflyt med en
    fremdriftsindikator, og <strong>2 kolonner</strong> for å plassere blokker side ved side. Begge oppfører seg som alle andre blokker —
    dra for å omorganisere, slett fra blokkmenyen. Se <a href="/no/building-forms/form-structure">Skjemastruktur</a> for den fullstendige
    guiden.
  </p>

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

  <p>
    <strong>Oversett</strong>-fanen åpner en side-ved-side-editor for alle synlige strenger i skjemaet ditt. Legg til språk, oversett hvert
    spørsmål, og publiser. Se <a href="/no/building-forms/translating-form-content">Oversette skjemainnhold</a> for den fullstendige guiden.
  </p>

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

  <p>
    Den flytende knappen nederst til høyre åpner <strong>AI-chat</strong> — en assistent som kan skrive, gjennomgå og redigere skjemaet
    ditt. Velg en startprompt eller bare beskriv det du vil ha. Bruk trekkes fra AI-kredittbalansen din, som vises over inntastingsfeltet.
  </p>

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

  <p>
    <strong>Tema</strong>-knappen (palettikon) åpner et festet panel med en lys/mørk-modus-bryter, forhåndsinnstilte temaer og
    per-seksjon-kontroller for skrifter, farger, inndatafelt, valg, knapper og mer. Forhåndsinnstillinger fungerer på alle abonnementer;
    egendefinerte farger og skrifter krever Pro. Se <a href="/no/branding-domains/appearance-theming">Utseende og temaer</a> for detaljer.
  </p>

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

  <p>
    <strong>Del</strong>-knappen åpner et panel med to kanaler. <strong>Offentlig lenke</strong> holder delingslenkene dine — opprett flere
    for å skille kampanjer fra hverandre eller for å angi ulike språk og grenser — med <strong>Innbygging</strong>, <strong>Popup</strong>,
    og <strong>QR-kode</strong> ved siden av URL-en. <strong>Forespørsler</strong> sender skjemaet til én navngitt person av gangen. Se{' '}
    <a href="/no/sharing-publishing/sharing-embedding">Delingslenker</a>,{' '}
    <a href="/no/sharing-publishing/embedding-popups">Innbygging &amp; popups</a>, og{' '}
    <a href="/no/requests/creating-requests">Opprette en forespørsel</a>.
  </p>

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

  <p>
    <strong>Innstillinger</strong>-knappen (tannhjulikon) åpner en dialog med seks faner. For en grundig gjennomgang, se{' '}
    <a href="/no/building-forms/form-settings">Skjemainnstillinger</a>.
  </p>
  <ul>
    <li>
      <strong>Generelt</strong> — skjemanavn, standardspråk, merkevare-bryter
    </li>
    <li>
      <strong>Tilgang</strong> — autentisering, passord, botbeskyttelse (kun offentlig lenke)
    </li>
    <li>
      <strong>Innsendinger</strong> — steng innsendinger, omdirigerings-URL, oppbevaring; rediger etter innsending og tillat nytt svar for
      den offentlige lenken
    </li>
    <li>
      <strong>E-postvarsler</strong> — sendedomene, varsle ved ny innsending, respondentbekreftelse, påminnelser og invitasjonen til
      forespørsler
    </li>
    <li>
      <strong>Integrasjoner</strong> — GA4/Axiom-analysestrømming; levering av innsendinger til Google Sheets, Airtable, Notion, Slack,
      Discord, Linear, GitHub Issues og Webhook. Zapier og Make er merket kommer snart
    </li>
    <li>
      <strong>Faresone</strong> — slett alle innsendinger, slett analysedata, eller slett skjemaet
    </li>
  </ul>

<h2 id="preview-publish">Forhåndsvisning &amp; publisering</h2>

  <p>
    Bytt til <strong>Forhåndsvisning</strong> for å fylle ut skjemaet nøyaktig slik en respondent ville gjort: logikk utløses, variabler
    løses opp, og du kan legge til oppføringer i gjentakende grupper. Ingenting lagres — svarene lever i minnet og nullstilles ved
    omlasting, og opplastinger og betalinger er simulert. Klikk <strong>Publiser</strong> når du er fornøyd; Formstep holder utkastet ditt
    separat, så endringer går bare live når du publiserer. For å angre redigeringer før publisering, trykk{' '}
    <strong>Tilbakestill upubliserte endringer</strong> for å gå tilbake til den sist publiserte versjonen.
  </p>

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

  <p>
    <strong>Publiseringshistorikk</strong>-knappen (klokkeikon) viser alle publiserte versjoner med et tidsstempel, og viser hver versjons{' '}
    <strong>Skjema</strong>, <strong>E-poster</strong> og <strong>Oversettelser</strong> slik de var frosset ved publisering. Alle kan bla
    gjennom historikken. Gjenoppretting krever <em>Business</em>: velg en versjon, klikk <strong>Tilbakestill til denne versjonen</strong>,
    og velg deretter <strong>Åpne som utkast</strong> (last den inn i editoren uten å publisere) eller <strong>Publiser nå</strong> (gå live
    med én gang).
  </p>

> ℹ️ **Hurtigsøk**
> <p>
>     Trykk <kbd>Cmd K</kbd> (eller <kbd>Ctrl K</kbd>) utenfor lerretet for å hoppe til et hvilket som helst skjema, mappe, arbeidsområde
>     eller innstilling. Inni lerretet legger de samme tastene til en lenke i stedet.
>   </p>

<h2 id="next-steps">Neste steg</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Skjemastruktur og sider](/no/building-forms/form-structure) — Sider, kolonner, dra og slipp
  - [Spørsmålstyper](/no/building-forms/field-types) — Alle spørsmålstyper i blokkmenyen
  - [Utseende og temaer](/no/branding-domains/appearance-theming) — Tema, forside, logo, mørk modus
  - [Delingslenker](/no/sharing-publishing/sharing-embedding) — Opprett og administrer delingslenke-URL-er
</div>