Considering demo automation? Test drive Demoboost for free!
Start Your Trial
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
How to customize demo guides in Tours
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
Knowledge Base Documentation
New Feature Explanations
Product Marketing Announcements
Website Conversions
Channel Partner & Reseller Demos
Conferences/Trade Shows
Digital sales rooms for customers
Sales Leave-Behinds
Live Demos
Using Variables in your demos
“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 Share and embed Demos From Specific Screen
How to Edit Elements Behind Overlays
Comments in Demos
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
How to Create Folders
Inspector Introduction
How to Blur/Remove Screen Elements
How to Edit Textual Elements and Change Images
Creating Mobile App Demos
How to add image and video screens
How to Add Speaker Notes
How to Add Video Narration
How to Add Guides and Styling
How to Link Screens
How to Capture Screens
How to Create Demos
How to Add Extension
If this editor looks unfamiliar, you're likely using the previous version.
Access the right documentation by clicking on the button.

How to add image and video screens

Effortlessly kickstart your journey with our beginner-friendly guides!

Let’s look at how you can add an image screen or a video screen in your demos.

Step 1: 

Start by selecting a demo from your library. Click ‘Edit’ to start editing demo.

Step 2: 

To add a new picture screen, click Add content → Image screen.

Step 3:

Select a picture you'd like to upload. Once the picture is uploaded, click Save to proceed.

Step 4: 

Repeat the same process for the video screen. 

Step 5:

Open the demo editor. To add a new video screen, click Add content → Video screen. Click to upload the video from your computer, or choose the URL option. Click to ‘Continue’ when you're done.

Step 6:

And now you have your customizable video screen. Press on anything to change it accordingly. E.g., the logo, the buttons (both text and links), and the title of the screen.

Step 7:

Note that the buttons are not limited to the next or the previous screen. You can direct your viewer to a different section of the tour, or the menu in the beginning, and so on. 

When you're done with the contents of the screen, click on the ‘pencil’ button to change the visuals. Here you can customize the background. 

Step 8:

What's left now is to drag this screen to the right place. Use it to add a customer testimonial, brand video, or product roadmap, whatever works better for your purpose. 

And this is how you can add a multimedia file into your demo in a few clicks.