In this guide I'll show you how to embed your mobile app demo in a PowerPoint presentation. You'll be able to click through the demo right in PowerPoint without exiting the presentation and opening a new browser window.
An AppDemoStore demo is just a web page. So, to be able to embed a demo into PowerPoint we have to figure out how to embed a web page into PowerPoint - it's pretty easy, you'll see in a moment.
PowerPoint does not provide direct support for inserting web pages (as it does for images for example), but we can use a very simple macro to do the job. There are also a few add-ins available online which let you insert a web page into a PowerPoint. But the main disadvantage of this approach is that if you send the presentation to other people they have to install the add-in also.
In this guide I'm going to explain how to insert an AppDemoStore demo (the web page representing the demo) into a PowerPoint presentation using the Microsoft Web Browser control and a one-line macro script. I'm using Microsoft PowerPoint 2010 for this guide, but the process is similar for other PowerPoint versions.
1. Add the Developer tab
In order to be able to add the Microsoft Web Browser control which will load our demo web page, we have to add the Developer tab to the PowerPoint presentation. By default, this tab is not visible, but we can add it to the toolbar like this:
- in the menu go to: File -> Options.
- go to Customize Ribbon and in the Main Tabs section select the Developer tab.
2. Add the Microsoft Web Browser control
The Microsoft Web Browser control is basically an Internet Explorer web browser which can be embedded into PowerPoint slides. We'll use it to load our demo web page. Here is how to add the browser control to a slide:
- go to the Developer tab click the button More Controls
- select Microsoft Web Browser
- drag a big area on your slide to have enough space to see the demo properly
3. Add a CommandButton control to load the demo
We'll use a CommandButton control to trigger the loading of the demo web page:
- go to the Developer tab and click the button Command Button
- right-click on the button you have just added to the slide, click Properties and for the Caption property type "Load Demo"
- double-click the button to add the macro code in Visual Basic
- type the following line of code to be executed when you click the button (make sure you're typing in the CommandButton1_Click function):
WebBrowser1.Navigate "http://www.appdemostore.com/embed?id=2689345"(change the ID value to your own demo ID)
You can also load a downloaded demo file if you wish (for offline scenarios for example). In this case you have to load the demo HTML file from the specific location on your computer:
Now when you're in Slide Show mode and click the Load Demo button, the demo will load into the Web Browser control and you'll be able to click through it without leaving your PowerPoint presentation.
That's it! You can save the presentation as PowerPoint Macro-Enabled presentation and send it to your business partners, project stakeholders, investors, etc.