Slide – Loader

With a loader you can suggest your user an added value by analyzing/calculating and thus separate the query process from the input process.

With our new and revised Loader style “v2-multi-loader” you can now use multiple Loaders in one questionnaire!

You can find nice and also some free loader animations on


Open the module settings for editing.

Tab – Allgemein (General)

In the tab “General” you edit/enable

  • The Slide-ID
  • The next Slide-ID (for a branched questionnaire)
  • Navigation settings (reverse navigation, scrollup)
  • Submission & Tracking Settings

So content with which the user does not have to interact.

Tab – Design

In the tab “Design” you can set colors and distances and select the loader style.

Depending on the style, different setting options appear in the “Content” tab.

We recommend our revised loader style “v2-multi-loader”.

Tab – Inhalt (Content)

In the tab “Content” you can define how long the loader will be displayed and which message and picture should appear after the loader has finished.

Loader page:

  • Edit the headline and define the position
  • You can also assign a 2nd heading and determine its position
  • Hide the heading when the loading animation is complete
  • Use a loading image and set the loading time

Loading site – Finish:

  • Edit the message
  • Upload a picture
  • Adjust the display duration of the message
  • You can hide the loading animation Finish-Headline after the next page
  • Use a heading after the loading animation

Tab – Buttons & Addons

In the tab “Buttons & Addons” you can edit the progressbar and Dynamic-Headline settings.


  • Longest path of the progress bar (may differ in different question trees in case of a branched questionnaire)
  • Index for the progress bar (to outwit the display)

Dynamic Headline:

  • Here you can set your headline individually for this question.

Note that there is also the addon Dynamic-Headline, where you can globally set the headlines for questions (all at once), contact form, confirmation, loader and zip code.

Using this setting here only makes sense if you have questions in which different headlines should appear. Otherwise use the addon Dynamic-Headline for a better overview.

Tab – Custom Css/Js

In the tab “Custom Css/Js” you can add additional Css and Javascript to each slide.

Custom Js:

  • Javascript on appearance of the slide (executed when the slide is entered)
  • Javascript when leaving the slide (always executed when the slide is left)
  • Javascript when leaving the slide – Validation correct (only executed if the slide may be left, i.e. the validations are correct)

War dieser Artikel hilfreich? 1 Star2 Stars3 Stars4 Stars5 Stars