Slide – Loader

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 – Buttons & Addons

Im Tab „Buttons & 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)

War dieser Artikel hilfreich? 1 Star2 Stars3 Stars4 Stars5 Stars
Loading...