> 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/einstufiges-bestellformular-im-funnel-einrichten.md).

# Einstufiges Bestellformular im Funnel einrichten

Füge ein einstufiges Bestellformular in eine Funnel-Stufe ein, ordne Produkte zu, gestalte die Eingaben klar und teste den vollständigen Abschluss.

Ein einstufiges Bestellformular bündelt Kontaktangaben, bei Bedarf Versandangaben, Produktauswahl und Zahlungsdaten auf einer einzigen Seite. Das passt zu einfachen Bestellungen und mobilen Abläufen: Besucherinnen und Besucher müssen nicht zwischen mehreren Formularseiten wechseln.

Weil alle Angaben gleichzeitig sichtbar sind, sollte das Formular bewusst schlank bleiben. Frage nur Daten ab, die du für diese Bestellung wirklich brauchst. Für lange Erklärungen, viele Varianten oder umfangreiche Versandangaben kann ein mehrstufiger Ablauf übersichtlicher sein.

## Was du vorher brauchst

Bevor du das Element in die Seite ziehst, müssen diese Grundlagen vorbereitet sein:

* Du kannst die gewünschte Website oder den Funnel bearbeiten.
* Die passende Funnel-Stufe ist ausgewählt.
* Die Produkte, die dort angeboten werden sollen, sind bereits im Standort angelegt.
* Jedes Produkt ist **genau dieser Funnel-Stufe** zugeordnet.

Die Produktzuordnung und das sichtbare Formular gehören zusammen. Ein Produkt, das nur an einer anderen Funnel-Stufe hinterlegt ist, erscheint hier nicht automatisch.

## Produkte an der richtigen Funnel-Stufe hinterlegen

1. Öffne **Websites** > **Funnels** und wähle den gewünschten Funnel.
2. Öffne die Funnel-Stufe, auf der die Bestellung stattfinden soll.
3. Wechsle rechts in den Reiter **Produkte**.
4. Klicke auf **Produkt hinzufügen**.
5. Wähle das passende Produkt aus oder erstelle es zuerst, wenn es noch nicht vorhanden ist.
6. Prüfe, wie der Produktname im Formular erscheinen soll.
7. Öffne bei Bedarf die **zusätzlichen Optionen** und speichere die Zuordnung.

Wiederhole diesen Vorgang nur für Produkte, die tatsächlich auf dieser Stufe angeboten werden sollen. So vermeidest du eine unklare Auswahl im Formular.

### Zusätzliche Optionen bei der Produktzuordnung

| Einstellung                 | Wirkung                                                     | Wann verwenden                                                                |
| --------------------------- | ----------------------------------------------------------- | ----------------------------------------------------------------------------- |
| **Mehrere Mengen erlauben** | Käuferinnen und Käufer können mehr als eine Einheit wählen. | Wenn eine Bestellung mehrere gleiche Artikel enthalten darf.                  |
| **Maximum pro Bestellung**  | Begrenzt die auswählbare Menge.                             | Wenn pro Abschluss nur eine bestimmte Anzahl sinnvoll oder verfügbar ist.     |
| **Hauptprodukt**            | Kennzeichnet den eigentlichen Kern der Bestellung.          | Für das Produkt, das auf dieser Seite im Mittelpunkt steht.                   |
| **Zusatzprodukt**           | Kennzeichnet ein ergänzendes Produkt.                       | Nur wenn es zum Hauptprodukt passt und im Test verständlich dargestellt wird. |

Teste Mengenbegrenzungen immer selbst. Eine Einstellung wirkt nur auf die Produktzuordnung dieser Funnel-Stufe und ersetzt keine Prüfung des gesamten Bestellablaufs.

## Formular in die Seite einfügen

1. Öffne im selben Funnel die gewünschte Stufe im Seiteneditor.
2. Klicke oben links auf **Elemente hinzufügen**.
3. Öffne die Kategorie mit Bestellelementen.
4. Ziehe **Einstufiges Bestellformular** an die gewünschte Stelle im Layout.
5. Klicke das eingefügte Element an und öffne seine **Formularoptionen**.
6. Speichere die Seite zunächst als Arbeitsstand.

Platziere das Formular so, dass Besucherinnen und Besucher vorher erkennen können, was sie bestellen und was nach dem Abschluss passiert. Auf kleinen Bildschirmen sollte keine wichtige Erklärung weit oberhalb des Formulars stehen.

## Felder verständlich einrichten

In den **Formularoptionen** steuerst du die sichtbaren Eingaben. Die aktuelle Ansicht umfasst unter anderem Kontaktangaben, Firmenname und Versandangaben. Für jedes Feld entscheidest du, ob es sichtbar, optional oder erforderlich sein soll.

* **Kontaktangaben:** Nur Angaben abfragen, die für Rückfragen oder die weitere Abwicklung benötigt werden.
* **Firmenname:** Ausblenden, wenn die Bestellung eindeutig von Privatpersonen kommt und das Feld keinen Zweck erfüllt.
* **Versandangaben:** Nur anzeigen, wenn die bestellte Leistung tatsächlich versendet werden muss.
* **Pflichtfeld:** Nur dann verwenden, wenn die Bestellung ohne diese Information nicht bearbeitet werden kann.
* **Optionales Feld:** Für hilfreiche, aber nicht zwingende Angaben.

Eine kurze Beschriftung ist besser als eine interne Bezeichnung. Prüfe auch Platzhalter, Hinweistexte und die Beschriftung der Abschluss-Schaltfläche. Sie müssen erklären, was als Nächstes passiert, ohne unklare Fachwörter.

## Weitere Optionen gezielt einsetzen

Je nach verwendeter Funnel-Fassung können zusätzliche Einstellungen erscheinen:

* **Warenkorbmodus:** Erlaubt die Auswahl von Produkten und Mengen innerhalb der hinterlegten Grenzen. Ist die Einstellung nicht sichtbar, steht sie in der verwendeten Fassung möglicherweise nicht zur Verfügung.
* **Produktbeschreibung:** Blendet zusätzliche Informationen zum Produkt direkt im Formular ein. Verwende nur kurze, entscheidungsrelevante Hinweise.
* **Zusatzprodukt:** Zeigt ein ergänzendes Produkt im Bestellablauf. Aktiviere es erst, wenn die Darstellung in der Vorschau verständlich ist.
* **Gutscheincode:** Ermöglicht die Eingabe eines dafür vorgesehenen Codes. Teste einen gültigen und einen ungültigen Code, bevor du die Seite veröffentlichst.

Aktiviere nicht jede sichtbare Option automatisch. Mehr Auswahl kann den Abschluss erschweren, besonders auf dem Smartphone.

## Gestaltung und Reihenfolge prüfen

Passe in den Element-Einstellungen **Schaltfläche**, **Text** und **Hintergrund** an das Erscheinungsbild deiner Seite an. Achte dabei auf eine klare Reihenfolge:

1. Produkt und wichtige Hinweise verstehen.
2. Kontakt- und gegebenenfalls Versandangaben eintragen.
3. Auswahl überprüfen.
4. Den Abschluss eindeutig auslösen.

Die wichtigste Schaltfläche muss sich deutlich vom Hintergrund abheben. Prüfe außerdem, ob Fehlermeldungen und Pflichtfeldhinweise bei enger mobiler Darstellung vollständig lesbar bleiben.

## Vorschau, Test und Veröffentlichung

1. Klicke im Seiteneditor oben rechts auf **Vorschau**.
2. Prüfe, ob alle zugeordneten Produkte angezeigt werden.
3. Teste sichtbare, optionale und erforderliche Felder mit Testdaten.
4. Teste Mengenwahl, Zusatzprodukt und Gutscheincode nur, wenn du diese Optionen aktiviert hast.
5. Wiederhole den Test in der mobilen Ansicht.
6. Kontrolliere nach einem vollständigen Test, ob Bestellung und Kontakt am erwarteten Ort im Standort erscheinen.
7. Veröffentliche die Funnel-Stufe erst, wenn der Ablauf ohne unklare Schritte funktioniert.

Die Vorschau ist wichtig, ersetzt aber keinen vollständigen Test des gewünschten Ablaufs. Ändere bei einem Fehler immer nur eine Ursache und teste danach erneut.

## Typische Probleme lösen

**Ein Produkt erscheint nicht.** Prüfe im Reiter **Produkte**, ob es derselben Funnel-Stufe zugeordnet ist wie das Formular. Kontrolliere anschließend die Vorschau erneut.

**Das Formular ist auf Mobilgeräten zu lang.** Blende nicht benötigte Felder aus und lasse nur wirklich erforderliche Angaben als Pflichtfeld stehen. Prüfe die Reihenfolge im mobilen Vorschaumodus.

**Eine zusätzliche Einstellung fehlt.** Optionen wie der Warenkorbmodus können von der verwendeten Funnel-Fassung abhängen. Baue die sichtbaren Einstellungen nicht nach, sondern teste den verfügbaren Ablauf.

**Der Abschluss lässt sich nicht wie erwartet prüfen.** Kontrolliere zuerst die Produktzuordnung, die sichtbaren Felder und die Abschluss-Schaltfläche. Führe dann den gesamten Ablauf mit Testdaten von Anfang bis Ende durch.

**Besucherinnen und Besucher brechen ab.** Kürze die Erklärung, entferne überflüssige Felder und mache deutlich, welche Angaben notwendig sind. Teste die Seite anschließend auf einem Smartphone.

## Praxisbeispiel: Workshop ohne Versand

Ein Kursanbieter verkauft einen einzelnen Workshop über eine Funnel-Stufe.

1. Er ordnet den Workshop im Reiter **Produkte** genau dieser Stufe zu.
2. Im Seiteneditor fügt er ein einstufiges Bestellformular unter der Workshop-Beschreibung ein.
3. Firmenname und Versandangaben blendet er aus, weil sie für die Teilnahme nicht benötigt werden.
4. Er prüft die Kontaktangaben, die Produktanzeige und die Abschluss-Schaltfläche in der Desktop- und Mobilvorschau.
5. Eine Kollegin führt den vollständigen Test durch und kontrolliert danach Kontakt und Bestellung im Standort.

Das Formular enthält dadurch nur die notwendigen Schritte und bleibt auch für erstmalige Besucherinnen und Besucher verständlich.


---

# 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/einstufiges-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.