Embed a PowerPoint presentation on a web page

Some of the content in this topic may not be applicable to some languages.

Add a presentation to your web page, such as your blog or SharePoint wiki page. Viewers advance through the slides one at a time.

The following steps will walk you through how to store the presentation in a public location, copy an HTML tag, and then paste the tag into the HTML of your blog or wiki page.

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 publically.

If you are creating a new presentation, there are two ways to store it publically on Windows Live OneDrive. 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 Online.

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 OneDrive. Or, if it's already stored in a personal folder on your OneDrive, you can move it to a public folder.

Don't have a public folder? Learn how to create one.

1. Sign in to Windows Live.If you don't yet have a Windows Live ID, click Sign Up on the Windows Live page.

2. Point to the Windows Live logo, and then clickOneDrive.

3. Click New, and then click Folder.

Save the presentation from the PowerPoint desktop application

1. Open the presentation in the PowerPoint desktop application.

2. On the File menu, point to Share, and then click Save to OneDrive.

3. Enter your Windows Live ID (example: your_id@hotmail.com) and password, and then click Sign In.

4. Select a shared folder, and then click Save.

Or create and save the presentation from the PowerPoint Online

1. Sign in to Windows Live.

   If you don't yet have a Windows Live ID, click Sign Up on the Windows Live page.

2. To create a presentation, click PowerPoint presentation next to Create.

3. In the Name box, type a name for the new presentation.

4. To make the presentation public, next to Share with, click Change, drag the slider to Everyone (public), and then click Save.

5. Double-click the theme that you want, and then create the presentation.

6. When you are finished creating the presentation, on the File menu, click Close.

Step 2: Copy the HTML tag from the PowerPoint presentation on OneDrive

1. Sign in to Windows Live.

2. Click OneDrive, and then open the shared folder that contains the shared document.

3. To access the Embed option, click the information icon on the right side in the line that contains the presentation.

4. In the panel on the right side of the window, under Sharing, click Embed.

   Note: The presentation must be in a shared folder, or you won't see the Embed option.

5. Copy the HTML tag in the box, and then click Done.

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

The HTML that you copied from the OneDrive 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.

   Notes: 

   • 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.

   • In Blogger, change the compose window to Edit HTML. You can switch back to compose mode after you finish the next step.

2. With the HTML tag that you copied from the OneDrive page as the most recent item in your Clipboard, press + V .

3. Finish writing your post. Preview and publish as you normally would.

   Note: Updates to the presentation on OneDrive are automatically reflected on the page where the presentation is embedded.

In a SharePoint wiki

1. On the wiki page click Edit.

2. With the HTML tag that you copied from the OneDrive 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. To paste the address you copied in step 2, click open the tool pane, and then in the Link box, press + V .

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.

    Note: Updates to the presentation on OneDrive are automatically reflected on the page where the presentation is embedded.

See also

Save a file in Office for Mac