TOOLKITS
Online Tools
How to add a video, PDF or slideshow into your website
Created by Transport for All and Inclusion London, with the support of London Councils
Introduction Have you always wondered how people add a video, a slideshow, or a presentation into their web article? The internet offers a cornucopia of tools and services that can help you to build your brand. Knowing about them can help you to significantly increase the visibility of your organisation, facilitate communication with your beneficiaries and increase the impact of your campaigns. The best is that most of those tools are free. This toolkit has been designed to help organisations make the best out of online tools. It aims at giving you tips on how to use some of them; probably the most important ones. With this toolkit, you will learn how to share and embed: • a video using Youtube • a PDF using Issuu • a slideshow using FlickR
2
Add a video with Youtube Why should you use Youtube?
Youtube is the major video-sharing website allowing you to upload, view, and share videos. There are - at least - 4 reasons why you should use Youtube: • It is free! • It is owned by Google and therefore your videocan get a very good visibility on search engines ( Google, Yahoo, Bing, and others). • It can help you promote your organisation. As well, videos are a powerful way to strengthen your message. For example, if you’re running a donation campaign, your message will be stronger if you add the testimony of a beneficiary. • It is easy to share. You can upload videos to your YouTube channel and embed them in your webpages. People who like your video can easily share it on social media, emails and add it to their own online platforms: This is a free visibility for your organisation.
How can you add a video?
It is really easy to upload a video on Youtube. You first need to login or log up on www.youtube.com, by clicking on on the top right. If you need to log up, please click on ‘Add an account’ and then ‘Create an account’. When it’s done you can upload a video, simply by clicking on on the top right. Then click on ‘Select file to upload’ to browse your video. Make sure it’s if you want everyone to access your video.
3
Then this page will appear. While it’s uploading you can add:
• A title • A description • Tags (Subjects related to your video which helps search engines)
When it’s updated click on this link to see your video.
How can you share your video?
Sharing a Youtube video is very simple. This means that you will publish a link. When people will click on it they will get redirected outside your website, on a Youtube page showcasing your video. At the bottom of the video, click on (remember this symbol, as it is the universal sharing symbol).
Then, you have two simple options. You can either click on one of the social media icons or you can directly copy the link and past it onto your website’s article, Facebook’s post or Tweet.
4
How can you embed your video in your article?
This can be a little more tricky, but this can look very professional as visitors will be able to watch the video directly from your website. If they have to go on Youtube to watch it, you’re not sure they will come back on your website after viewing it. With all the similar videos showcased by Youtube it’s easy to get distracted. Embeding the video is done in a similar way than sharing: you need to click on Then you need to click on Embed, to copy the HTML code (click on ‘show more’ for more options).
When you’ve got the HTML code go back into your web article. You will have to add it into the HTML version of your article. If you use wordpress you’ve got two ways to write your article: text or HTML. You need to select ‘Text’. Then you need to past the HTML where you want your video to appear. If you don’t know anything about HTML, it’s probably safer to add your video at the end of your article.
Please note that some content management system (like Wordpress) help you to easily add video, just by adding the link to the video. On Wordpress you can click on Add Media. Don’t forget to click on when it’s done.
5
Add a PDF with Issuu Issuu is a digital publishing platform helping you to showcase PDF, Word (DOC), Powerpoint (PPT), and many other formats. Thanks to Issuu, you can embed your PDF/ word documents directly into your web article. The Issuu reader is designed to make your publications look awesome on the web and make them easy to enjoy for your readers. When people click on the document, a full screen mode automatically pop up without taking your visitors out of your webpage. Note: Jaws (screen reader for people with visual impairments) doesn’t recognise the Issuu reader so you will have to offer visitors an accessible option.
How can you upload a PDF, share it and embed? To upload, share or embed a PDF/Word document onto Issuu, it’s the same process than for Youtube. Look for • ‘upload’ to add a document • ‘share’ (at the bottom of your document) to share your document • ‘share’ and then ‘embed’ to generate the HTML code and add it onto your website
6
Add a slideshow with FlickR Flickr is an image hosting website, offering a free service for bloggers who wish to post photos, not only on their blog but on an online platforms followed by millions of users around the world. You can easily organise your pictures, tag them and share them. You can give your colleagues and other contacts permission to organize your files - not just to add comments, but also notes and tags. FlickR offers the opportunity to generate and embed a slideshow of your pictures (or specific album) onto your web article.
How can you add a video?
It is really easy to upload your pictures on FlickR. First, you will need to login or logup on www.flickR.com. To do so FlickR will ask you to create a Yahoo account (as FlickR is own by Yahoo). When it’s done, you just have to click on ‘upload’ on the top banner and then drag and drop the pictures you wish to add. Don’t forget to click on ‘Upload X Photo’ There are different ways to add your pictures into a specific album. The quickest one is to add them in an album while uploading them. To do so, click on ‘add to album’ (on thr right of the page).
7
How can you embed a slideshow ?
While it is pretty straight forward to share your photos/albums (look at this symbol ), Yahoo makes it difficult to find the HTML code to add a slideshow. First select an album by clicking on ‘You’ (top left), ‘albums’ and finally the album you want to showcase (even if there is only one). Click on this symbol (top right): Then on the new page, click on ‘Detail’
Then on And finally (when the slideshow appears), click on ‘Share’ to get the embed code that you will have to add onto the HTML format of your web article. If you want to add the slideshow into your social media, just ‘grab the URL’
For more info
about Power Up and to join one of our exciting training events, please visit www.powerupproject.org.uk .