All Collections
Quizzes
Guides
How to Add Buttons to a Quiz
How to Add Buttons to a Quiz

#adding-content #quiz #step-by-step

Mark Baek avatar
Written by Mark Baek
Updated over a week ago

Buttons with custom URLs can be added to any page of the quiz. This makes them a useful tool for adding a retake quiz button, adding a redirect at the end of a quiz and more.

💡 What you'll learn

  • Where to add additional content in a quiz

  • Configuring buttons


💡 Prerequisites

Adding buttons to a results page is done inside of a content block.

Use this guide for an overview on using content blocks in any quiz.


Adding a button to a results page

The typical process of adding a button into a results page is:

  1. Open results page

  2. Open content block

  3. Open TOP CONTENT or BOTTOM CONTENT menus.

  4. Click "Add content".

  5. Click on the "Button" option.

TOP & BOTTOM refer to whether the content is added above or below the block's products. If you don't have any products in the block, then all of the content can be contained inside of a single section (TOP or BOTTOM CONTENT).

Learn how you can use this to add a retake quiz button.

Changing button design

Button design can be changed by going to:

Design > Colors & styles

The 4 button styles (primary, secondary, text primary & text secondary) can be changed and previewed here.

💡 What are content blocks?

Content blocks are the pieces used to form a results page. This means any content in a results page besides the title & subtitle will be added inside of a content block including buttons (as well as products, text & images).

Using multiple content blocks is a great way to organize different sections of content in a results page. Blocks can be dragged and dropped into the order you'd like the content to show on the results page.

Using advanced logic allows you to add show/hide logic into individual content blocks, which is a great way to create dynamic results page content.


Content buttons can be customized with:

  • Link URL: insert any URL.

  • Button text: label your button text.

  • Button style/size: use one of 4 button styles.

  • Alt text: add an image description for accessibility.

In a results page, you can also insert an Add all to cart button with the same method.

Adding a button to a quiz page

Custom buttons can be added to a quiz page through the TOP & BOTTOM CONTENT menus as well.

Normal pages don't use content blocks so you'll find the TOP & BOTTOM CONTENT menus along with the rest of the page's content.

Did this answer your question?