Skip to main content
All CollectionsPage Builder
Preview Your Storyline
Preview Your Storyline

See how your page looks and functions across multiple devices.

Chris Scott avatar
Written by Chris Scott
Updated over 11 months ago

Our Storyline Page Builder features a live preview mode. Interact with your modules in real-time and see how your Storyline looks on different devices by following along with the tutorial below.

1. Navigate to https://app.digiphy.it/storylines/new and add a couple modules to the page. Or go to a pre-existing Storyline within your account.

2. Within the Storyline page builder, you can click between mobile, tablet and desktop views to see how your content looks across different devices.

Page builder showing detail of device type preview

3. Click "Preview" to open your Storyline in a new tab.

Page builder showing detail of opening preview mode

4. Preview mode lets you see your page in different screen sized, interact with buttons, carousels and popups as if it were published.. and share the preview link with people on your team. Changes made in the page builder will update automatically in the Preview screen.

Page preview overview

5. Click the device icons to see how your page scales on different screens.

Page preview detail of selecting a device preview

6. In this example of a page with a popup, you can use preview mode to test that the popup works.

Page preview showing interactive elements on page

7. In this screen you can see the popup has been opened using preview mode.

Page preview showing popup open

Did this answer your question?