> 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/umfragen-passend-gestalten.md).

# Umfragen passend gestalten

## Kurz erklärt

Eine Umfrage soll leicht zu beantworten sein – auch auf dem Smartphone. Im Builder kannst du die sichtbare Führung anpassen: Fußzeile, Fortschritt, Farben, Hintergrund und die Schaltflächen zum Zurück- und Weitergehen.

Diese Einstellungen ändern **nicht** deine Fragen und auch nicht die bereits erfassten Antworten. Sie steuern nur, wie die Umfrage für Besucher:innen und in deiner Vorschau aussieht. Teste sie deshalb immer mit einem vollständigen Probelauf.

## Was du vor dem Gestalten vorbereitest

Du brauchst eine Umfrage, deren Fragen und Reihenfolge bereits grob feststehen. Dann kannst du die Gestaltung gezielt an die Länge und Aufgabe der Umfrage anpassen.

1. Öffne **Websites > Umfragen > Builder**.
2. Wähle eine vorhandene Umfrage aus oder klicke auf **Umfrage hinzufügen**.
3. Entscheide, ob du mit einer leeren Umfrage oder einer Vorlage startest.
4. Lege zuerst die Fragen und Pflichtangaben an.
5. Öffne danach die Vorschau und beantworte die Umfrage einmal selbst.

So beurteilst du Gestaltung und Bedienung nicht nur im Editor, sondern aus Sicht der späteren Besucher:innen.

## Die Fußzeile und den Fortschritt einstellen

Die Fußzeile ist der Bereich, in dem sich unter anderem die Navigation und die Fortschrittsanzeige befinden können. Sie hilft besonders bei längeren Umfragen: Menschen sehen, dass es weitergeht und wie viel noch vor ihnen liegt.

Öffne im rechten Einstellungsbereich die Optionen für die Fußzeile. Dort kannst du – je nach gewählter Gestaltung – Folgendes festlegen:

| Einstellung                    | Wirkung für Besucher:innen                                                   | Worauf du achten solltest                                                                             |
| ------------------------------ | ---------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
| Fußzeile aktivieren            | Zeigt einen eigenen unteren Navigationsbereich.                              | Prüfe, dass sie nicht zu viel Platz auf kleinen Bildschirmen einnimmt.                                |
| Fortschritt anzeigen           | Macht den Bearbeitungsstand sichtbar.                                        | Sinnvoll bei mehreren Seiten; bei einer sehr kurzen Umfrage oft nicht nötig.                          |
| Fortschrittsart                | Die Quelle belegt vier verschiedene Darstellungsarten.                       | Wähle eine leicht verständliche Variante und bleibe bei ihr.                                          |
| Seitenzahl oder Prozentwert    | Zeigt entweder die Anzahl der Schritte oder den prozentualen Fortschritt.    | Prozentwerte wirken bei vielen Fragen oft ruhiger; Seitenzahlen sind bei wenigen Schritten konkreter. |
| Feste oder abgesetzte Fußzeile | Die Fußzeile kann an der Umfrage bleiben oder am unteren Ende sitzen.        | Prüfe in der Mobilansicht, ob die Weiter-Schaltfläche jederzeit gut erreichbar bleibt.                |
| Ausrichtung                    | Der Fortschritt kann links, rechts oder auf beiden Seiten angeordnet werden. | Setze keine Dekoration ein, die von der nächsten Frage oder Schaltfläche ablenkt.                     |

Öffne nach jeder Änderung die Vorschau. Eine Fortschrittsanzeige ist nur hilfreich, wenn sie lesbar bleibt und den nächsten Schritt nicht verdeckt.

## Farben, Hintergrund und Lesbarkeit

Passe Text- und Schaltflächenfarben so an, dass sie zu deiner Website passen. Ein Hintergrundbild kann eine Umfrage aufwerten, darf aber nie die Lesbarkeit schwächen.

Prüfe diese drei Punkte direkt in der Vorschau:

1. **Text:** Ist jede Frage auch auf dem tatsächlichen Hintergrund gut lesbar?
2. **Schaltflächen:** Hebt sich der Weiter-Button deutlich vom Hintergrund ab?
3. **Hintergrundbild:** Bleibt hinter Text und Eingabefeldern genug Ruhe, oder wirkt die Seite unübersichtlich?

Verwende bei Unsicherheit einen ruhigen, einfarbigen Hintergrund. Das ist meist besser als ein Bild, das wichtige Inhalte überlagert.

## Zurück- und Weiter-Schaltflächen verständlich machen

Die Schaltflächen für die Navigation lassen sich in Höhe, Schriftgröße, Schriftstärke und Darstellungsart anpassen. Für die Darstellung kannst du Text, Pfeile oder beides wählen.

Für Menschen, die deine Umfrage zum ersten Mal sehen, ist **Text plus Pfeil** meist am klarsten: Der Text erklärt die Aktion, der Pfeil zeigt die Richtung.

Gehe im Builder so vor:

1. Öffne die Einstellungen für die Schaltflächen.
2. Passe Höhe und Schriftgröße so an, dass die Fläche auf dem Smartphone gut antippbar ist.
3. Wähle eine klare Beschriftung, zum Beispiel **Weiter** und **Zurück**.
4. Prüfe, ob die Schaltflächen nach einer langen Antwort noch sichtbar sind.
5. Führe einen kompletten Test auf Desktop und Smartphone aus.

Eine auffällige Schaltfläche ist sinnvoll. Mehrere gleich starke Farben, Formen oder Hinweise konkurrieren dagegen unnötig um Aufmerksamkeit.

## Immer nur eine Frage pro Ansicht zeigen

Mit **Eine Frage pro Schritt** erscheint jede Frage auf einer eigenen Ansicht. Das schafft einen ruhigeren Ablauf: Besucher:innen konzentrieren sich immer auf genau eine Eingabe. Dieselbe Darstellung siehst du auch in der Builder-Vorschau.

So aktivierst du sie:

1. Öffne die gewünschte Umfrage im Builder.
2. Klicke oben rechts auf **Stile und Optionen**.
3. Wähle unter **Umfragetyp** die Option **Eine Frage pro Schritt**.
4. Prüfe im Builder, ob jede Frage auf einer eigenen Ansicht erscheint.
5. Öffne die Vorschau und beantworte die Umfrage vollständig.

Die Einstellung entfernt und verändert keine bestehende Frage. Sie ändert nur die Darstellung. Auch Felder, die gesammelt hinzugefügt wurden, werden bei dieser Ansicht passend auf einzelne Schritte verteilt.

### Wenn deine Umfrage Bedingungen enthält

Bedingungen entscheiden, welche Frage nach einer bestimmten Antwort folgt. Vor der Umstellung weist der Builder darauf hin, dass sich dieser Ablauf auswirken kann.

Lies den Hinweis vollständig und teste anschließend jeden wichtigen Antwortweg:

1. Starte einen Test mit der ersten möglichen Antwort.
2. Prüfe, welche Frage danach erscheint.
3. Wiederhole den Test mit allen Antworten, die zu einem anderen Schritt führen.
4. Sende mindestens einen Test vollständig ab.

So erkennst du früh, ob Besucher:innen noch zur richtigen Frage geführt werden.

## Kontaktdaten bei abgebrochenen Umfragen

Die Gestaltung einer Umfrage und das Speichern unvollständiger Antworten sind zwei getrennte Aufgaben. Wenn du Kontaktdaten schon nach einem frühen Schritt speichern möchtest, lege die nötigen Angaben an den Anfang der Umfrage und prüfe die Funktion mit einem bewussten Abbruch.

Die vollständige Einrichtung, die Grenzen bei Bedingungen und der sichere Testablauf stehen in [Kontakte aus unvollständigen Umfragen übernehmen](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/formulare-und-umfragen/kontakte-aus-unvollstandigen-umfragen-ubernehmen). So bleibt diese Seite auf Gestaltung und Bedienbarkeit konzentriert.

## Antworten und eigene Fragen sauber prüfen

Du kannst eigene Fragen über das Plus-Menü als eigene Felder hinzufügen. Die Antworten dieser Felder erscheinen anschließend beim jeweiligen Kontakt.

Prüfe vor der Veröffentlichung:

1. Ist klar, welche Antwort du für die weitere Bearbeitung wirklich brauchst?
2. Ist jede Pflichtfrage nachvollziehbar beschriftet?
3. Sind auf der ersten Ansicht alle Angaben vorhanden, die beim Zwischenspeichern benötigt werden?
4. Wird eine Testantwort beim richtigen Kontakt angezeigt?
5. Sind keine Testdaten mehr im Kontaktbestand, bevor die Umfrage live geht?

## Vollständiger Qualitätscheck vor der Veröffentlichung

Arbeite diese Liste für jede Umfrage ab:

1. Öffne die Vorschau auf Desktop und Smartphone.
2. Beantworte alle Fragen einmal vollständig.
3. Teste jede Pflichtfrage mit einer absichtlich fehlenden Eingabe.
4. Teste alle Antwortwege, wenn Bedingungen verwendet werden.
5. Prüfe Text, Hintergrund und Schaltflächen bei jeder Ansicht.
6. Kontrolliere Fortschritt und Fußzeile auf kleinen Bildschirmen.
7. Sende eine Testantwort und prüfe die gespeicherten Antworten.
8. Teste bei aktivierter Zwischenspeicherung zusätzlich einen bewussten Abbruch nach dem ersten Schritt.
9. Veröffentliche erst, wenn die Umfrage aus Sicht einer neuen Person verständlich funktioniert.

## Häufige Probleme

### Der Text ist über dem Hintergrund schlecht lesbar

Verringere die Wirkung des Hintergrundbilds oder ersetze es durch eine ruhige Fläche. Prüfe nicht nur die erste Ansicht: Lange Fragen und Fehlermeldungen brauchen oft mehr Platz.

### Die Weiter-Schaltfläche ist auf dem Smartphone kaum erreichbar

Vergrößere die Schaltfläche und reduziere konkurrierende Gestaltungselemente. Teste mit dem tatsächlichen Gerät, nicht nur durch Verkleinern des Browserfensters.

### Nach der Umstellung erscheint eine falsche nächste Frage

Prüfe die Bedingungen der Umfrage. Schalte die Ein-Frage-Ansicht nicht endgültig frei, bevor du jeden Antwortweg getestet hast.

### Ein abgebrochener Test hat keinen Kontakt erzeugt

Prüfe zuerst, ob die Funktion für unvollständige Übermittlungen aktiviert ist und die Kontaktdaten auf der ersten Ansicht stehen. Kontrolliere danach, ob eine Bedingung direkt zur letzten Ansicht gesprungen ist.

### Es gibt Antworten, aber sie sind schwer zuzuordnen

Überarbeite die Beschriftung der Fragen und führe einen neuen Test durch. Verwende eindeutige Feldnamen, damit du später beim Kontakt sofort erkennst, welche Angabe gemeint ist.

## Praxisbeispiel

Ein Beratungsbetrieb erstellt eine kurze Anfrageumfrage für Mobilgeräte. Zuerst legt das Team Name und E-Mail-Adresse auf die erste Ansicht. Danach folgen vier Fragen, die jeweils einzeln angezeigt werden.

Für die Gestaltung aktiviert das Team eine dezente Fußzeile mit Fortschritt in Prozent, eine gut sichtbare Weiter-Schaltfläche und einen ruhigen Hintergrund. Anschließend testet es die Umfrage auf einem Smartphone: einmal vollständig und einmal mit Abbruch nach dem ersten Schritt.

Dabei prüft das Team, ob die Kontaktdaten beim Abbruch gespeichert sind, ob jede Frage lesbar bleibt und ob der nächste Schritt immer eindeutig ist. Erst dann veröffentlicht es die Umfrage.


---

# 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/umfragen-passend-gestalten.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.