Set-up a Welcome Page for your quiz

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

Under General Design, you can choose a layout from the right-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.

You can also find some general width settings to make sure your Welcome Page looks good on both Desktop and Mobile. By default you can see the drop down menu under Top Section Width and Bottom Section Width with the Full Width options but you can choose the custom width option and adjust it in pixels.

Furthermore you can also customize the Headline and Sub-headline design with the option to adjust it’s alignment and font size for better readability.

This section offers more customization options for the button on the Welcome Page, including the button text, alignment, and the background and text colors.

You can also customize the look in terms of the font size, padding, or border radius of the button to make this page as engaging as possible for your customers. All options can be customized separately for Desktop and Mobile.

Note: These customizations apply only to the Welcome Page and not to the entire quiz. If you’d like to create a consistent design throughout the quiz, you can use the Theme Settings located in the lower-left corner of the Quiz Builder.

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.

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.

Adding a logo from the left-right-hand menu will immediately display it at the top left corner of the quiz 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.

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.