Eine Ladeanimation zeigt deinen Besuchern kurz „Wir berechnen dein Ergebnis…“, bevor es weitergeht. Das baut Spannung auf, etwa vor dem Kontaktschritt oder vor einem Ergebnis. Der Schritt hat keinen Weiter-Knopf und geht nach der eingestellten Dauer von selbst zum nächsten Schritt.
Voraussetzungen
- Funnelforms Free oder Funnelforms Pro 5.0.7 oder neuer. Die Ladeanimation ist in beiden gleich.
- Du hast das Recht, Formulare zu bearbeiten.
Wo finde ich die Funktion?
Funnelforms → Formulare → Formular öffnen → Aufbau. In der Seitenleiste links auf dem Reiter Hinzufügen in der Gruppe Inhalte und mehr steht der Baustein Ladeanimation. Auf der Leinwand heißt der Schritt dann zum Beispiel „Ladeanimation · 4 s“.
Funktionen im Überblick
| Einstellung | Was sie tut |
|---|---|
| Animation | Fortschrittsbalken, Ring mit Prozent, Checkliste, Kreisel, Punkte oder Lupe. |
| Dauer (Sekunden) | Wie lange die Animation läuft, 0,5 bis 60 Sekunden. |
| Texte während des Wartens | Eine Zeile je Text, höchstens zehn. |
| Prozent anzeigen | Beim Fortschrittsbalken und beim Ring. |
| Größe | Klein, Mittel oder Groß. |
| Texte | Unter der Animation oder Über der Animation. |
| Eigene Farbe | Farbe der Animation; sonst die Akzentfarbe des Designs. |
| Text, Bild oder Video über der Animation | Eingeklappt darunter, wie bei Text und Medien. |
| Vorschau der Ladeanimation | Läuft im Editor in Schleife. |
Schritt-für-Schritt-Anleitung
- Öffne das Formular im Arbeitsbereich Aufbau.
- Zieh den Baustein Ladeanimation aus Inhalte und mehr an die Stelle, an der gewartet werden soll, zum Beispiel vor den Kontaktschritt.
- Wähle rechts unter Eigenschaften die Animation.
- Stelle die Dauer (Sekunden) ein. Für die meisten Formulare passen 3 bis 5 Sekunden.
- Passe die Texte während des Wartens an, eine Zeile je Text.
- Stelle bei Bedarf Prozent anzeigen, Größe, die Position der Texte und eine Eigene Farbe ein.
- Prüfe die Ladeanimation in der Vorschau und speichere.
Erklärungen
Was steht am Anfang drin?
Ein neuer Baustein hat die Überschrift „Einen Moment bitte“, einen Fortschrittsbalken mit Prozent, 4 Sekunden Dauer und die Texte „Wir prüfen deine Angaben…“, „Wir berechnen dein Ergebnis…“ und „Gleich geschafft…“. Die Texte stehen in der Sprache des Formulars.
Wie verhalten sich die Texte?
Bei den meisten Animationen wechseln die Texte gleichmäßig über die Dauer. Bei der Checkliste stehen alle Texte als Liste da und werden über die Dauer nacheinander abgehakt. Ohne Texte zeigt die Checkliste einen Kreisel.
Was sehen Besucher?
Die Animation startet, sobald der Schritt erscheint, und das Formular geht danach von selbst weiter. Gehen Besucher mit Zurück zurück, überspringt das Formular die Ladeanimation. Screenreader lesen die Texte vor. Haben Besucher in ihrem System weniger Bewegung eingestellt, laufen Punkte und Lupe nicht.
Was ist mit „Text und Medien“?
Bis 5.0.6 war die Ladeanimation im Baustein Text und Medien unter Wie es weitergeht versteckt. Solche Schritte funktionieren weiter. Ein Schritt aus Funnelforms 3 mit Wartezeit kommt als Text und Medien mit Von selbst nach einer Wartezeit an; wählst du dort unter Wie es weitergeht die Ladeanimation, bekommt er dieselben Einstellungen.
Was passiert beim Import aus Funnelforms 4?
Der Ladebildschirm aus Funnelforms 4 wird eine Ladeanimation mit Animation, Dauer, Texten, Prozent, Größe und Farbe. Die Geschwindigkeit fällt weg, weil die Dauer zählt. Texte links oder rechts der Animation stehen danach darunter. Mehr in Von Funnelforms 4 umziehen: Formulare und Leads importieren.
Best Practices
- Nutze eine Ladeanimation je Formular, am besten direkt vor dem Kontaktschritt oder dem Ergebnis.
- Halte sie kurz. Länger als 5 Sekunden wirkt schnell wie ein Fehler.
- Schreib Texte, die zum Formular passen, etwa „Wir suchen passende Angebote…“.
- Nimm die Checkliste, wenn du zeigen willst, was gerade „geprüft“ wird.
Troubleshooting
| Problem | Ursache | Lösung |
|---|---|---|
| Der Baustein Ladeanimation fehlt | Es läuft eine Version vor 5.0.7. | Aktualisiere Funnelforms. |
| Die Texte wechseln zu schnell | Viele Texte bei kurzer Dauer. | Verlängere die Dauer oder kürze die Liste. |
| Die Checkliste zeigt nur einen Kreisel | Es sind keine Texte eingetragen. | Trag unter Texte während des Wartens mindestens einen Text ein. |
| Punkte oder Lupe bewegen sich nicht | Das Gerät ist auf weniger Bewegung eingestellt. | Das ist gewollt; wähle bei Bedarf den Fortschrittsbalken. |
| Die Farbe passt nicht zum Design | Die Akzentfarbe des Designs wird genutzt. | Schalte Eigene Farbe ein und wähle die Farbe der Animation. |
Tipps
- Über der Animation kannst du einen kurzen Text, ein Bild oder ein Video zeigen.
- Prozent stehen nur beim Fortschrittsbalken und beim Ring.
FAQ
Wird während der Animation wirklich etwas berechnet? Nein. Die Animation läuft für die eingestellte Dauer; Berechnungen passieren ohnehin sofort.
Wird die Ladeanimation im Eintrag gespeichert? Nein. Sie fragt nichts ab und erscheint nicht in Einträgen und Exporten.
Gibt es das in Funnelforms Free? Ja, mit allen Einstellungen.