There are a few great web platforms these days for easily building your own website, and webs.com is one of them. You can go in and make a website quickly, while also having it look great at the same time.
But what if we wanted to implement a quiz into our webs.com website? They don’t offer a way to do that within their site, so let’s take a look at how we could do it using Interact’s quiz building platform.
This article assumes that a beginning step 1 is completed in that you already have a webs.com account and site. If you don’t, head to webs.com and create one! They walk you through the process and it’s quite easy.
Now I must note that in order to implement a quiz you need any type of premium account, unfortunately you cannot do it with the free product they offer. So with that being said, let’s get to it!
Go to the Website Builder and Add A Custom Html Box
Once you’re in the dashboard, select the ‘Builder’ in the top menu bar of the page. This will take you to the ‘Builder’ area where you create the look and content of your site.
With the ‘Builder’ open, go to the bottom menu and select ‘Other’.
When you select ‘Other’ you’ll see an option above it that reads ‘Custom HTML’ and an icon that looks like ‘</>. Drag and drop that on to your page.
Once you drag and drop it on to the page, you’ll see it asks you to double click to edit Custom HTML. Go ahead and do just that, and you’ll see the glow box that pops up below.
Let’s fill that blank space with some html!
Grab Quiz Embed HTML and Copy to Editor
So next we need to grab our iframe code from the embed option in our Interact quiz dashboard, and copy and paste that code into the webs.com editor that we have open.
In the Interact Dashboard, find the quiz you want to embed and click the ‘embed’ option all the way to the right.
This will bring us to the embed page, where we’ll simply copy our ‘iframe’ code that is presented to us by default. We can choose an embed size if we want, and the default is 800px by 600px.
Once the code is copied, we’ll go ahead and paste it into the webs.com editor. This is what it will look like once we do that.
Save and Preview Our Quiz!
You should see the quiz load instantly after you save and leave the HTML editor, and then from there we’ll just hit ‘Done’ in the top right corner, and voila, our quiz is implemented! Click ‘Preview’ also in the top right corner to take a look at the quiz in your site.
Need to make a quiz to add to your webs.com website? Head to tryinteract.com.