Speaker 1: Hi it's Mark from TrainSpark here and in this video we're going to show you how you can add interactive elements to your Learn-Course content using something called H5P. Now H5P is very popular so you may have heard of it before but if you haven't head over to h5p.org for a full explanation. What you'll find here is that H5P is a community driven project that has lots of interactive elements like this where you can create things like flash cards and more using their tools and embed them into not just WordPress but Moodle and other platforms and make your content a lot more interactive and engaging for the user. So the best place to look here and see what H5P is capable of is the examples and downloads page and here you'll see all the different types of interactivity that you can add to your site. So there's things like interactive video, course presentations, branching scenarios, crosswords and lots and lots of different options here and they've even added augmented reality in a recent version of this at the time we recorded the video. So if you want to see an example of one of these in action you could click on one of our favourites here which is interactive video and what this does is it takes a standard video and overlays interactivity on top of it so you have buttons and potentially things like quizzes that appear within the video content just to check that the person's paying attention and taking in what's being shown in the video. So that's an overview of what H5P is and definitely recommend taking a look at this page to see some examples. So let's have a look at how we can get that onto our LearnDash site. So we head to our WordPress dashboard and we will go to plugins and install the H5P plugin. So we'll go to add new here and we'll just search for H5P and we've got this option here it's called interactive content hyphen H5P. At the time of recording it's got 40,000 active installations and five stars as it's reviews. So we'll just click on install now here and once that's installed we can activate it and once that's activated on the left-hand side in the left-hand menu somewhere near the bottom you'll have this option for H5P content here and at the moment we've got nothing in there but that's going to change soon when we add some content to it. So if we head to add new here the first thing you'll find is they ask for consent to contact H5P's own hub so what that does is create a bridge almost between your site and H5P's own library and it can pull in interactive elements as you choose to use them. So if I just consent now you'll see an example here we can see a list of all the different types of interactivity here so if I head back to this page here you'll see them listed but you can see we've got interactive video, course presentation, multiple choice, fill the blanks, drag the words, there's lots of different types that we can just use from this list. So for example if I just wanted to find the hotspot activity here I can choose get, install it and that will then pull in from the site and we can click here to use it. So every H5P type, interactivity type has a different set of options here so you'll find that depending on what they are they'll have different options but typically you will give them a title

Speaker 2: and you'll have other elements that you choose based on the type of interactivity that you're using.

Speaker 1: So that each one as I say will have a different type. One way to see one that's already been set up is to actually download one that's been created so you can do that by going to one here so say the crossword example here and at the bottom of most H5P interactive activities here you'll see something called reuse and what you can do is click on that and then download that content as a H5P file and that will save to your computer. What you can do then is click on this upload option here and upload that H5P file from your computer and then click use and what you'll find is it creates it and downloads any libraries it needs and it will bring in that exact H5P activity with all of its options already set up. So we can see here the crossword type is slightly different, we've got the question which is where are these located and we've got different options here and you can put in your clues and things like that and edit them depending on what you want these to say and we can add new words here just by clicking this so it's a really nice intuitive interface for most of these H5Ps when you set them up and all I would do now is click create and we have this that we can put onto our site so I'll just say Paris something like that and we'll see that that fills those in and we can check these and it's it's a really nice bit of interactivity that we can add to one of our courses. So we've now created that and it's in our library so we go to all H5P content we can see that we've got one piece of content that we've created here which is this crossword. So what I'm going to do now is add that to one of my LearnDash lessons and to do this what we can do is open the activity again as if we were going to edit it and we have this option for a shortcode here and it says you can use the following shortcode to insert this interactive content into posts, pages, widgets, templates etc. So what I'm going to do is just copy that so by selecting it right-clicking and copying and then I'm going to head to the course or page of the course that I want to add that interactive element to so I'll just choose a random LearnDash lesson here and I'm going to choose edit lesson and within here all we do is just choose maybe shortcode here and we can paste that in. So depending on whether you use the visual editor or the Gutenberg editor you'll add this in a slightly different way but all you really need to do is paste in that bit of code here this shortcode and all it says is h5p id equals 1. I'll just get rid of one of these to make this easier to see. I'm going to click update now and that's now been changed so if I come completely out of here and then back into that lesson again as if I was accessing it as a learner I'll go back into here, open this page and within our LearnDash content here we've now got this crossword that we can now complete. So have a look at the examples and downloads and see what options there are here and there'll be lots of things that can really add some life to your content and it's a really really useful tool and it works really well with LearnDash. So I hope you find this useful and if you did find it useful please give the video a like and if you'd like to see more videos like this please subscribe to the TrainingSpark YouTube channel