0 Flares 0 Flares ×

Make a quiz for your Squarespace at Interact

So let’s say you have a client who wants a new microsite and you choose Squarespace to make a quick webpage for an event like a concert or something. Then the client requests that you add a quiz to the site and all of a sudden you are in a scramble to figure out how that might work. Don’t worry, you are now in the right place, below we’ll go over exactly how to put a quiz on your Squarespace site using Interact (no coding necessary, thankfully).

1. Go to squarespace

We’ll start with an easy one, lol. But to prove just how easy this process is I’m going to start from scratch for this demo. Squarespace is nice because their free trial doesn’t require a credit card so you can make everything and demo to a client without having to pay up front.

Screen Shot 2015-01-26 at 11.43.23 AM

 

2. Pick a template

I’m going to do an example of a microsite that would work for a concert event. I picked a template that Squarespace had for a site like this.

Screen Shot 2015-01-26 at 11.44.18 AM

3. Create a new page and select the code block

The easiest way to get a quiz into Squarespace is by creating a new page for the quiz on your site. Once that page exists, you simply edit the content on the page and select the “code block” option by clicking on the little raindrop symbol that opens up all the page options. The code block option will let you drop in your embed code directly from Interact without having to do anything funky.

Screen Shot 2015-01-26 at 11.47.00 AM

4. Grab your Interact embed code

So now you need the embed code for your quiz. Obviously you’ll need to make a quiz first, so if you aren’t there yet, go to Interact and make the quiz you want. You can set the size of your quiz from within Interact by typing in the height and width you want, be sure to play with various sizes to find the optimal one for your Squarespace page.

Screen Shot 2015-01-26 at 11.51.13 AM

5. Paste into the Squarespace code block

You can see below that I pasted in the iframe code from Interact into the Squarespace code block html editor. If it was a success you’ll see the quiz preview pop up on the page in real time, if not then double check your code to make sure it pasted in correctly. Also make sure you grabbed the iframe embed option from Interact, we have a javascript code that will not work in Squarespace.

Screen Shot 2015-01-26 at 11.48.40 AM

6. Now you have a quiz in Squarespace

That’s literally all you have to do. I set up a new Squarespace account, created the quiz page and embdded this quiz in a total of about ten minutes. You can modify the page more to add other content and what-not so that it looks nice, but the quiz is now on the page.

Screen Shot 2015-01-26 at 11.54.42 AM

Make a quiz for your Squarespace at Interact

0 Flares Twitter 0 Facebook 0 Google+ 0 Email -- LinkedIn 0 0 Flares ×