Thank You Page Recommendation

From this page you can:

• Enable Redirect after quiz to send users to another URL
• Add a Retake quiz action
• Build the result page with sections such as Discount, Rich Text, HTML, Hero Banner, Image with Text, and Video
• Hide, delete, or reorder sections
• Style each section and its blocks

​

How to Set Thank You Page

1. Go to Shopify Admin → Apps → Quizify.
2. Open a quiz from Dashboard or My Quizzes by clicking Edit, or create a new quiz.
3. In the Quiz Builder, click Recommendation in the left icon menu.
4. Select Thank You Page.

​

Page Overview

When Thank You Page is selected, you will see:

• Builder list (left): Result Action, Result page sections, and Add section
• Center preview: Live preview of the thank-you/result page
• Settings panel (right): Recommendation type, redirect options, and content/style settings for the selected item

​

Thank You Page Recommendation Settings

​

Redirect After Quiz

Setting	What it does
Redirect after quiz	When enabled, users are redirected immediately after submitting the quiz, and the Quizify result page is skipped.
Destination URL	Appears when redirect is enabled. Enter a valid website address, for example https://example.com.

​

Result Action

The Result Action section lets you customize a Retake quiz option on the result page.

​

Content Settings

1. Hover over Result Action and click the eye icon to show or hide the section.
2. Customize the Retake quiz text.

Setting	Details
Retake quiz	Label shown for retaking the quiz. Maximum 25 characters.

​

Design Settings

Setting	Options / Details
Background Color	Background color of the Result Action bar.
Section Placement	Where this bar appears on the result page: Top or Bottom.
Sticky Position	Keep this bar fixed at the top while scrolling. On your store, this only applies to fullsize popup quizzes.
Font Color	Text color.
Font Size	8 px – 50 px.
Font Weight	Light, Regular, Semi Bold, Bold.
Section Spacing	Top and Bottom: 0 px – 100 px each.

​

Retake Quiz Style

Setting	Options / Details
Link Type	Anchor or Button.
Position	Left, Center, or Right.
Button Settings	Available only when Link Type is Button: Border Width (0–10 px), Corner Radius (0–50 px), Background Color, and Border Color.

​

Result Page Design

Select Result page to set overall page layout options in the Design panel.

Setting	What it does
Make section full width	Makes result page content use the full available width.
Page width	Sets the page content width, for example, 1400 px.

​

Discount

The Discount section displays a coupon code on the result page for users to copy and redeem. Click on Discount to access the following settings.

​

Discount Content Settings

1. Click Discount under Result page.
2. Enter Coupon text, which is shown above the code. Maximum 125 characters.
3. Enter Coupon code. Maximum 25 characters.
4. Hover over Discount to access:
   • Hide/Show: Eye icon
   • Delete: Remove the section
   • Drag: Reorder the section on the result page

You can also add Custom CSS for styles that apply only to the Discount section, depending on your plan.

​

Discount Design Settings

Coupon Text

Setting	Options
Font Color	Text color.
Font Weight	Light, Regular, Semi Bold, Bold.
Font Size	8 px – 50 px.

Coupon Code

Setting	Options
Background Color	Code box background.
Font Color	Code text color.
Font Weight	Light, Regular, Semi Bold, Bold.
Font Size	8 px – 50 px.

Section Spacing

Setting	Range
Top and Bottom	0 px – 100 px each.

​

HTML

The HTML section lets you add custom HTML code to the result page. Click on HTML to access the following settings.

​

HTML Content Settings

1. Click HTML under Result page.
2. Enter your custom HTML code in the editor.
3. The HTML content is displayed in the Result Preview and on the storefront.

Custom CSS: Add Custom CSS to apply styles only to the HTML section, depending on your plan.

​

HTML Section Actions

Hover over the HTML section to access:

• Hide/Show: Enable or disable the section using the Eye icon
• Delete: Remove the HTML section
• Drag: Change the section order on the result page

​

HTML Design Settings

Section spacing

Setting	Range
Top	Adjust the spacing above the HTML section: 0 px – 100 px.
Bottom	Adjust the spacing below the HTML section: 0 px – 100 px.

​

Rich Text

The Rich Text section displays custom text and buttons on the result page. Rich Text supports blocks:

• Heading
• Text
• Button

Click Add block to add more content blocks. You can add multiple blocks and arrange them. Click on Rich Text to access the following settings.

​

Rich Text Section Actions

Hover over Rich Text to:

• Hide/Show
• Delete
• Drag to reorder

​

Rich Text Content Settings

Custom CSS: Add Custom CSS to style only the Rich Text section, depending on your plan.

​

Rich Text Design Settings

Setting	Options / Details
Background Color	Section background.
Content Position	Left, Center, Right. Automatically optimized for mobile.
Text Alignment	Left, Center, Right.
Section Spacing	Top and Bottom: 0 px – 100 px.
Space Between Blocks	0 px – 80 px. The first block does not get extra top spacing.

​

Rich Text — Heading

Setting	Details
Heading text	Maximum 300 characters.
Design	Font Color, Font Weight (Light / Regular / Semi Bold / Bold), Font Size (8–50 px).

​

Rich Text — Text

Setting	Details
Description text	Maximum 2,000 characters.
Design	Font Color, Font Weight, Font Size (8–50 px).

​

Rich Text — Button

Setting	Details
Button text	Maximum 50 characters.
Button link	Destination URL.
Button style	Solid, Outline, or Text.
Colors & Type	Background Color, Font Color, Font Weight, Font Size (8–50 px).

​

Hero Banner

The Hero Banner section displays a promotional banner with text, image, and a call-to-action. Hero Banner supports blocks:

• Heading
• Text
• Button

Click Add block to add blocks. Maximum 3 blocks per Hero Banner. Click on Hero Banner to access the following settings.

​

Hero Banner Content Settings

Banner Image: Upload a banner image.

• Supported formats: JPG, PNG, SVG, WEBP
• Maximum file size: 20 MB
• Custom CSS

​

Hero Banner Section Actions

Hover to access:

• Hide/Show
• Delete
• Drag

​

Hero Banner Design Settings

Setting	Options / Details
Show content card	Enable or disable the content card over the banner image.
Background Color	Container background. Shown when Show content card is enabled.
Block Alignment	Top Left, Top Center, Top Right, Middle Left, Absolute Center, Middle Right, Bottom Left, Bottom Center, Bottom Right.
Section Spacing	Top and Bottom: 0 px – 100 px.

​

Hero Banner Blocks

Heading, Text, and Button settings match the Rich Text blocks:

• Heading: Maximum 300 characters + font style
• Text: Maximum 2,000 characters + font style
• Button: Text (maximum 50 characters), link, Solid / Outline / Text, colors, and font size

​

Image with Text

The Image with Text section displays an image alongside text and a button. Image with Text supports blocks:

• Heading
• Text
• Button

Click Add block. Maximum 4 blocks per Image with Text section. Click on Image with Text to access the following settings.

​

Image with Text Image Settings

Upload an image.

• Supported formats: JPG, PNG, SVG, WEBP
• Maximum file size: 20 MB
• Custom CSS

​

Image with Text Section Actions

Hover to access:

• Hide/Show
• Delete
• Drag

​

Image with Text Design Settings

Setting	Options
Background Color	Section background.
Desktop Image Placement	Image First or Image Second.
Content Position	Top, Middle, Bottom.
Content Alignment	Left, Center, Right.
Section Spacing	Top and Bottom: 0 px – 100 px.

Note: Heading, Text, and Button block settings are the same as Hero Banner / Rich Text blocks.

​

Video

The Video section displays a Shopify-hosted or embedded video on the result page.

​

Video Section Actions

Hover to access:

• Hide/Show
• Delete
• Drag

​

Video Content Settings

Setting	Details
Heading	Title for the video section.
Heading Size	Small, Medium, Large.
Loop Video	Enable or disable loop video.
Make video full width	Makes the video expand to fill the entire available width of the page.
Shopify-hosted Video	Upload or select a video: MP4, MOV, WEBM.
Embed Video from URL	YouTube or Vimeo URL. Used when no Shopify-hosted video is selected.
Cover Image	Custom thumbnail. Maximum 20 MB. Supported formats: JPG, PNG, SVG, WEBP.
Video Alt Text	Descriptive text for accessibility.
Custom CSS	Optional styling for this section, depending on your plan.

​

Video Design Settings

Setting	Range
Section spacing	Top and Bottom: 0 px – 100 px.

​

Add Section

Click Add section to insert a new content section on the result page. Available sections:

• Discount
• HTML
• Rich Text
• Hero Banner
• Image with Text
• Video

You can add multiple sections of the same type. Newly added sections can be reordered, hidden, or removed.

​

Add Block

Click Add block inside a section to insert content elements.

• Available blocks depend on the selected section.
• Multiple blocks can be added and arranged.
• Hero Banner: Maximum 3 blocks.
• Image with Text: Maximum 4 blocks.

​

Notes

• If Redirect after quiz is ON, users skip the Quizify result page.
• Use the eye icon to hide sections without deleting them.
• Drag sections to change their order on the result page.