Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
How to Share and Embed Demos from a Specific Screen
Great demo add-on
How to Create and Use Folders
How to Use AI editing on screen elements
How to Editing Screen Elements
Branding -Custom Themes
How to Add Tour Navigation to your Demo
How to Add Video Screens
How to Add Image Screens
How to Add Voiceover
How to Add Floating Button
How to Use AI refine in your guides
Comprehensive Technical Troubleshooting Guide (Before Contacting Support)
Unable to Capture Locally Hosted Pages
Internal Linking vs. External Linking
Shared Link Not Opening ("You Don't Have Access..." Error)
Images Captured with Incorrect Size or Aspect Ratio
Demoboost Application Not Loading
Captured HTML Elements Are Missing or Broken
Unable to Save Screens in the Editor
Why Can't I Select or Edit a Disabled Element in the Editor?
Why Can't I Add an Image or Video Screen to an Empty Demo?
Unable to Log In to Demoboost
Why Do I Need to Refresh My Page After Installing the Extension?
Variables
How to Add AI Narration to your Demos
Autoplay
Auto translate
Sales Room
Demo playlist
Ending/CTA screen
Pick Your Own Journey Screen
Performing key operations on screen
Integrating Marketo with Demoboost: A Step by Step Guide
Integrating 6sense with Demoboost: A Step by Step Guide
How to Build a Sandbox Demo
“Great Demo!” Training for Sales Teams
Sample Article
How to Replace images
How to Assign a Variable
How to Select or Create an Overlay
How to download the extension?
How to present Mailchimp to Tim Cook
How to Clear Your Browser Cache
How to Install Microsoft Clarity on Your Demos Using Google Tag Manager
Integrating Google Tag Manager with Demoboost: A Step-by-Step Guide
How to Translate Screens
Troubleshooting Saving Errors
How to Capture Local Web Pages
Advanced Guide Cutomisation
How to Edit Elements Behind Overlays
How to Export Data from Demoboost
Analytics Overview
Playback Settings
Live Demo Settings
Demo Email Notifications
How to Share Demos
How to Embed Demos on Your Website
How to Share With Presenters and Channel Partners
How to Duplicate Demos
Inspector Introduction
Creating Mobile App Demos
How to Add Speaker Notes
How to Add Video Narration
How to Create and Manage a Guide
How to Link Screens
How to Capture Screens
How to Create Demos
How to Add Extension

How to add image and video screens

Effortlessly kickstart your journey with our beginner-friendly guides!

Aside from HTML screens, you can also upload multimedia screens in the following format:

  • Images
  • Videos
  • PDFs
  • Image screens are useful for depicting views that can't be captured with the Demoboost extension (such as mobile apps). They can also be used as introductory cards. Image screens can have custom interactions added to them, allowing you to place links and guides on top of them
  • Videos are useful for showcasing highly interactive elements that can't have their functionality reflected in a Demoboost demo. Keep in mind these videos will have their own screens - if you'd like to insert a video into an HTML screen.
  • Multipage PDFs will be split into one screen per page.

Step 1: Open up the Demo Details page.

Step 2: Click on the three-dot button next to the thumbnail of the screen you wish to follow up with a multimedia screen and choose the Add new screen option.

Step 3: Name your screen and click on Save

Step 4: Open the editor screen & Click "Upload media" and upload your media.

Step 5: If you select an image, you'll have the option to add a custom interaction layer. Simply click on the image within the editor and resize or reposition the interaction box by dragging and dropping. You can then click on the box to add links and guides. For more information, please refer to 'Constructing demo flows' and 'Adding narration guides.

  • If you choose a video
  • If you choose a PDF
  • You can replace the uploaded media at any time by clicking on the three-dot button in the bottom-right corner of the screen's thumbnail and selecting 'Upload new media.