How to Put a Quiz on Your Squarespace Website

Do you want to add a quiz to your website? Here’s a step-by-step tutorial on how to put a quiz on your Squarespace website!

Make a quiz for your Squarespace website today!

When you want a website for your business, choosing the right platform to build it on can be a tough choice. There are many different platforms out there and you want to be sure you find the right one. You want one that’s reliable, has the capabilities you need, gives site visitors the right impression of your business, isn’t too hard to use (especially if you’re building it yourself!), is Search Engine Optimization or SEO friendly, and won’t break the bank. 

Plus, you want one that integrates well with Interact, so you can add quizzes to it. I know how important that last one is to you. You’re on the Interact blog, after all! 😉 

But knowing which platform is the right one can be difficult. Should you go with WordPress? Is Squarespace the right choice? What about Wix? Maybe something like Kajabi is what you need? 

Like I said, finding the right website platform can be hard.

For many people, when they consider all of the options, they decide Squarespace is the platform for them.  It meets their needs, matches with their technical abilities, and fits in their budget.

That means we’re often asked about using Squarespace with Interact and how to put a quiz on Squarespace. So, I’m sharing all about Squarespace and the Interact-Squarespace integration. 

In this post, we will discuss:

  • What Squarespace is
  • Why it’s different
  • Who uses it
  • Why you would want to add a quiz to Squarespace
  • How to create a quiz
  • Email integration with Squarespace
  • Adding a quiz

When we’re finished, you’ll be fully ready to put a quiz on your Squarespace website.

GIF of man pumping his arm

I know you’re excited!

What is Squarespace?

A good place to begin when discussing a website platform is the beginning.

You need to know important things like what a website platform is, what some different options are, and do you really need one.

I read a great post on how building a website is like building a house, and it made things very clear to me. 

When you’re building a website, there are a few things that you need. You need a place to build your house, which is like your web hosting. You need a street address for your website. That’s called the domain. And you need a foundation to build your house on. In website building, that’s your platform. 

And that’s just to get your house or website started. Then the actual building begins.

As a person who is in the middle of having a house built, this analogy really made sense to me.

While websites built on WordPress are the most popular (35% of all websites are built on WordPress ), Squarespace is a popular platform, too.

With over 1.8 million live websites built on Squarespace, it has 4% of the market share of websites. That’s a big percentage when you consider how many different website platforms are out there!

But there’s more to Squarespace than just another website platform.

What makes Squarespace different

The biggest difference about Squarespace is it’s an all-in-one solution for building a website.

When you pay for Squarespace, you get web hosting, domain, and the platform to build your website on. Plus, you get themes, which are like the house plans, that you can customize exactly the way you want.

This makes Squarespace very popular with people who are just starting out.

They only have to go to one spot to get their website started. They’re not going to one place to buy their domain, then heading somewhere else to purchase their hosting, then having to install the website platform that they’ll use to build their site. 

The appeal of paying one company and being able to get your website up and running within minutes is strong. Squarespace lets you build a shop on your website without needing additional cart software. Squarespace users can also quickly and easily optimize their website for search engines, which is major when you’re building a website.

They also use a visual page builder with different types of blocks that make it easy to get the exact look you want. It’s like putting together the perfect website puzzle. You want an image followed by a section of text and your social media buttons? Go for it. You can even add a hero image with text and a button on it without an issue. 

Looking for a blog archive page displaying categories with images, titles, and blog excerpts? That’s possible, too.

The themes have a clean, modern look and are automatically mobile-responsive. In all, Squarespace gives you everything you need to get your new website off the ground easily!

Plus, you’ll be able to put an Interact quiz in your website.

Who chooses Squarespace?

Because Squarespace is so easy to use and looks great immediately, it is VERY popular with new website owners.

Whether you’re a blogger, a service provider, a SAAS company, or e-Commerce, Squarespace is a great place to start. 

It gives you a solid foundation to build your website on, freedom to customize your website without being overwhelming, and it has the capacity to handle the amount of traffic that many businesses get.

Let’s highlight a few businesses who have successfully built an online presence with Squarespace:

DIY Squarespace examples

When you’re starting an online business, many people choose to build their own website. They might not have the money to pay a designer. Many new business owners have specific ideas of how they want their website to look, and some want to learn how to build their website themselves. I know I was a combination of all three when I started out!

As I was looking for Squarespace users in some of my favorite Facebook groups, I found a few friends who couldn’t wait to share their Squarespace stories.

Haley Greene – Email Marketer

Haley is the amazing e-Commerce email marketer behind haleygreene.com. She and I can talk email marketing for days. 

She’s also an avid Squarespace user.

And her website is gorgeous!

Haley Greene Copywriter website

Haley first built her website on WordPress, but she had trouble customizing the themes to match her desired look and feel.. 

After taking her site down for a few months to rework some things, she was focused on launching quickly and was able to launch her beautifully branded site on Squarespace in a matter of hours.

While I love WordPress and am a proud WordPress user, I’ve never built a site in a few hours. 

Haley said some of her favorite things about Squarespace are that the customer service is very helpful and the site is so easy to maintain. Hosting and security are automatically taken care of, and you don’t need additional plugins that have to be updated to make the website work correctly.

That’s a major timesaver right there!

When I asked about Squarespace’s shortcomings (because I like to provide a balanced review), Haley told me that SEO is a little easier in WordPress and she had to learn a few tricks to make some of the blocks work for her.

Overall, Haley is happy with her switch to Squarespace and strongly recommends it for service providers.

Jennifer Feeney – Executive Assistant

Jennifer is an EA, and her website, eliteexecutivesolutions.com, is built on Squarespace. 

Executive assistant website

Jennifer explained that she started her website with the GoDaddy website builder, and she was happy with the offering. She reached a point in her growing business where Jennifer needed to make some design modifications which Squarespace accommodated easily – so she made the switch.

She enjoyed the user experience so much that she’s built a website for her husband on Squarespace, as well.

Their family breeds miniature bull terriers, so the Diamond E Kennel site is full of puppy cuteness!

dog breeder website

Jennifer shared that some of her favorite things about building her website in Squarespace are the drag-and-drop page builder, the extensive help archive, the email marketing capabilities (I’ll talk about those later), and the ability to add on GSuite. 

She loved that she was able to transfer the domains herself by following the tutorials found in Squarespace help. 

If you’ve never transferred a domain, it can be quite technical, so being able to DIY that can be a huge victory!

Kristiina Kraven – Virtual Marketing Manager

Kristiina provides marketing and business development services through her website, kristiinacraven.com

Marketing manager website

Her DIY website takes advantage of many of Squarespace’s functionalities. She has calendar links to schedule a call for her services, blog posts, and a shop for products she sells.

Kristiina said that she likes that Squarespace is user-friendly, looks professional, and is affordable. While she has used other web builder platforms in the past, the combination of ease-of-use, price, and features was right for her needs on Squarespace. 

Bonus, she enjoyed the user experience so much that Kristiina  also built a website for her husband’s tech consulting firm on Squarespace. 

technology consulting company website

These DIY Squarespace websites don’t feel DIY at all!

But there are web designers that love Squarespace, too.

Meet a Squarespace website designer

Jessica Haines is the designer of Jessica Haines Design. She builds websites for her clients exclusively in Squarespace. Her website includes all of the best things that Squarespace has to offer.

screenshot of web designer's website

There are buttons, forms, an announcement bar, a gallery, a pop-up, testimonials, a custom footer, … everything you could want in a professional website.

Jessica shared that she loves designing in Squarespace because it’s easy to use and there isn’t a lot of maintenance after it’s built. She knows she’s creating a product that her clients will be able to successfully use without being overwhelmed by tech. She also appreciates that Squarespace focuses on good design.

One of her favorite things about Squarespace is the summary block. These blocks can be placed wherever you want them and let you share blog post snippets or galleries in several different formats. You can use carousels, lists, masonry blocks, or grids. 

There are so many options!

Jessica recommends Squarespace for service-based entrepreneurs like coaches, copywriters, and designers. It looks good, and you don’t have to be tech-savvy to maintain it.

She did share that it is more difficult to customize than WordPress if you don’t know some code and it may not be the best option for large online stores, but she loves working with Squarespace for her own site and others.

Other Squarespace users

Squarespace isn’t just for small businesses. There are some major names that use Squarespace, too.

Arch Motorcycle 

If you aren’t familiar with this brand, Arch Motorcycle builds custom motorcycles, and they are even more beautiful than their website. 

Arch Motorcycle website

It was also co-founded by Keanu Reeves. 

GIF of guy saying, "Whoa"

(Sorry, I couldn’t resist!)

Squarespace did an interview with Reeves about his reasons for choosing Squarespace. You can read all about it in the Squarespace featured user post.

Reeves liked that Squarespace fit with the Arch Motorcycle mission of design and accessibility.

Plus, they’ve got a great website!

Oscar Trash Art

Another famous Squarespace user is Oscar the Grouch of Sesame Street. He originally sold his trash art and now raises money to support Sesame Street on his website.  

shop for Oscar the Grouch trashart

The shop was full of fun collections of trash from Sesame Street that people bought to raise funds for Sesame Street. 

Since all of the trash art is now sold out, you can’t buy any more, but the website does allow people to donate to Sesame Street. Squarespace even has a specific donation block that’s used on Oscar’s website.

I love the fun spin on a great philanthropic opportunity! 

Why would you want to add a quiz to Squarespace?

We’ve highlighted how Squarespace is a great platform to use when starting or growing a business.

But why would you want to add a quiz to your Squarespace site?

The answer makes perfect sense when you think about it.

Quizzes have proven time after time to be one of the most effective ways to collect leads for your service-based business or recommend products for your eCommerce business

Plus, both platforms are very user-friendly, so you can create a professional quiz experience on your website without any tech headaches.

Adding a quiz to your professional Squarespace website makes your already great website perform at its peak for your business.

Create your quiz CTA

And I’m going to walk you through the entire process right now.

Creating a quiz to add to Squarespace

For a while, I was stumped on what I would write in this part of the post. 

I mean, Interact provides in-depth tutorials on how to create a quiz

What could I do to make this quiz unique to the Squarespace post? How would I best help the Squarespace users?

As I was chatting with Jessica to get her input, I came up with the perfect idea for a Squarespace quiz.

So, my quiz title is “Is Squarespace right for you?”

I’ll show you how to create it and add the quiz to Squarespace.

As I’ve explained in past Interact posts, the general format I follow for creating a quiz is always the same:

  1. Plan the Quiz
  2. Create the Results 
  3. Add Questions and Answers
  4. Set Up Quiz Logic
  5. Brand the Quiz
  6. Set Up Lead Capture
  7. Add the Quiz to Your Platform

Guess what? I’m going to use the same format in this post, too.

Planning your quiz

When I’m planning a quiz, I usually start with the most commonly used quiz – a personality quiz. For this one, I want to use a different type of quiz. A scored quiz lets you assign values to the quiz answers and then add score ranges to your results.

My quiz results for my quiz “Is Squarespace right for you?” are:

  1. Yes, Squarespace is the best choice for your website!
  2. Squarespace might be the right choice for your website.
  3. No, Squarespace isn’t the best choice for your website.

Whie it might seem counterintuitive to NOT recommend your product or service, it is in the best interests of your potential clients AND your business reputation to be honest in your quiz.

You want to ensure trust with your audience that you will provide them with advice or products that are what they really need.

Interact recommends 7-10 questions in a quiz, but my sample quiz will be shorter. My primary focus for this post is adding a quiz to Squarespace. So for now, my quiz has four questions to decide if Squarespace is the right platform for the quiz-taker.

You’ll notice the questions align closely with who Squarespace works best for and the benefits I’ve discussed for Squarespace.

Setting up your quiz

To get a quiz started in Interact, click on the Create New Quiz in the Interact dashboard. Then choose between Quiz Template and From Scratch.

I like to choose from the quiz templates, because templates make life much easier.

For my quiz, I’m going to select Web Design for the category, and there are four templates to choose from.

web design quiz templates

After looking at the images and the quiz layouts and results, the quiz “What platform should you use for your website?” aligns well with the purpose of my quiz. 

Once I select the template, I can customize the quiz exactly how I want it.

platform template in Interact dashboard

When using a template, it’s important to make sure it’s the correct quiz type. This one happens to be a Personality style and I’m building a Scored style quiz. 

Interact allows you to change the quiz type by clicking ‘Change Quiz Type’ at the top of the page. 

I can then change it to a Scored quiz.

changing quiz type

Switching quiz types does remove all of the original logic included in the template. Since we’re building a scored quiz, this is not a problem.

After I’ve changed the quiz to the correct type, I can change the quiz cover with the title, description, and button text.

Is Squarespace right for you quiz cover?

It’s time to add the quiz results for the Squarespace quiz.

Creating the quiz results

Before I get started setting up the quiz results, there’s an important thing to note when you’re creating a Scored quiz.

In a scored quiz, you have to set the results up from lowest score to highest score to make the scoring work correctly. 

As I put them in order of lowest score to highest, I put the result name at the top and more information at the bottom. I also change the picture to match with the result and adjust the Call to Action (CTA). 

Since I’m not using this quiz for lead generation, I can get rid of the CTA completely.

Here’s my quiz result for my lowest score. (I’m not planning to display a score at the top, but it’s still a good idea to put the lowest score for the “No” answer.)

I recommend adding a CTA like Schedule a Call or Learn More About My Services at the bottom.

My other two results are:

  • Squarespace could be the right platform for you. – Squarespace has a lot of what you’re looking for in a website platform! It gives you the sleek look you want, but you might prefer a different platform that gives you more customization. If you want to get a website up and running right now, Squarespace is a great option. You can always start with Squarespace and change to a different platform as your needs grow!
  •  Yes, Squarespace is the best choice for you. – Squarespace is the perfect website platform for you! A Squarespace website gives that professional, clean design you love without all of the tech headaches that you want to avoid. You can get your website up and running in a matter of hours instead of weeks. I know you’ll love your Squarespace website!

When you create a scored quiz from a template, it won’t let you add any more results until you assign points to your answer choices. 

If you have to skip that part and add results after you’ve set up your scoring, it’s no problem. Just don’t forget to finish setting it up!

Adding questions and answers

Once your results are set up, you can add your questions and answers to your quiz.

Since I want to focus my questions on the benefits of using Squarespace, each of the questions ties into one of those.

My first question is What are your goals for your website? And the answer choices are:

  • I just want to write a blog. 
  • I’m focused on selling products (goods that need to be shipped). 
  • I’m excited about showcasing a portfolio of my work. 
  • I want to promote my business or organization. 

When I’m setting up the question, it looks like this:

quiz question set up

Under Answer Settings, I can allow people to select more than one answer and limit how many answers they can choose.

In Set Answer Scores, I assign a certain number of points to each answer. Since I want people who match with Squarespace to get a higher score, I assign certain answer choices to be worth more than others. These weighted answers make the quiz scoring work.

scoring for quiz question

My other questions and answer choices (with points in parentheses) include:

  • How comfortable are you with technology?
    • I’m not. The less tech I have to deal with the better! (5)
    • I’m ok with it, but it’s not my favorite. (3)
    • I love it. CSS, Java, Python, HTML – You’re speaking my language! (0)
  • What’s your timeline for creating your website? 
    • I have all the time I need. No hurry! (0)
    • I needed it done yesterday. (5)
    • I’ve got some time, but not tons of it. (3)
  • Which of these is most important to you?
    • A modern, professional design (5)
    • A completely customized website that’s as unique as my business (0)
    • Great functionality that does everything I need (3)

Now that the questions are done, it’s time to set up the quiz scoring.

create a quiz CTA

Setting up the quiz scoring

With a scored quiz, you have to set the scoring ranges for each of the quiz results.

The scored quiz automatically splits the point total evenly between the number of answer choices. Since I have a total of 27 points, each of my three answer choices gets nine points.

But I don’t want to split it that way.

To adjust the scoring range, I go to the answer choice that I want to change first. For example, my lowest score is “No, Squarespace isn’t the right choice for you.” 

At the top right, I select Result Settings and adjust it however I want to.

result setting screenshot

I want quiz takers to be able to choose some answers but still get that it’s not the right choice for them, so I set the range from 0 to 6 points.

This is also where I turn off Display the score. It isn’t needed and the way the scoring is set up doesn’t make any sense to anyone but me. That’s one of my favorite things about Interact scored quizzes!

Branding the quiz

When you’re creating a professional online presence, having cohesive branding is essential. You want to be sure that elements of your website match with your social media and your quiz should have some of those elements, too.

On the left side of your Interact dashboard, choose Styles.

Interact dashboard Styles menu

This is where you can change different quiz elements to your brand colors and choose a font that matches with your brand. You can also add your logo to complete the branding of your quiz.

Once your quiz matches with your brand, you’re ready for the last part of setting up your quiz – enabling lead capture and connecting your email platform.

create a quiz CTA

Setting up the lead capture for your quiz

While creating a quiz is fun, we’re not doing this just because we like to make quizzes. 

The most powerful part of an Interact quiz is the ability to add people to your email list. Once they’re on your list, you can connect with them to sell your products and services.

Of course, there’s a lot more to email marketing than selling, but it’s all about developing a relationship to solve their problems with your goods and services. You need that email address to start the conversation.

To get people to opt-in, you begin by enabling lead capture at the top left of your Interact dashboard (NOTE: Lead capture is only available with an Interact Lite account or higher).

enable lead capture function

Once you’ve switched it on, you’ll set up your Opt-in Form with the contact fields you want to include, if you want to allow people to see their results without entering their contact details (which can help your conversion rate), and changing it to match your brand.

Now it’s time to set up your email integration to get those new subscribers on your list.

Integrating your email platform

One of the things that some people love about Squarespace is that you can send marketing emails inside Squarespace. There’s no need to add an external email platform.

There are users who find the email marketing capabilities inside Squarespace somewhat  limited. And Interact does not directly integrate with the Squarespace email marketing platform.

So what’s a Squarespace user to do?

You’ve got two options for what to do with the lead capture portion of your Interact quiz.

One thing you can do is use another platform for your email marketing. Interact integrates with tons of platforms, so you have a lot to choose from.

email integrations Interact

Because I do email marketing, I can recommend great ones and Interact has help articles that explain how to set up the integration with Interact.

Recommended posts:

While adding another platform specifically for email marketing goes against one of the major draws of Squarespace’s all-in-one appeal, many people find that the advanced capabilities of a solid email platform worth the extra effort.

If you prefer to stick with Squarespace for your email marketing, you can use a .csv File Download, where you would manually upload it to your list.

To collect leads via a .csv file, click the .csv File Download option when setting up lead capture and asked to select an email marketing platform.

Once your quiz is running, you can manually go to the Interact dashboard and download your leads. It might feel like a little more work, but it’s so easy!

Since we’ve now got everything set up, it’s time to add a quiz to your Squarespace site.

How to put a quiz on a Squarespace website

The process of adding a quiz to Squarespace is simple. Here are the steps:

  1. In the Squarespace menu, choose Pages.

2. Choose the page you want to add the quiz to on your website. You can place it on its own page or one of your pre-existing pages.

Quiz page setup

3. At the top of the page, click on Edit. When you do that, the page expands and plus signs appear around sections of the page as you hover over them.

section block of Squarespace website

4. Once you’ve chosen which section you want to place the quiz, hover at the left bottom or top of the pre-existing block next to where you want to add the quiz. A little black circle and line will appear.

Squarespace block setup

5. When you click on the dot, the block menu will appear. This shows all of the different blocks that you can add to your site. Under the More heading, you’ll choose Code.

6. An HTML box will appear where you placed it. It has a line of code in it, but you’ll replace it when you grab the code from your Interact quiz.

screenshot HTML block

7. Next head to your Interact dashboard and click on Share and Embed next to your quiz. A popup with all of the options to promote your quiz will appear.

promote quiz menu Interact

8. Click on Embed in your Website or Landing Page and the code will appear. You can adjust your settings however you want for your site. I usually leave them the way they are. Copy the code in the box at the top of the page. I use the iFrame embed.

9. Go back to your Squarespace site and paste the code into the HTML box. Your quiz will appear on the page where you placed it.

HTML code for Squarespace quiz

10. Select Apply on the popup and then Done at the top left. You’ve updated the page. If you want to preview how the quiz looks on mobile, choose the little smart phone icon at the top right. You’ll see how amazing your quiz looks!

Your quiz is now live on your website.

It looks great. You should be proud of yourself!

create a quiz CTA

But adding a quiz to a page of your Squarespace site is only one of the options for your Interact quiz. You could choose to use an Announcement Bar or popup instead.

Adding an announcement bar 

Since it’s the same process for both, I’m going to show you how to add the announcement bar.

The first step is to go to Settings in the Squarespace menu and choose Advanced. In the Advanced menu, choose Code Injection. You’ll see an HTML block that inserts code into the <head> section of your website.

code injection spot for Squarespace

Next, head to Interact and choose Share and Embed. This time, you’ll choose Use and Announcement Bar from the Promote Your Quiz options. The settings for the announcement bar will popup.

announcement bar settings Interact

Adjust the settings however you want. You can change the colors, text, time delays, etc. You can even choose to only display the announcement bar (or popup if you’re going through that process) on certain pages.

When you’re finished, copy the code, go back to Squarespace and paste it in the code injection box. Click Save and your announcement bar is finished.

Admire your work!

Finished announcement bar quiz CTA

When someone clicks on the button, the quiz pops up for them to take. They’ll be amazed with your technological abilities.

create a quiz CTA

So that’s it. Now you know everything you need to know:

  • What Squarespace is and who it’s for;
  • Why people choose Squarespace;
  • How to set up a quiz;
  • What you need to do to put a quiz on your Squarespace website.

I can’t wait to see the great quizzes you add to your site.

Happy quiz-building! 

Make a quiz for your Squarespace website today!

Joanna May

Joanna May specializes in email and content marketing. When she's not hard at work for her clients or writing for her blog, you can find her spending time with her husband and two sons, volunteering, or learning something new! Head over to mayvirtualassists.com to learn more or follow May Virtual Assists on social media. Facebook // Linkedin

More Posts by Joanna May