Step into the realm of interactive storytelling with the Story Module, inspired by the fluid and engaging format of Instagram stories. This innovative tool empowers you to craft dynamic sequences of slides, each showcasing diverse content tailored to captivate your audience. With individual timing controls for each slide, you can orchestrate a seamless journey through your narrative, ensuring every moment resonates with impact. Users are always informed of how many slides remain and the time remaining on the current slide, fostering anticipation and engagement.
Use cases
Display your information in a familiar format
Allow the user to see the flow of slide contents and skip/rewind to their liking
Example
This ad shows that the normal story module can be used for videos as well while offering the scenes to show different modules (In this case a clickout background module on the last scene).
As with all examples, you can request us to copy them over to your company so you can look at how they are built in detail.
Adding Scenes & Content
Generally, you can add scenes and content the same way you would for the Gallery module.
Hitting the "+" icon will add slides and the bin icon will delete them. You can add contents by either double-clicking the module inside the workspace to enter its' scope, or by clicking the individual scenes inside the Layers tab.
Replay animations
Activating this setting will make sure that all animations set up in the timeline to be played inside a scene will be replayed if the user switches to that scene again by rewinding.
Progress bar settings
You can change how the progress bar on top of the story will look like with these three settings. The first two fields allow you to change the active & inactive RGBA colors of the progress bars, while the slider will let you change the height of the progress bar.
Scenes length
You can set up the length of individual scenes from the tab below the general settings. You can time the length of scenes with ms precision.
Properties & Clickout
As for the Background module, the Story module allows you to change different properties like the opacity seperately in the "Properties" tab.
Also, you can set up a clickout link for the Story module as usual.
Interactions
The Story offers all standard triggers & actions that the Background module offers as well. Furthermore, the Story module offers:
Triggers
Story finished = Triggers when the end of the last scene has been reached
Story skip left = Triggers when a user skips left (previous scene)
Story skip right = Triggers when a user skips right (next scene)
On step x = Is created for each scene and triggers when the user sees it
Actions for other modules
The Story enables no other actions for other modules.