> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/zweistufiges-bestellformular-im-funnel-einrichten.md).

# Zweistufiges Bestellformular im Funnel einrichten

## Kurz erklärt

Ein zweistufiges Bestellformular teilt einen längeren Vorgang in zwei übersichtliche Ansichten. Im ersten Schritt erfassen Besucher:innen ihre Kontaktangaben und – falls nötig – Versandangaben. Im zweiten Schritt sehen sie die Abschlussansicht und schließen den Vorgang ab.

Das ist besonders hilfreich, wenn du nicht alle Eingaben auf einmal zeigen möchtest. Du bestimmst je Feld, ob es sichtbar, optional oder erforderlich ist, und formulierst Überschriften sowie Schaltflächen so, dass der nächste Schritt verständlich bleibt.

## Was das Formular braucht

Damit das Formular sinnvoll funktioniert, müssen zwei Dinge auf **derselben Funnel-Stufe** vorbereitet sein:

1. Mindestens ein vollständig vorbereitetes Produkt ist der Funnel-Stufe zugeordnet.
2. Das Element **Zweistufiges Bestellformular** ist im Seiteneditor dieser Funnel-Stufe eingefügt.

Ein Produkt, das nur an einer anderen Funnel-Stufe hinterlegt ist, erscheint nicht automatisch im Formular der aktuellen Seite.

## Voraussetzungen

Du brauchst:

* Einen Funnel mit einer bestehenden oder neu angelegten Funnel-Stufe.
* Zugriff auf **Websites > Funnels**.
* Mindestens ein Produkt, das du dieser konkreten Funnel-Stufe zuordnen kannst.
* Einen klaren Plan, welche Kontakt- und Versandangaben wirklich benötigt werden.

> **Wichtig:** Frage nur Daten ab, die du für den weiteren Ablauf brauchst. Weniger, klar erklärte Felder machen den ersten Schritt leichter verständlich.

## Produkt an die richtige Funnel-Stufe anhängen

1. Öffne **Websites > Funnels**.
2. Öffne den gewünschten Funnel.
3. Wähle genau die Funnel-Stufe aus, auf der das Formular stehen soll.
4. Öffne rechts den Bereich **Produkte**.
5. Klicke auf **Produkt hinzufügen**.
6. Wähle ein vorhandenes Produkt aus oder lege ein neues Produkt an.
7. Prüfe den angezeigten Produktnamen. Wenn die Oberfläche dafür ein eigenes Feld anbietet, kannst du die Bezeichnung für dieses Formular anpassen.
8. Öffne bei Bedarf **Zusätzliche Optionen**.
9. Aktiviere die Auswahl mehrerer Einheiten nur, wenn Besucher:innen tatsächlich mehr als eine Einheit wählen dürfen.
10. Lege dann eine sinnvolle Höchstmenge pro Vorgang fest.
11. Wiederhole die Zuordnung für weitere Produkte, falls sie auf dieser Funnel-Stufe erscheinen sollen.

### So prüfst du die Zuordnung

Bleibe in genau dieser Funnel-Stufe und öffne anschließend die Seitenvorschau. Werden die erwarteten Produkte dort nicht angezeigt, prüfe zuerst den Bereich **Produkte** dieser Stufe – nicht nur die Produktverwaltung an anderer Stelle.

## Das zweistufige Formular einfügen

1. Öffne die gewünschte Funnel-Stufe im Seiteneditor.
2. Klicke oben links auf **Elemente hinzufügen**.
3. Öffne die Kategorie mit den Bestellelementen.
4. Wähle **Zweistufiges Bestellformular**.
5. Ziehe das Element an die Stelle, an der Besucher:innen den Vorgang beginnen sollen.
6. Öffne danach die Einstellungen dieses Elements.

Das Formular hat eigene Einstellungen. Änderungen an einem anderen Formularelement der Seite verändern das zweistufige Formular nicht automatisch.

## Schritt 1: Kontakt- und Versandangaben verständlich gestalten

Öffne in den Element-Einstellungen **Formularoptionen > Schritt 1**. Hier legst du fest, was vor dem Übergang zur Abschlussansicht sichtbar ist.

| Einstellung                       | Wofür sie da ist                                                                                                   | Gute Entscheidung                                                                  |
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------- |
| Überschrift und Unterüberschrift  | Erklären, was Besucher:innen jetzt tun sollen.                                                                     | Sage klar, welche Angaben benötigt werden und warum.                               |
| Firmenname                        | Kann ausgeblendet, optional oder erforderlich sein.                                                                | Nur erforderlich machen, wenn du ihn wirklich brauchst.                            |
| Namensprüfung                     | Wird in der Oberfläche beim Feld für den vollständigen Namen angezeigt. Die Quelle erklärt die genaue Regel nicht. | Lass die Voreinstellung zunächst bestehen und teste mit einem vollständigen Namen. |
| Feldbezeichnungen und Platzhalter | Machen die erwartete Eingabe verständlich.                                                                         | Verwende kurze, eindeutige Begriffe.                                               |
| Rufnummer                         | Kann ausgeblendet, optional oder erforderlich sein.                                                                | Nur abfragen, wenn sie für Rückfragen oder die Zustellung nötig ist.               |
| Versandangaben                    | Werden ein- oder ausgeblendet.                                                                                     | Nur aktivieren, wenn der Ablauf Versanddaten benötigt.                             |
| Schaltfläche zu Schritt 2         | Führt in die nächste Ansicht.                                                                                      | Formuliere eine klare Handlung, zum Beispiel „Weiter zur Übersicht“.               |

### Warum die Entscheidung je Feld wichtig ist

Ein erforderliches Feld hält Besucher:innen an, bis es ausgefüllt ist. Ein optionales Feld darf leer bleiben. Ein ausgeblendetes Feld wird gar nicht angezeigt. Prüfe deshalb jedes Feld aus Sicht einer Person, die deine Seite zum ersten Mal sieht: Kann sie ohne Rückfrage erkennen, was dort erwartet wird?

## Schritt 2: Abschlussansicht verständlich gestalten

Öffne in den Element-Einstellungen **Formularoptionen > Schritt 2**.

Hier kannst du die Überschriften, Beschriftungen und den Text der Abschluss-Schaltfläche anpassen. Der zweite Schritt sollte deutlich machen, dass die Angaben aus Schritt 1 übernommen wurden und was die Person als Nächstes tun soll.

Achte besonders auf:

* eine Überschrift, die den Abschluss klar ankündigt;
* kurze, verständliche Feldbezeichnungen;
* einen eindeutigen Text auf der letzten Schaltfläche;
* eine Gestaltung, die sich sichtbar von der ersten Eingabeansicht unterscheidet, ohne verwirrend zu wirken.

## Weitere Einstellungen sinnvoll einsetzen

Neben den zwei Schritten findest du weitere Optionen für die Darstellung.

* **Produktbeschreibung anzeigen:** Aktiviere sie, wenn Besucher:innen vor dem Abschluss noch eine kurze Erklärung zum ausgewählten Produkt brauchen.
* **Warenkorbmodus:** Diese Option ist nur verfügbar, wenn deine verwendete Funnel-Version sie unterstützt. Aktiviere sie erst nach einem vollständigen Vorschautest.
* **Farben:** Passe Schaltflächen, Text und Hintergrund an dein Erscheinungsbild an. Achte auf lesbaren Kontrast, besonders auf dem Smartphone.
* **Bedingungen:** Im Abschlussbereich kann eine optionale Einstellung für Bedingungen erscheinen. Die Quelle erläutert nicht, wie der zugehörige Inhalt verwaltet wird. Aktiviere sie daher erst, wenn du in der Vorschau klar siehst, was Besucher:innen angezeigt wird.
* **Mehrere Einheiten:** Diese Einstellung gehört zur Produktzuordnung der Funnel-Stufe. Prüfe sie dort, nicht nur im Formularelement.

## Sicher testen und veröffentlichen

1. Klicke im Seiteneditor oben rechts auf **Vorschau**.
2. Öffne die Vorschau zusätzlich auf einem Smartphone.
3. Gehe den ersten Schritt mit Testdaten durch.
4. Prüfe, ob die richtigen Felder sichtbar, optional oder erforderlich sind.
5. Prüfe den Übergang in Schritt 2.
6. Kontrolliere Produktbezeichnungen, Beschreibungen, Überschriften und Schaltflächentexte.
7. Wiederhole den Test, nachdem du Versandangaben, Mengenwahl oder Gestaltung geändert hast.
8. Veröffentliche die Funnel-Stufe erst, wenn beide Ansichten verständlich funktionieren.

## Ergebnis prüfen

Nach der Veröffentlichung sollte Folgendes stimmen:

* Das Formular steht auf der vorgesehenen Funnel-Stufe.
* Im ersten Schritt erscheinen nur die geplanten Kontakt- und Versandfelder.
* Erforderliche Felder lassen sich nicht versehentlich überspringen.
* Die Schaltfläche führt nachvollziehbar zur zweiten Ansicht.
* Zugeordnete Produkte erscheinen auf dieser Stufe.
* Texte und Farben sind auf Mobilgeräten gut lesbar.

## Häufige Probleme

### Produkte erscheinen nicht im Formular

Öffne den Funnel und prüfe den Bereich **Produkte** direkt an der betroffenen Funnel-Stufe. Das Produkt muss genau dort zugeordnet sein. Prüfe anschließend erneut in der Vorschau.

### Besucher:innen können nicht die gewünschte Menge wählen

Öffne bei der Produktzuordnung die **Zusätzlichen Optionen**. Dort steuerst du, ob mehrere Einheiten erlaubt sind und welche Höchstmenge gelten soll.

### Der erste Schritt wirkt zu lang

Blende nicht benötigte Felder aus oder mache sie optional. Aktiviere Versandangaben nur, wenn sie für den Ablauf erforderlich sind. Teste danach den Weg auf einem Smartphone erneut.

### Die zweite Ansicht ist unklar

Überarbeite Überschrift und Text der Abschluss-Schaltfläche. Menschen sollten ohne Vorwissen verstehen, dass sie jetzt den Vorgang abschließen und nicht zu Schritt 1 zurückkehren.

### Der Warenkorbmodus fehlt

Diese Option hängt von der verwendeten Funnel-Version ab. Prüfe zuerst, ob deine Funnel-Stufe diese Einstellung unterstützt. Fehlt sie, plane den Ablauf ohne diese Option und teste die vorhandene Formularansicht.

## Praxisbeispiel

Ein Team bietet über eine Funnel-Stufe ein Informationspaket an. Es ordnet das Paket zuerst genau dieser Stufe zu und fügt danach das zweistufige Formular ein. Im ersten Schritt fragt es nur Name und E-Mail-Adresse ab; Versandangaben bleiben ausgeschaltet. Die Überschrift erklärt in einem Satz, was nach dem Ausfüllen passiert. Im zweiten Schritt zeigt das Team eine kurze Produktbeschreibung und eine eindeutige Abschluss-Schaltfläche.

Vor der Veröffentlichung testet das Team den Ablauf am Desktop und auf einem Smartphone. Dabei fällt auf, dass eine lange Überschrift auf dem Smartphone umbrechen würde. Es kürzt die Überschrift, prüft beide Schritte erneut und veröffentlicht erst dann die Funnel-Stufe.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/zweistufiges-bestellformular-im-funnel-einrichten.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.