Hi, this is Lindsay and in this tutorial we're going to take a look at using Genial.ly to create

interactive quizzes that can be embedded on
your WordPress sites or shared on social media.

In this tutorial we'll cover, selecting a template from Genial.ly,

customizing the quiz template and finally embedding and sharing quizzes online. Let's get started.

Selecting a quiz template from Genial.ly.

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

interactives that can be shared on social media or embedded on websites.

To begin you'll go to GEN

I A L.LY

Next you can login.

And I'm going to login with one of my Google accounts.

Your school account will work so it's entirely up to you which one you use here.

And you'll be brought to the dashboard for the site. With the free account you can create any number of projects

and are only limited to using the free templates but you still have quite a few choices.

So to start I'm going to say create Genial.ly.

And here in the search for a template field I'll type in quiz.

Scrolling down the page a little bit we're going to to look for gamification and quizzes.

This is where you'll want to choose

a template.

You should note that any of the quizzes with the yellow star banner in the corner are the premium templates

and these are the ones that we don't have access to

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

options for customizing what you wanna do. I wanna take a look at the Genial quiz here so

I'm going to click on the plus button and this gives me a preview of the template before I select it.

so you can click through to see what it does

and if you're happy with this and think it's something that you can customize to your liking

you're going to click on use this template.

This will open a copy of the template in my account and now I can start customizing it.

Customizing the quiz template

I'm going to start by giving my quiz a name so I'll call this

How much

do you know

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

here but obviously your content will be little more focused. To the left of the canvas you'll see the pages panel.

This includes a cover slide,

all of the different quiz questions as well as a slide for the

wrong answer and for finishing the quiz.

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

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.

To edit a specific slide you just need to click on it and it'll appear in the centre

canvas area here. I'm going to scroll back
up and click on my cover slide

and then to edit any of the elements on the slide

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

on the type of element your clicked on. Here I'm on text so you'll see that I get all

of the different colours for the text,as well as font sizes and some other controls.

In addition to the text you can click on other elements to replace these.

So here they've got a bit of clip art in but if I click replace

from here for example I could look for an illustration or an image from any of these options.

I'll click on illustrations and I'm going to search for the Canadian flag.

So here's one.

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

and I could resize it so that it fits properly on here. You can also edit the background

of this by coming over to the far left menu and selecting background.

Right now it's showing me that I have a white background but I could choose to replace this if I want.

I'm going to come down here to Pixabay

and I'm going to search for

Canada.

And let's see. I like this picture here.

So I'll select on that and drop it into the background.

This makes my text a little bit hard to read so I'm going to play around with

some of the elements and I'm going to create an overlay

just to make it a little easier to see.

So once I got that covered

now I'm going to bring the opacity down so that you can still see my background image.

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

get all of the styles in there that you want. Next I'll return to the pages panel

and I'm going to start customizing some of the content for my questions.

I think I'm only going to include five questions here so I'm going to delete all the ones that I

don't need and I'll return here shortly after I've customized the rest of my quiz.

Embedding and sharing your quiz online

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

background image.

I've entered all of my questions as well as the answers and I created my

wrong please try again slide as well as my congratulations you've finished.

Now that this is all complete I'm ready to embed this on my blog

or share it on social media.

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

next to public online is selected. We need to make this a public before we can publish it.

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

as well. Once you're happy with these you'll click All Set.

A new popup window appears now and you've got some options.

You can view your creation, you can share it

or if you have a premium account you could download a JPEG or a PDF of the image.

We don't have the premium accounts so we'll need to choose the share option.

Clicking on this gives us a number of options.

You'll see at the top there's a tab for social networks.

If you'd like to share your graphic directly to one of your social networks you'll select this and then select the appropriate

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

you'll see will be the iframe code.

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

to post it.  I already have a new post created and I'll need to choose to add the custom HTML block.

In the blank field I'll paste in my code

and then I can click on the preview button to see how this would appear.

Now you can see my quizz is embedded in my page

and a visitor to my page can take my quiz and go through it.

These are the steps for creating quizzes in Genial.ly.

Thanks for watching!