Embedding a PowerPoint Deck on SharePoint 2010
(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 https://office.live.com/ and https://docs.com/.
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 https://office.live.com is simply not present on SharePoint 2010.
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
Step 3: Click on the PowerPoint Deck to open it in PowerPoint Web App. It will have a URL that looks like:
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.
Step 5: Copy the first result into your text editor of choice. The magic URL you need is the one within the src attribute.
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.
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,
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.
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.
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 . 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
Anonymous
March 31, 2011
Nice, I need this information, Thankyou very much!!Anonymous
March 31, 2011
Do you know how to generate this pop out url programmatically?Anonymous
June 21, 2011
Super sweet! Very many thanks for posting this, exactly what I was looking for.Anonymous
July 20, 2011
The comment has been removedAnonymous
August 03, 2011
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?Anonymous
October 09, 2011
I got the same problem as Hein, please help :(Anonymous
November 22, 2011
The comment has been removedAnonymous
January 26, 2012
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?Anonymous
January 31, 2012
Nice one!! thanks.Anonymous
March 03, 2012
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 webpartAnonymous
April 05, 2012
Excellent!!Anonymous
April 11, 2012
Its Nice :)Anonymous
April 17, 2012
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, JPAnonymous
April 27, 2012
Is it possible to auto-run a slide and avoid the controls showing?Anonymous
May 25, 2012
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.Anonymous
August 09, 2012
When i follow the instructions all i get is the first slide...not the slide deck.Anonymous
January 05, 2013
I need to make the presentation auto play any suggestion please let me know!Anonymous
May 21, 2013
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.Anonymous
May 21, 2013
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.Anonymous
July 16, 2013
Great post Sean - really appreciatted :)Anonymous
August 02, 2013
How do I make the powerpoint presentation continue on a loop?Anonymous
October 24, 2013
Even with the settings set to "Loop contineously" the slide shows in the browser stops after 1 loop. Who knows a solution for this?Anonymous
November 14, 2013
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,Anonymous
December 13, 2013
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.Anonymous
December 30, 2013
Pingback from Embed PPT in SharePoint 2010 | PT DesignsAnonymous
January 24, 2014
The comment has been removedAnonymous
February 08, 2014
Thanks so much :)Anonymous
February 13, 2014
The comment has been removedAnonymous
February 21, 2014
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?Anonymous
April 09, 2014
This works but appears tiny on our Macs. Does anyone know how to fix?Anonymous
April 16, 2014
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?Anonymous
June 25, 2014
Hi! I am sooo close to getting this to work!
It's perfectly embedded....just a small problem....it is giving me an error!Anonymous
July 23, 2014
If you have Office 2013 web apps running on your SP Farm - you can always just open the file in your ppt web app, select file / share / embed - copy the code for the embed and paste into a CEWP or text file and link to. Hope this helps a little.
richAnonymous
September 08, 2014
Nice article, saves a lot of time for me :)Anonymous
October 16, 2014
Thank you for this post! I found it very helpful and your instructions were clear and easy to follow.Anonymous
November 13, 2014
I am getting the following error
This content cannot be displayed in a frame
To help protect the security of information you enter into this website, the publisher of this content does not allow it to be displayed in a frame.
What you can try:
Open this content in a new window
when I click on Open this content in a new window
it opens the powerpoint but I want it to be embedded.
can anyone helpAnonymous
November 21, 2014
I had the same issue as Hein and I manage to get it to work. (PAGE 1)
error: "PowerPoint Web App cannot open this presentation because of an error. Please try again."
I realized that the tutorial tells you to copy the HTML block into notepad. Some people may be doing the "right click --> edit as HTML" on the browser's inspect element. When doing that, it somehow becomes a different HTML code than copying it directly from the browser's inspect element code.
I copied ONLY the content between the src="_______________" and directly from the browser's inspect element and pasted that into the notepad and added the "/your sharepoint/site directory/_layouts/" before it.
AND IT WORKED!Anonymous
January 13, 2015
In my case, "src" is not specified... When inspecting the first "iframe" search result, all I find is this:Anonymous
January 13, 2015
The comment has been removedAnonymous
February 26, 2015
Is there anyway to make this run as a conitnuous slide show?Anonymous
April 24, 2015
THANK YOU!! You have no idea how long I've been looking for this.
Question will the same trick work for regular web pages? I've been wanting to show parts of pages and not the whole layout (such as left nav and top nav bars).
Thanks ever so much.Anonymous
May 25, 2015
After creating multiple. PowerPoint Web App Presentations in the past, most recently, we got an error message "PowerPoint Web App cannot open this presentation because of an error. Please try again".
After a few days of checking everything, we realized that when you cut a paste the "src reference code into note pad, for what ever reason it adds"amp;" in 2 locations withing the code, make sure you remove "amp;" from the 2 locations within the code for the Web App to work.Anonymous
June 12, 2015
In addition to Pat & Vin's comment on the 25 May 2015, you'll also need to remove the semicolon that's next to both the 'amp' in the URL for those of you who tried removing only 'amp' and still seeing the error.Anonymous
June 18, 2015
How can I center the web part on the page?Anonymous
October 27, 2015
@Calvin - Huge help to point out the semicolon also needs to be removed from the "amp"Anonymous
October 28, 2015
Helpppp... and how do i show only two slides, say only page 6 and page 7 from 30 slide pages. thanksAnonymous
February 22, 2018
Good info and right to the point. I am not sure if this is really the best place to ask but do you folks have any thoughts on where to employ some professional writers?Thank you :)