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 31
  • 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
  • Nice, I need this information, Thankyou very much!!

  • Do you know how to generate this pop out url programmatically?

  • Super sweet! Very many thanks for posting this, exactly what I was looking for.

  • I figured out how to do it programmatically.  Here's my blog post on it:

    hoshy.co.uk/.../embedding-office-web-app-frame-in-a-sharepoint-page-dynamically

  • Hi

    I have followed these steps and it looks great, I am however running into a problem.

    Adding the link to the web part and clicking "Test Link" takes me to the correct page, however, when clicking ok, I get "PowerPoint Web App cannot open this presentation because of an error. Please try again."

    The real funny part is that when I click Start SlideShow, it works!

    Any ideas?

  • I got the same problem as Hein, please help :(

  • Hein and Bank,

    I had the same issue you all were having, then I re-read the instructions.

    In IE, with your PowerPoint presentation open, hit F12.

    When the Developer Tools window opens, search for iframe.

    Under the search box click on Attributes.  In this window you will see src. That will show the part of the URL you are wanting to make this work.

    Example:

    src  PowerPointFrame.aspx?PowerPointView=ReadingView&BLAH-BLAH-BLAH-BLAH---2FForms%2FAllItems%2Easpx

    Now, say your site url is:  http://blah.com/site/

    In your Page View WP, your link address would be:

    /site/_layouts/PowerPointFrame.aspx?PowerPointView=ReadingView&BLAH-BLAH-BLAH-BLAH---2FForms%2FAllItems%2Easpx

  • We linked the URL you need to a button so didn't even have to display the deck, so users just click on a button and the presentation opens. However, we noticed that the navigation arrows (buttons bottom left still appear) even though they are turned off in power point kiosk view. Why are they appearing when embedded in sharepoint? Any idea how you turn them off for SharePoint?

  • Nice one!! thanks.

  • I have office communicator in Page Viewer Webpart; after logging in chat window opens in New window , is it possible to show inside the chat window inside webpart

  • Excellent!!

  • Its Nice :)

  • Sean,

    Is there any way that i can disable the file, Open in Power Point and Edit in Browser options . I need to have these features disabled so that the users wont be in a position to download the ppts

    Regards,

    JP

  • Is it possible to auto-run a slide and avoid the controls showing?

  • Great post thanks.

    Karl - yes save the PP as a media show and then add it to the page in a media web part. it will run automatically and with setting change you are able to loop etc.

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