Slide – Loader

24. November 201910. Januar 2021 I Slide

Mit einem Loader kannst du deinem Nutzer einen Mehrwert durch die Analyse deines Systems suggerieren und so den Abfrage-Prozess von dem Eingabe-Prozess abtrennen.

Mit unserem neuen und überarbeiteten Loader-Stil „v2-multi-loader“ kannst du nun mehrere Loader in einem Fragebogen verwenden! Schöne und auch einige freie Loader-Animationen findest du unter https://icons8.com/preloaders/en/free

Bearbeiten

Zum Bearbeiten die Modul-Einstellungen öffnen.

Tab – Allgemein

Im Tab „Allgemein“ editierst/vergibst du

die Slide-ID
die Folge-Slide-ID (bei verzweigtem Fragebogen)
Navigations-Einstellungen (Rückwärts-Navigation, Scrollup)
Submission- & Tracking-Einstellungen

Also Inhalte mit denen der User nicht interagieren muss.

Tab – Design

Im Tab „Design“ kannst du Farben und Abstände einstellen sowie die Loader-Variante auswählen.

Abhängig von der Variante erscheinen unterschiedliche Einstellungsmöglichkeiten im Tab „Inhalt“.

Wir empfehlen unseren überarbeiteten Loader-Stil „v2-multi-loader“.

Tab – Inhalt

Im Tab „Inhalt“ bestimmst du wie lange der Loader angezeigt wird und welche Nachricht und Bild nach Abschluss des Loaders erscheinen soll.

Ladeseite

Editiere die Überschrift und bestimme die Position
Du kannst auch einen 2. Überschrift vergeben und deren Position bestimmen
Blende die Überschrift aus, wenn die Ladeanimation abgeschlossen ist
Verwende ein Lade-Bild und stelle die Lade-Dauer ein

Ladeseite – Finish

Editiere die Nachricht
Lade ein Bild hoch
Passe die Anzeigedauer der Nachricht an
Du kannst die Lade-Animation Finish-Headline nach der nächsten Seite wieder ausblenden
Verwende eine Überschrift nach der Ladeanimation

Tab – Addons

Im Tab „Addons“ werden Progressbar- und Dynamic-Headline-Einstellungen editiert.

Progressbar

Längster Pfad der Progressbar (kann sich bei verzweigtem Fragebogen in verschiedenen Fragebäumen unterscheiden)
Index für die Progressbar (zum Überlisten der Anzeige)

Dynamic Headline

Hier kannst du deine Headline noch einmal individuell für diese Frage einstellen.

Beachte jedoch, dass es auch noch das Addon Dynamic-Headline gibt, in dem du global die Headlines für Fragen (alle gleichzeitig), Kontaktformular, Confirmation, Loader und Zip-Code einstellen kannst.

Diese Einstellung hier zu nutzen macht erst Sinn, wenn du Fragen hast in denen unterschiedliche Headlines erscheinen sollen. Ansonsten nutze das Addon Dynamic-Headline für eine bessere Übersicht.

Tab – Custom Css/Js

Im Tab „Custom Css/Js“ kannst du jedem Slide noch zusätzliches Css und Javascript mitgeben.

Custom-Js

Javascript bei Erscheinen des Slides (wird ausgeführt, wenn der Slide betreten wird)
Javascript bei Verlassen des Slides (wird immer ausgeführt wenn der Slide verlassen wird)
Javascript bei Verlassen des Slides – Validierung korrekt (wird nur ausgeführt, wenn der Slide verlassen werden darf, also die Validierungen korrekt sind)