# Datei-Uploads & Unterschriften

Dateien, Dokumente und digitale Unterschriften von Teilnehmern erfassen.

## Datei-Uploads & Unterschriften

Dokumente, Bilder und gezeichnete Unterschriften erfassen — Formstep speichert sie zusammen mit jeder Einreichung.

<h2 id="file-upload">Datei-Upload</h2>

<p>
  Mit dem Datei-Upload-Feld können Teilnehmer Dateien an ihre Einreichung anhängen. Gib <kbd>/</kbd> auf der Arbeitsfläche ein und wähle{' '}
  <strong>File Upload</strong>.
</p>

<p>
  Klicke auf den Ziehpunkt neben dem Feld und öffne <strong>Validierung</strong>, um seine Regeln festzulegen:
</p>

<p>
  Das Feld zeigt Teilnehmern, was es erwartet — „Akzeptierte Dateien: .pdf, .png", „Max. 5 MB", „2-4 Dateien" —, sodass die Regeln
  gleichzeitig als Hinweis dienen.
</p>

<h2 id="file-validation">Dateivalidierungsregeln</h2>

<p>
  Größe, Anzahl und Typ werden im Browser geprüft, während der Teilnehmer eine Datei auswählt; ein Verstoß zeigt einen Inline-Fehler und
  blockiert das Absenden. Zwei weitere Limits gelten serverseitig und lassen sich nicht pro Feld anheben:
</p>

<ul>
  <li>
    <strong>1 GiB pro Datei</strong>, unabhängig davon, was deine Max. Größe sagt.
  </li>
  <li>
    <strong>Dein Workspace-Speicherkontingent</strong> — 100 MB bei Free, 500 GB bei Pro und Business. Ist beim Eigentümer kein Platz mehr
    frei, verweigert das Formular Uploads mit „Dieses Formular kann momentan keine Datei-Uploads entgegennehmen.", sodass Teilnehmer nicht
    fertig werden können. Siehe <a href="/de/subscription-billing/limits-quotas">Limits &amp; Kontingente</a>.
  </li>
</ul>

<p>
  Hochgeladene Dateien werden mit der Einreichung gespeichert. Öffne eine Einreichung im{' '}
  <a href="/de/submissions-analytics/submission-inbox">Posteingang</a>, um sie anzuzeigen oder herunterzuladen.
</p>

<h3 id="files-in-logic">Datei-Uploads in bedingter Logik</h3>

<p>
  Ein File-Upload-Feld bietet zwei Logikbedingungen: <strong>hat eine Datei</strong> und <strong>hat keine Datei</strong>. Nutze sie, um
  eine Folgefrage nur zu zeigen, wenn nichts angehängt wurde, oder um eine Seite zu überspringen, sobald das Dokument da ist.
</p>

<h2 id="signatures">Unterschriften</h2>

<p>
  Das Unterschriftenfeld erfasst eine gezeichnete Unterschrift. Gib <kbd>/</kbd> ein und wähle <strong>Signature</strong> aus dem
  Slash-Menü. Teilnehmer zeichnen mit Maus, Trackpad oder Finger. Formstep speichert das Ergebnis als Bild, das im Einreichungspostfach
  angezeigt und heruntergeladen werden kann.
</p>

> ⚠️ **Eine Unterschrift macht die Einreichung endgültig**
> <p>
>     Jede Formularversion, die ein Signature-, Payment- oder Schedule-appointment-Feld enthält, schaltet{' '}
>     <a href="/de/submissions-analytics/edit-after-submit">Nach dem Absenden bearbeiten</a> für Einreichungen aus, die dagegen gemacht
>     wurden. Teilnehmer können nicht erneut öffnen und ändern, was sie unterschrieben haben.
>   </p>

<h3 id="signatures-in-logic">Unterschriften in der bedingten Logik</h3>

<p>
  Mit <strong>ist unterschrieben</strong> und <strong>ist nicht unterschrieben</strong> unterstützen Unterschriftenfelder zwei
  Logikbedingungen. Damit lässt sich eine Bestätigungsseite nur nach dem Unterschreiben eines Verzichts anzeigen oder zusätzliche
  Informationen einfordern, wenn eine Unterschrift fehlt.
</p>

<h3 id="signature-privacy">Unterschriften und Teilantworten</h3>

<p>
  Unterschriftsdaten werden bei Teilantworten (in Bearbeitung) nicht angezeigt: Der Posteingang blendet die Miniaturansicht aus, und Exporte
  lassen die Spalte leer, bis der Teilnehmer einreicht.
</p>

<h3 id="signature-use-cases">Wann Unterschriften sinnvoll sind</h3>

<p>Unterschriften eignen sich gut für alle Formulare, die eine dokumentierte Einwilligung oder Bestätigung erfordern:</p>

<ul>
  <li>Verträge und Vereinbarungen</li>
  <li>Einwilligungserklärungen (medizinisch, wissenschaftlich)</li>
  <li>Haftungsausschlüsse</li>
  <li>Genehmigungsworkflows</li>
</ul>

<h2 id="common-patterns">Häufige Anwendungsmuster</h2>

<ul>
  <li>
    <strong>Stellenbewerbung</strong> — ein Datei-Upload für den Lebenslauf (.pdf und .doc, .docx erlaubt) plus ein zweiter Upload für das
    Anschreiben
  </li>
  <li>
    <strong>Versicherungsanspruch</strong> — ein Datei-Upload auf <code>image/*</code> beschränkt für Fotodokumentation, mit einem hohen{' '}
    <strong>Max. Dateien</strong>-Wert, damit Antragsteller Schäden umfassend dokumentieren können
  </li>
  <li>
    <strong>Vertragsunterzeichnung</strong> — ein <a href="/de/building-forms/documents-block">Dokumentenblock</a> mit dem Vertrag, gefolgt
    von einem Unterschriftenfeld darunter
  </li>
  <li>
    <strong>Veranstaltungsregistrierung</strong> — ein Ausweis-Foto-Upload (nur Bilder, <strong>Max. Dateien</strong> 1) neben den
    Kontaktfeldern
  </li>
</ul>

> ℹ️ **Uploads werden auf dein Speicherkontingent angerechnet**
> <p>
>     Jede Datei — einschließlich Unterschriften und generierter PDFs — wird auf den Speicher des Workspace-Eigentümers angerechnet. Setze
>     konservative Größenlimits, wenn du regelmäßig große Dateien sammelst.
>   </p>

<h2 id="next-steps">Nächste Schritte</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Dokumentenblock](/de/building-forms/documents-block) — Dateien an Teilnehmer aushändigen — die andere Richtung
  - [Zahlungserfassung](/de/building-forms/payment-collection) — Stripe-Zahlungen im selben Formular akzeptieren
  - [Einreichungspostfach](/de/submissions-analytics/submission-inbox) — Hochgeladene Dateien aus Antworten herunterladen und prüfen
  - [Limits & Kontingente](/de/subscription-billing/limits-quotas) — Speicher- und Einsendungskontingente je Plan
</div>