Intro Page

The Intro Page is the first screen customers see before starting the quiz. The following options are available for customization:

• Heading
• Subheading
• Image
• Button

​

How to Enable or Disable the Intro Page

1. Hover over Intro Page in the Builder list.
2. Click the eye icon.
3. When visible, the tooltip displays: Click to hide intro page.
4. Click the eye icon again to show the Intro Page.

Note: When the Intro Page is hidden, customers go straight into the quiz without seeing the welcome screen.

​

Intro Page Settings

Select Intro Page to open its settings.

​

Brand Logo

You can upload your store’s logo to display it in your quiz. Supported image formats:

• JPG
• PNG
• SVG
• WEBP

Maximum file size: 20 MB.

​

Logo Alignment

After uploading a logo, choose how it should be aligned:

• Left
• Center
• Right

​

Redirect URL

Enter a URL to redirect users to a specific page when they click the logo. Example: https://example.com

​

Intro Page Design Settings

Open the Design tab using the paintbrush icon to customize the Intro Page appearance.

Setting	Description
Background Color	Choose the background color for the Intro Page to match your store’s branding.
Content Alignment	Align the Intro Page content to the Left or Center.
Custom CSS	Apply custom CSS to the Intro Page only for advanced styling. Availability may depend on your subscription plan.

​

Heading and Subheading

Use Heading and Subheading to customize the title and description on the Intro Page.

​

Heading Content Settings

1. In the Builder list, click Heading under Intro Page.
2. Enter the main title customers should see.
3. Maximum length: 100 characters.

​

Heading Design Customization

Option	Description
Font Color	Select the color to apply to the heading text.
Font Size	Adjust the heading font size between 8 px and 50 px.
Font Weight	Choose the font thickness. Available options are Light, Regular, Semi Bold, and Bold.

​

Subheading Content Settings

1. Click Subheading under Intro Page.
2. Enter supporting text below the heading.

​

Subheading Customization

Option	Description
Font Color	Select the color to apply to the subheading text.
Font Size	Adjust the subheading font size between 8 px and 50 px.
Font Weight	Choose the font thickness. Available options are Light, Regular, Semi Bold, and Bold.

​

Image

Upload and place images on the Intro Page for desktop and mobile.

1. Click Image under Intro Page.
2. Use Settings to upload images and choose placement.

​

Desktop Image

1. Click Select image to upload.
2. Supported formats: JPG, PNG, SVG, WEBP.
3. Maximum file size: 20 MB.
4. Choose Image Placement (Desktop).

Placement	Description
Top	Displays the image at the top of the page or section.
Center	Centers the image within the available content area.
Left	Positions the image on the left side of the content.
Right	Positions the image on the right side of the content.
Background	Uses the image as the background for the entire page or section.
Left Background	Uses the image as a background on the left side of the page or section.
Right Background	Uses the image as a background on the right side of the page or section.

​

Mobile Image

Turn on Mobile same as a desktop to reuse the desktop image and settings on mobile. If the option is disabled:

• Upload a separate Mobile Image.
• Supported formats: JPG, PNG, SVG, WEBP.
• Maximum file size: 20 MB.
• Choose Image Placement (Mobile).

Placement	Description
Top	Displays the image at the top of the question.
Center	Centers the image within the question area.
Above Question Name	Places the image directly above the question title.
Background	Uses the image as the background for the question.
None Image	Hides the image on mobile devices.

​

Button

The Intro Page button starts the quiz when clicked.

1. Click Button under Intro Page.
2. Edit the button text. The default text is Start Quiz.
3. Maximum length: 50 characters.

You can also customize button text styling, including font color, size, weight, and related button appearance options.