Back
News

How to embed a PowerPoint presentation on a web page

You can display a Microsoft PowerPoint presentation on your web page, such as your blog or SharePoint wiki page.Here’s a step-by-step guide:

The presentation is stored in a public location in Windows Live SkyDrive, where you copy an HTML tag that you paste into the HTML of your blog or wiki page. That way, people can see the presentation without having to go to the SkyDrive folder. They advance through the slides one at a time.

Updates to the presentation on SkyDrive are automatically reflected on the page where the presentation is embedded.

Embedded PowerPoint presentation

Note: Any 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.

Step 1: Make your presentation public

Before you can embed a presentation on your web page the presentation must be available to view publicly.

If you are creating a new presentation, there are two ways to store it publically on Windows Live SkyDrive. One method is simplest if you are creating your presentation in the PowerPoint desktop application; the other method is simple if you are creating a presentation in your web browser, in PowerPoint Web App.

If you have an existing presentation that you want to embed on a web page, you can upload it to a public folder in your SkyDrive. Or, if it’s already stored in a personal folder on your SkyDrive, you can move it to a public folder.

  1. Sign in to http://office.live.com.
    If you don’t yet have a Windows Live ID, click Sign up on the Windows Live page.
  2. Click New, and then click Folder.
    Create New Document
  3. Type a name for the folder, and then next to Share with, click Change.
  4. Move the slider to Everyone, and then click Next.

 

In the PowerPoint desktop application

Create the presentation in the PowerPoint desktop application, and then save it in a public folder on SkyDrive.

  • If you have Microsoft PowerPoint 2010, save the presentation directly on SkyDrive by clicking Save & Send in the backstage view (click File). Click Save to Web, and then double-click your public folder after you are signed in to Windows Live.
    If you don’t yet have a Windows Live ID, click Sign up for Windows Live SkyDrive.
  • If you have an earlier version of PowerPoint, save the presentation on your computer and then upload it to SkyDrive by signing in at http://office.live.com and going to your public folder.
    If you don’t yet have a Windows Live ID, click Sign up on the Windows Live page.

For more information about saving Microsoft Office documents on SkyDrive see Store a file for Office Web Apps in Windows Live.

 

In PowerPoint Web App

  1. Go to http://office.live.com, and sign in with your Windows Live ID.
    Don’t have a Windows ID? Click Sign up on the Windows Live page.
  2. Near the top of the page point to Office, and then click New PowerPoint presentation.
  3. Type a name for the presentation, and then click Save.
    The presentation opens for editing in PowerPoint Web App, and your changes are saved automatically.
  4. To make the presentation public, click File, click Share, and under Who can access this, move the slider to Everyone.
  5. When you are finished, click Close near the top of the web page.
    Close

Upload or move an existing presentation

If the presentation is stored on your computer, do the following to upload it:

  1. Sign in at http://office.live.com and go to your public folder.
    If you don’t yet have a Windows Live ID, click Sign up on the Windows Live page.
  2. Click Browse, locate the presentation on your computer, and then double-click it.
  3. Click Upload.

Note: If you have a lot of files to upload, click Install the upload tool. When the Windows Live upload tool is installed you will be able to select multiple files to upload.

If the presentation is stored in a personal folder on your SkyDrive, do the following to move it to a public folder:

  1. Sign in at http://office.live.com and go to your personal folder.
  2. Point to the presentation, click More in the menu that appears, and then click Move.
  3. Click the name of the public folder.

Note: If the folder already contains a presentation with the same file name as the presentation you are moving, that presentation will be replaced with the presentation you are moving. To prevent this from happening, rename the file. Click Cancel. Point to the presentation, click More, and click Rename. Then, type a new name, and click Save. Now you can proceed by repeating Step 2.

  1. Click Move this file into YourFolderName.

 

Step 2: Copy the HTML tag from PowerPoint Web App

  1. Sign in to Windows Live at http://office.live.com.
  2. Near the top of the page point to Office, and then click Your documents.
  3. In the list of Shared documents point to your PowerPoint presentation. Or, open the public folder and point to the presentation there.
  4. In the menu that appears click More, click Share, and then click Embed.
    Click Embed
  5. Click Copy.
    If your browser prompts you to allow access to your Clipboard click Allow access.

 

Step 3: Paste the HTML tag into your web page’s HTML

The HTML you copied from the PowerPoint Web App page is an iframe tag, which is supported in many web authoring environments and blog services. The steps provided here work in some of the most popular blogging services, such as WordPress, Blogger, and TypePad.

Note: If you use a blogging service that does not support iframes in posts, consult your blogging service provider for assistance.

If you want to embed the presentation in a SharePoint wiki, you paste only the src portion of the tag into a Page Viewer Web Part. See the instructions below.

In a blog post

  1. In your blog editor, begin writing your post, and then switch to HTML editing.

 Note    In TypePad don’t use the Quick Compose editor. Go to Blogs, click the name of your blog, and then click Compose, where you can switch from Rich Text to HTML editing.

  1. With the HTML tag you copied from the PowerPoint Web App page as the most recent item in your Clipboard, press CTRL+V.
  2. Finish writing your post. Preview and publish as you normally would.

In a SharePoint wiki

  1. On the wiki page click Edit.
  2. With the HTML tag you copied from the PowerPoint Web App page as the most recent item in your Clipboard, press CTRL+V to paste the tag on the wiki page. This is so that you can easily copy a portion of the tag into the Web Part. You’ll delete the tag from the wiki page before you’re done.
  3. Copy the portion of the tag between quotation marks that begins with http. Don’t include the quotation marks.
  4. On the Editing Tools tab click Insert, and then click Web Part.
  5. In the list of categories, click Media and Content.
  6. In the list of Web Parts, click Page Viewer, and then click Add.
  7. Click open the tool pane, click OK to save changes, and then in the Link box delete http:// and press CTRL+V to paste the address you copied in Step 3.
  8. Click Apply to preview the page.
  9. Make adjustments to the Web Part as desired. For example, in the Page Viewer editor expand Appearance and specify height of 332 pixels and width of 407 pixels to fit the presentation in the frame with no scroll bars.
  10. When you are finished click OK in the Page Viewer editor, and delete the iframe tag from the wiki page.

– Roxanne Kenison