Skip to main content

Set-up a Welcome Page for your quiz

Stefania avatar
Written by Stefania
Updated over a week ago

Start off by welcoming your customers and inviting them to complete your quiz with a customized Welcome Page.

Image showing a live example of Welcome Page layout with an image, heading, subheading, and Start button.

Choose a layout from the left-hand side menu. By default, this is made of two simple lines of text and a Start button, but you can also upload media such as an image, GIF, or video. Using the editor, you can play around and see how your welcome page will look with different layouts.

Image showing the General Design dropdown in the right-hand side menu where users can select a Welcome Page layout and media options.

You can apply further customizations from the Theme Settings, changing things such as theme color, language, and typography, making CSS customizations, or adding your logo. For this, you will need to click on the Theme Settings from the bottom left corner of the page.

Image showing the Theme Settings button at the bottom-left corner of the quiz builder used for customizing theme-wide styles.

Some quick customization options include editing the primary and background colors, which you can see at the very top of the right-hand side menu from the theme settings.

Image showing the primary and background color customization fields at the top of the Theme Settings panel.

Adding a logo from the left-right-hand menu will immediately display it at the top left corner of the quiz page.

Image showing the logo upload section in Theme Settings, with the uploaded logo displayed in the top-left corner of the quiz Welcome Page.

Changing the typography is very easy by simply choosing one of the fonts we offer in the drop-down menu. Using custom CSS code, you can also use the Edit Quiz Flow CSS button to add any Google Font. Check out our help article on how to add a custom Google Font in your quiz.

Image showing the font dropdown in Theme Settings for selecting default typography styles of the quiz.

If you want to add other custom elements on the page, as you would on any other quiz page you can use Content Blocks. Check out our help article on what you can do with Content Blocks for quiz pages.

Please check out how to add custom CSS to your quiz and translate it into different languages for more information on personalizing your quiz.

Did this answer your question?