Embed a Presentation on Your Site

Engage your Website visitors with interactive presentations

+ Use your existing PowerPoint skills

+ Web-based viewing experience

+ No code required

PPT Embed Tutorial
Watch How-to Video

Presentations are a great way to communicate structured information. Here's a way to provide an interactive experience for visitors to page through your presentation directly on your website.

 

Presentations are commonly used to inspire, inform and educate. Here are some examples of what you could share on your website:

  • Sales and product presentations with your prospects
  • Presentations you've delivered at events and conferences
  • How-to guides
  • Service offerings (for example, a hotel could share a presentation about event and meeting facilities)

How-to Guide

This tutorial will show you how to easily add a high quality presentation to your website or blog using the Microsoft PowerPoint Web App.

The Microsoft PowerPoint Web App is an online companion application to the PowerPoint desktop client that allows you to view and edit PowerPoint presentations directly within a Web browser. Storing a PowerPoint presentation on Windows Live SkyDrive (an online service that provides 25 Gb of free storage) enables it to be embedded and viewed directly within a Web page, using the PowerPoint Web App embed functionality.

By using PowerPoint to build your presentation, you can take advantage of PowerPoint's rich layout capabilities.

Once you've created the PowerPoint presentation, embedding it on a Web page is as easy as saving it to the Web, grabbing the embed code and pasting it onto your page - no code required. Visitors to your site will then be able to page through the presentation and interact with it directly on your Web page, from within the browser and without having to have PowerPoint installed.

Note: Animation effects on slides or transitions between slides are not visible in the embedded viewer, and media such as audio or video does not play in the embedded presentation.

Click on the sections below for step-by-step instructions:

Step 1 - Create a public folder on Windows Live SkyDrive

Go to Windows Live SkyDrive. Sign in with your Windows Live ID. [Show screenshot]
(Skip ahead to Step 2, if you have an existing public folder you want to use)

Once you are logged in, create a folder for your presentation and give it a name.

Create a folder
Create a folder

Change the folder permissions to share with everyone (public) and click the Next button. Everything you upload to this folder will be accessible to anyone on the Web.

Set folder permissions
Set folder permissions

Step 2 - Upload your presentation to Windows Live SkyDrive

Now, you can drag-and-drop or upload your presentation to the folder you created by clicking on the Add Files menu item.

Add files to upload
Add files to upload

Specify which file to upload by using drag & drop from the Windows Explorer or clicking on the link to select documents from your computer.

Select files
Select files

Then click the Continue button.

Continue
Continue

There are a number of other ways to upload files to Windows Live SkyDrive. See Store a file for Office Web Apps in Windows Live for more information.

Step 3 - Copy the embed code and paste it to your web page

Now you can grab the embed code for your website. To do this, simply hover over your presentation, select More, Share and then Embed.

Sharing options
Sharing options

You will see a box containing the embed link - copy it to your clipboard.

Embed code
Embed code

Now go to your website, and paste the HTML snippet into the page or area of your website where you want to display the search box. You can paste this into to any blog post or HTML page. The code can be embedded into any HTML page that supports iframes. If you're using Wordpress, Joomla,Drupal, BlogEngine.net, DotNetNuke, or ScrewTurn Wiki, you can get more detailed instructions and how-to videos by visiting the Code Snippet Embedding Tutorial.

Save it and view your page to see your presentation embedded on your website!

Page With Embedded PowerPoint App
Page With Embedded PowerPoint App

Your visitors can view it directly on your page, or they can click on the full view button to open the presentation using the PowerPoint Web App. Try it - the presentation at the top of the page is live so you can test it out for yourself.

Links to other resources: