Webstory
A web story rail with a full-screen player that supports image, video, and quiz slides inside each story.
Introduction
The Webstory widget starts as a horizontal rail of story thumbnails and titles, then opens a vertical full-screen player when a user selects a story.
Each story can contain image slides, video slides, and quiz slides. The player manages progress bars, play or pause state, video mute controls, and movement between slides and stories.
The player also preloads the current and next slide resources so images and videos are ready as the user moves through the sequence.
Features
- 1Scrollable Story Rail
- The initial rail supports horizontal scrolling and adds left or right navigation buttons when the list overflows the available width.
- 2Mixed Media Slides
- Image, video, and quiz slide types can live in the same story sequence, letting editors combine multiple content formats in one player.
- 3Playback And Progress Controls
- The player includes progress bars, previous and next navigation, pause or resume, mute for video slides, and close controls.
- 4Story-To-Story Navigation
- Users can move forward or backward not only through slides within a story but also across adjacent stories in the rail.
Integration
The webstory widget requires SyncCMS to be enabled and expects the experience config to provide a `stories` array. The container itself uses the experience ID and can optionally toggle the dark body styling.
- `data-exp-id` selects the webstory experience config.
- `data-theme="dark"` enables the dark body class used by the widget styles.
<div
data-exp="unis-webstory"
data-exp-id="your-exp-id"
data-theme="dark"
></div>Screenshots
Own Your Audience Data, Grow Your Revenue
The complete first-party data solution built specifically for publishers who want independence from third-party cookies
Privacy-First Login
Build reader trust with transparent, compliant authentication
Actionable Insights
Transform reader behavior into targeted content strategies
Seamless Integration
Live in days, not months, with your existing CMS
Proven Results
40% higher ad rates and 35% growth in subscriber conversion
Trusted by leading publishers to reclaim audience relationships and maximize monetization opportunities.