Partner Technical Services Blog

A worldwide group of consultants who focus on helping Microsoft Partners succeed throughout the business cycle.

Embedding a PowerPoint Deck on SharePoint 2010

Embedding a PowerPoint Deck on SharePoint 2010

  • Comments 32
  • Likes

(Post dedicated to Nuri, Operations Manager for our delivery team in EMEA, and courtesy Sean Earp)

With the addition of PowerPoint Web App to SharePoint 2010, you can now view and edit PowerPoint presentations directly from within your browser.  This technology has also been made available to consumers on services such as http://office.live.com/ and http://docs.com/.

image

In the past, it has been difficult to embed a PowerPoint document within a webpage, requiring workarounds such as saving the presentation as pictures, PDFs, or MHT documents.  If you have a public presentation, it is now extremely easy to embed a PowerPoint deck on any web page, following the steps on the aptly named how to embed a PowerPoint presentation on a web page post.

Unfortunately, these steps do not work if your installation of PowerPoint Web App is local.  The Share –> Embed option available from http://office.live.com is simply not present on SharePoint 2010.

image

So what to do if you want to embed an internal, private, or confidential PowerPoint presentation on an internal SharePoint page?  Fortunately, it is possible to embed a presentation on a webpage without posting the presentation on a broadly available public site.

Step 1: Ensure that Office Web Apps have been installed and configured on SharePoint 2010.  Those steps are out of scope for this article, but the official documentation should be all you need:  Deploy Office Web Apps (Installed on SharePoint 2010 Products)

Step 2: Upload the PowerPoint to a document library

image

Step 3: Click on the PowerPoint Deck to open it in PowerPoint Web App.  It will have a URL that looks like:

http://sharepoint/sites/team/_layouts/PowerPoint.aspx?PowerPointView=ReadingView&PresentationId=/sites/team/Shared%20Documents/SharePoint%202010%20100-level%20overview.pptx&Source=http%3A%2F%2Fteam%2Fsites%2Fteam%2FSitePages%2FHome%2Easpx&DefaultItemOpen=1

image

Don’t worry about writing down the URL. Unfortunately, you can’t paste it into a Page Viewer web part without getting an error message.  So… a little magic to get the URL we need to embed our PowerPoint deck on our SharePoint Page.

Step 4: Open the Developer Tools in Internet Explorer (F12), and search for iframe.

image

Step 5: Copy the first result into your text editor of choice.  The magic URL you need is the one within the src attribute.

image

Step 6: Delete everything except the part inside the quotes.  Before the PowerPointFrame.aspx, add the relative URL to your site collection _layouts directory, and copy the whole URL into your clipboard.

image

Step 6: Go to the SharePoint Page you want to embed the PowerPoint into.  Add a Page Viewer Web Part to the page.  Open the tool pane for the web part,

image

Step 7: In the Page Viewer tool pane, paste in the URL, and optionally enter a height/width and chrome state for the PowerPoint Deck.

image

Step 8: Hit “OK” and be awed at how awesome it looks to have a fully functional PowerPoint deck embedded on your page.  You can view the deck full screen by clicking “Start Slide Show”, you can change slides, view notes, click links, or click the “popout” button to have the deck open up in a popout window.

image

Super-secret-squirrel trick: If you want the deck to default to a slide other than the cover slide, click through to the slide you want, and then click the popout button in the top right of the PowerPoint Web App.  The deck will be open to that slide in its own window. 

Use the same Developer Tools trick from step 4, but this time search for &SlideId.  You will see the URL has added two parameters… a slide ID and popout=1 (the URL will end with something like &SlideId=590&popout=1).  You can guess what popout=1 does, and the SlideId is some sort of internal reference to the Slide ID (I have no idea how it is generated, but it doesn’t matter Smile.  My web app-fu will work just the same). Just copy the &SlideID=somenumber and paste it to the end of your URL in the Page Viewer web part, and now your web page will display the PowerPoint deck starting on whatever page you specified!

Additional Resources

Office Web Apps technical library

Comments
  • When i follow the instructions all i get is the first slide...not the slide deck.

  • I need to make the presentation auto play any suggestion please let me know!

  • SlideId doesn't seem to work with PowerPointView=SlideShowView.. It goes to the first slide.

    This always shows the first slide: https://domain/sites/SiteCollection/Site/_layouts/PowerPointFrame.aspx?PowerPointView=SlideShowView&d=[LONG IDENTIFIER]&SlideId=[#]

    One solution could be to make a PPT with only one slide, but that would kind of defeat the purpose of isolating a slide that could be updated automagically.

  • But this method ("ReadingView") does work fine if you're not trying to do the "SlideShowView," which hides all of the controls at the top and bottom.

  • Great post Sean - really appreciatted :)

  • How do I make the powerpoint presentation continue on a loop?

  • Even with the settings set to "Loop contineously" the slide shows in the browser stops after 1 loop. Who knows a solution for this?

  • What if the PowerPoint file you are using have ERM on it?  which permissions will be used for it ( either document library or ERM Permissions) if I want to use the ERM permissions what shoudl I do?

    Thanks,

  • Hi, I got "PowerPoint Web App cannot open this presentation because of an error. Please try again". I had to replace "&" with "&" in the link url.

  • Is there a way to make the PowerPoint-view/box automatically fit the size of the web part ?

  • Thanks so much :)

  • Great info and worked great except for the image of the .pptx title page is blurry... I cant figure out how to get a sharp and clear image...

  • Hi All - I have followed the instructions accordingly but am getting a "File not found" error. I've tried recopying the src code again but no luck. How can I verify that the code is pointing to the powerpoint? Any suggestions?

  • This works but appears tiny on our Macs. Does anyone know how to fix?

  • Is there a way keep the changes you made and upload a different powerpoint slide without going through the same steps again for the new powerpoint?

Your comment has been posted.   Close
Thank you, your comment requires moderation so it may take a while to appear.   Close
Leave a Comment