Slideshare embed code screen

This is the view on Slideshare when you are viewing your uploaded presentation and then clicked on the Embed link. You copy the code from that box and paste it into the HTML view of your WordPress Page or Post. Click so see the image larger.

I got asked this week about whether it is possible to display a PowerPoint presentation within a WordPress website.

Of course the answer is yes because Slideshare (a free service that allows you to upload and share presentation documents) gives you special code that makes it an easy task.

Two of the great advantages in using a third party such as Slideshare for hosting your presentation files, are that:

  • You don’t have to worry about the bandwidth (the data involved everytime somebody clicks to view your file)
  • You benefit from ‘eyeballs’ already attracted to Slideshare in search of information (it is a popular and well trusted website)

Another feature when sharing media this way is that your visitors to your website do not need to own a copy of PowerPoint to view your file.

The embedded file sits on the page automatically and can be flicked through, slide by slide, right in the browser.

So, how do you do this?

There are two steps and they are both quite straightforward.

Using Slideshare to share my PowerPoint presentations with the world

The first step in this process is to upload your PowerPoint file to slideshare.

Go to slideshare.net and sign up for a free account.

Then click the Upload button – it is the unmissable orange button at the top of the page.

When your file has been uploaded, click to view it.

You can see all the files you have uploaded by logging in to Slideshare and clicking the little ‘head and shoulders’ icon in the top right of the screen. That opens a dropdown menu including one item called ‘My Uploads’.

Click on the title of the presentation you wish to add to your website and when it opens, click Embed (a small link running across the top of your presentation box).

It opens up a small window containing some code for you to copy, just like in the image, above. Click the Cusomize link there to change the size of the presentation window on your site and to disable showing related presentations once people finish viewing yours.

On your WordPress Page or Post, click into HTML view and paste the code you just copied. It should look like this:

<iframe src=”http://www.slideshare.net/slideshow/embed_code/14663797?rel=0″ width=”597″ height=”486″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” style=”border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px” allowfullscreen> </iframe> <div style=”margin-bottom:5px”> <strong> <a href=”http://www.slideshare.net/stevemarketingdirector/basic-wordpress-maintenance” title=”Basic WordPress Maintenance” target=”_blank”>Basic WordPress Maintenance</a> </strong> from <strong><a href=”http://www.slideshare.net/stevemarketingdirector” target=”_blank”>stevemarketingdirector</a></strong> </div>

Return to the Visual view or just click Publish or Update and look at your Page or Post on your website.

You should now see a small, interactive window with your presentation inside. Just like the one below:

Enjoy embedding!

Pin It on Pinterest

Share This