WEBVTT 00:00:03.266 --> 00:00:08.666 Hi, this is Lindsay and in this tutorial we're going to take a look at using Genial.ly to create 00:00:08.666 --> 00:00:14.266 interactive quizzes that can be embedded on your WordPress sites or shared on social media. 00:00:14.266 --> 00:00:18.399 In this tutorial we'll cover, selecting a template from Genial.ly, 00:00:18.400 --> 00:00:24.533 customizing the quiz template and finally embedding and sharing quizzes online. Let's get started. 00:00:24.533 --> 00:00:29.766 Selecting a quiz template from Genial.ly. 00:00:29.766 --> 00:00:35.666 If you haven't used Genial.ly before it's a free browser based app that allows you to create all kinds of graphics and 00:00:35.666 --> 00:00:39.632 interactives that can be shared on social media or embedded on websites. 00:00:39.633 --> 00:00:42.866 To begin you'll go to GEN 00:00:42.866 --> 00:00:45.566 I A L.LY 00:00:45.566 --> 00:00:47.166 Next you can login. 00:00:47.166 --> 00:00:50.166 And I'm going to login with one of my Google accounts. 00:00:50.166 --> 00:00:55.066 Your school account will work so it's entirely up to you which one you use here. 00:00:55.066 --> 00:01:00.266 And you'll be brought to the dashboard for the site. With the free account you can create any number of projects 00:01:00.266 --> 00:01:05.466 and are only limited to using the free templates but you still have quite a few choices. 00:01:05.466 --> 00:01:10.066 So to start I'm going to say create Genial.ly. 00:01:10.066 --> 00:01:14.532 And here in the search for a template field I'll type in quiz. 00:01:14.533 --> 00:01:19.199 Scrolling down the page a little bit we're going to to look for gamification and quizzes. 00:01:19.200 --> 00:01:20.400 This is where you'll want to choose 00:01:20.400 --> 00:01:21.200 a template. 00:01:21.200 --> 00:01:26.033 You should note that any of the quizzes with the yellow star banner in the corner are the premium templates 00:01:26.033 --> 00:01:29.133 and these are the ones that we don't have access to 00:01:29.133 --> 00:01:36.366 but you'll see there still a number of templates you can choose from. The first two here are your basic quizzes and they'll give you a lot of 00:01:36.366 --> 00:01:41.199 options for customizing what you wanna do. I wanna take a look at the Genial quiz here so 00:01:41.200 --> 00:01:46.066 I'm going to click on the plus button and this gives me a preview of the template before I select it. 00:01:46.066 --> 00:01:48.566 so you can click through to see what it does 00:01:48.566 --> 00:01:52.699 and if you're happy with this and think it's something that you can customize to your liking 00:01:52.700 --> 00:01:55.300 you're going to click on use this template. 00:01:55.300 --> 00:02:00.066 This will open a copy of the template in my account and now I can start customizing it. 00:02:00.066 --> 00:02:05.066 Customizing the quiz template 00:02:05.066 --> 00:02:09.199 I'm going to start by giving my quiz a name so I'll call this 00:02:09.200 --> 00:02:11.066 How much 00:02:11.066 --> 00:02:12.966 do you know 00:02:12.966 --> 00:02:19.099 about Canada? And I'll click anywhere else on the screen just to make sure that it saved. I'm going to have a little fun with my content 00:02:19.100 --> 00:02:25.266 here but obviously your content will be little more focused. To the left of the canvas you'll see the pages panel. 00:02:25.266 --> 00:02:27.366 This includes a cover slide, 00:02:27.366 --> 00:02:31.666 all of the different quiz questions as well as a slide for the 00:02:31.666 --> 00:02:34.532 wrong answer and for finishing the quiz. 00:02:34.533 --> 00:02:41.466 All of these slides can be edited. You can either delete the questions that you don't need just by having on the trash can 00:02:41.466 --> 00:02:48.132 or you can hover over to duplicate if you need to add in more. You can also click on any of the slides to drag them around. 00:02:48.133 --> 00:02:52.566 To edit a specific slide you just need to click on it and it'll appear in the centre 00:02:52.566 --> 00:02:57.032 canvas area here. I'm going to scroll back up and click on my cover slide 00:02:57.033 --> 00:02:59.866 and then to edit any of the elements on the slide 00:02:59.866 --> 00:03:06.866 you would click into the field and you'll notice that the toolbar at the top of the screen changes. This gives you more options based 00:03:06.866 --> 00:03:11.532 on the type of element your clicked on. Here I'm on text so you'll see that I get all 00:03:11.533 --> 00:03:16.533 of the different colours for the text,as well as font sizes and some other controls. 00:03:16.533 --> 00:03:20.599 In addition to the text you can click on other elements to replace these. 00:03:20.600 --> 00:03:25.166 So here they've got a bit of clip art in but if I click replace 00:03:25.166 --> 00:03:30.232 from here for example I could look for an illustration or an image from any of these options. 00:03:30.233 --> 00:03:35.333 I'll click on illustrations and I'm going to search for the Canadian flag. 00:03:35.333 --> 00:03:37.466 So here's one. 00:03:37.466 --> 00:03:48.099 I'll select it and click replace. And now you can see it's dropped onto my canvas. I'm going to have to customize it a bit so it's not cropped out 00:03:48.100 --> 00:03:52.566 and I could resize it so that it fits properly on here. You can also edit the background 00:03:52.566 --> 00:03:57.032 of this by coming over to the far left menu and selecting background. 00:03:57.033 --> 00:04:02.866 Right now it's showing me that I have a white background but I could choose to replace this if I want. 00:04:02.866 --> 00:04:05.932 I'm going to come down here to Pixabay 00:04:05.933 --> 00:04:08.833 and I'm going to search for 00:04:08.833 --> 00:04:09.633 Canada. 00:04:09.633 --> 00:04:12.799 And let's see. I like this picture here. 00:04:12.800 --> 00:04:15.733 So I'll select on that and drop it into the background. 00:04:15.733 --> 00:04:19.699 This makes my text a little bit hard to read so I'm going to play around with 00:04:19.700 --> 00:04:22.766 some of the elements and I'm going to create an overlay 00:04:22.766 --> 00:04:24.866 just to make it a little easier to see. 00:04:24.866 --> 00:04:27.166 So once I got that covered 00:04:27.166 --> 00:04:32.232 now I'm going to bring the opacity down so that you can still see my background image. 00:04:32.233 --> 00:04:38.266 These are just a couple of the things that you can customize. Obviously you'll need to play around and click on the different elements to 00:04:38.266 --> 00:04:42.299 get all of the styles in there that you want. Next I'll return to the pages panel 00:04:42.300 --> 00:04:46.733 and I'm going to start customizing some of the content for my questions. 00:04:46.733 --> 00:04:52.133 I think I'm only going to include five questions here so I'm going to delete all the ones that I 00:04:52.133 --> 00:04:57.566 don't need and I'll return here shortly after I've customized the rest of my quiz. 00:04:57.566 --> 00:05:02.799 Embedding and sharing your quiz online 00:05:02.800 --> 00:05:09.800 So you can see I've returned now and I have all of my slides updated. I've made some pretty significant changes. I updated the 00:05:09.800 --> 00:05:10.600 background image. 00:05:10.600 --> 00:05:15.800 I've entered all of my questions as well as the answers and I created my 00:05:15.800 --> 00:05:20.866 wrong please try again slide as well as my congratulations you've finished. 00:05:20.866 --> 00:05:24.266 Now that this is all complete I'm ready to embed this on my blog 00:05:24.266 --> 00:05:26.766 or share it on social media. 00:05:26.766 --> 00:05:34.399 In the top right hand corner you'll see a button that says all set. We'll click on this and you'll check to make sure that the radio button 00:05:34.400 --> 00:05:39.666 next to public online is selected. We need to make this a public before we can publish it. 00:05:39.666 --> 00:05:45.166 You can make sure that your title appears as you'd like it to you and if you want you can enter description for it 00:05:45.166 --> 00:05:48.832 as well. Once you're happy with these you'll click All Set. 00:05:48.833 --> 00:05:52.299 A new popup window appears now and you've got some options. 00:05:52.300 --> 00:05:54.933 You can view your creation, you can share it 00:05:54.933 --> 00:05:59.433 or if you have a premium account you could download a JPEG or a PDF of the image. 00:05:59.433 --> 00:06:03.466 We don't have the premium accounts so we'll need to choose the share option. 00:06:03.466 --> 00:06:05.932 Clicking on this gives us a number of options. 00:06:05.933 --> 00:06:09.266 You'll see at the top there's a tab for social networks. 00:06:09.266 --> 00:06:15.299 If you'd like to share your graphic directly to one of your social networks you'll select this and then select the appropriate 00:06:15.300 --> 00:06:22.300 social network. I actually want to embed mine on my blog so what I need to look for is the insert option. The top code 00:06:22.300 --> 00:06:24.766 you'll see will be the iframe code. 00:06:24.766 --> 00:06:31.332 Next to that code I'll had the copy button.This has now been copied to my clipboard and I can come over to my Wordpress blog 00:06:31.333 --> 00:06:37.933 to post it. I already have a new post created and I'll need to choose to add the custom HTML block. 00:06:37.933 --> 00:06:41.099 In the blank field I'll paste in my code 00:06:41.100 --> 00:06:44.300 and then I can click on the preview button to see how this would appear. 00:06:44.300 --> 00:06:47.033 Now you can see my quizz is embedded in my page 00:06:47.033 --> 00:06:50.066 and a visitor to my page can take my quiz and go through it. 00:06:50.066 --> 00:06:53.166 These are the steps for creating quizzes in Genial.ly. 00:06:53.166 --> 00:06:54.732 Thanks for watching!