How to Edit Your Product Recommendation Quiz Results Page

You can customize your quiz design as well as the look of your quiz's Results Page.

This article explains how to add content blocks to your results page, and how to make the page respond to the answers with Display logic.

ShopifyShopify (Legacy)WooCommerceMagentoBigCommerceStandalone

Build your results page

ShopifyShopify (Legacy)WooCommerceMagentoBigCommerceStandalone

1. Plan Your Page Layout: Decide on a mix of static and dynamic blocks to provide both consistent and personalized content.

2. Add Blocks: Insert building blocks such as Heading, Content, HTML, Image, Products List, and Products Slots Blocks as needed.

   

3. Configure the Block: Adjust block settings. For dynamic elements, use information recalls or set Display logic for conditional visibility.

4. Adjust Page settings: Tailor the checkout process, manage out-of-stock and duplicate product recommendations under Results page settings. From there you can add further customization with JavaScript and CSS.
5. Review and Test: Click the top-right Save button to update the preview and the live quiz. Check that the Results page does what your quiz set out to do.

1. Plan Your Page Layout: Decide on a mix of static and dynamic blocks to provide both consistent and personalized content.
2. Add Blocks: Insert building blocks such as Heading, Content, HTML, Image, Products List, and Products Slots Blocks as needed.
3. Configure the Block: Adjust block settings or ,for dynamic elements, use the @ symbol for information recalls or set Display Logic for conditional visibility.
4. Adjust Page Settings: Tailor the checkout process, product reviews visibility, and manage out-of-stock and duplicate product recommendations under Basic Settings. Use Advanced Settings for further customization with JavaScript and product metafields.
5. Review and Test: Click the top-right Publish button to update the preview and the live quiz. Check that the Results Page does what your quiz set out to do.

1. Plan Your Page Layout: Decide on a mix of static and dynamic blocks to provide both consistent and personalized content.
2. Add Blocks: Insert building blocks such as Heading, Content, HTML, Image, Products List, and Products Slots Blocks as needed.
3. Configure the Block: Adjust block settings or ,for dynamic elements, use the @ symbol for information recalls or set Display Logic for conditional visibility.
4. Adjust Page Settings: Tailor the checkout process, product reviews visibility, and manage out-of-stock and duplicate product recommendations under Basic Settings. Use Advanced Settings for further customization with JavaScript and product metafields.
5. Review and Test: Click the top-right Publish button to update the preview and the live quiz. Check that the Results Page does what your quiz set out to do.

1. Plan Your Page Layout: Decide on a mix of static and dynamic blocks to provide both consistent and personalized content.
2. Add Blocks: Insert building blocks such as Heading, Content, HTML, Image, Products List, and Products Slots Blocks as needed.
3. Configure the Block: Adjust block settings or ,for dynamic elements, use the @ symbol for information recalls or set Display Logic for conditional visibility.
4. Adjust Page Settings: Tailor the checkout process, product reviews visibility, and manage out-of-stock and duplicate product recommendations under Basic Settings. Use Advanced Settings for further customization with JavaScript and product metafields.
5. Review and Test: Click the top-right Publish button to update the preview and the live quiz. Check that the Results Page does what your quiz set out to do.

1. Plan Your Page Layout: Decide on a mix of static and dynamic blocks to provide both consistent and personalized content.
2. Add Blocks: Insert building blocks such as Heading, Content, HTML, Image, Products List, and Products Slots Blocks as needed.
3. Configure the Block: Adjust block settings or ,for dynamic elements, use the @ symbol for information recalls or set Display Logic for conditional visibility.
4. Adjust Page Settings: Tailor the checkout process, product reviews visibility, and manage out-of-stock and duplicate product recommendations under Basic Settings. Use Advanced Settings for further customization with JavaScript and product metafields.
5. Review and Test: Click the top-right Publish button to update the preview and the live quiz. Check that the Results Page does what your quiz set out to do.

1. Plan Your Page Layout: Decide on a mix of static and dynamic blocks to provide both consistent and personalized content.
2. Add Blocks: Insert building blocks such as Heading, Content, HTML, Image, Products List, as needed.
3. Configure the Block: Adjust block settings or ,for dynamic elements, use the @ symbol for information recalls or set Display Logic for conditional visibility.
4. Adjust Page Settings: Tailor the checkout process, product reviews visibility, and manage out-of-stock and duplicate product recommendations under Basic Settings. Use Advanced Settings for further customization with JavaScript and product metafields.
5. Review and Test: Click the top-right Publish button to update the preview and the live quiz. Check that the Results Page does what your quiz set out to do.

Add content

ShopifyShopify (Legacy)WooCommerceMagentoBigCommerceStandalone

A Static Results page shows the same content each time customer re-takes the quiz. The only thing that changes are the product recommendations in the Product block or Slot block.

A Dynamic Results page not only changes the product recommendations but also adapts content based on customer quiz responses.

Start by adding content to your results page. These are the elements you can use.

Add blocks

Available Block Types:

Content Blocks

• Heading - Adds a new heading to your page, ideal for titles or section breaks.

• Text - Adds a new content block to your page, ideal for adding and formatting text, lists, and links.

• Image - Adds an embedded image block into your page. You can upload your own image. The image should be max 1000px x 1000px and max 2MB.

• Video - Adds a video block to the results page. You can upload your own video.

• Custom HTML - Adds a block where you can input custom HTML code for advanced content and styling.

Slots

• Products - Adds a block specifically designed for displaying a list of recommended products.

• Products variants - Adds a block specifically designed for displaying a list of recommended product variants.

• Collection - Adds a block specifically designed for displaying a list of recommended collections.

Charts

• Gauge chart - Adds a gauge chart to the results page.

• Radar chart - Adds a radar chart to the results page.

• Bar chart - Adds a bar chart to the results page.

• Rating display - Adds a rating display to the results page.

• Custom chart - Adds a custom chart to the results page.

Buttons

• Button - Adds a button to the results page. You can add any URL to the button.

• Cart/Checkout - Adds a Proceed to cart or Proceed to checkout button to the results page.

Add dynamic content

Dynamic elements of the results page:

• Content dynamic source: A Content Dynamic Source pulls any answer the customer gave into a Text Block or a Heading Block on the results page. Open the block and click the Dynamic content source icon.

  

  A dropdown lists what you can recall. Pick a data point and it is added to the block.

  

• Display logic: With Display logic you can make blocks visible or hidden based on customer's responses. Display logic can be applied to any block on the results page, including the product blocks and the slot blocks.

  

A Static Results Page shows the same content each time customer re-takes the quiz. The only thing that changes are the product recommendations in the Product Block or Slot Block.

A Dynamic Results Page not only changes the product recommendations but also adapts content based on customer quiz responses.

Start by adding content to your results page. These are the elements you can use.

Available Block Types:

1. Heading Block: Use for adding titles or headings.
2. Content Block: Ideal for adding text explanations about product matches.
3. HTML Block: Allows for the addition of custom HTML, including CSS for styling.
4. Image Block: Adds visual elements to your results page.
5. Products List Block: Shows a list of matching products, with the ability to set a maximum number.
6. Products Slots Block: Recommends bundles of complementary products across different categories.

Dynamic elements of the results page:

• Information Recalls: An Information Recall pulls any answer the customer gave into a Content Block or a Heading Block on the results page. Type @ to open a dropdown of what you can recall, then pick a data point.
• Display Logic: With Display Logic you can make blocks visible or hidden based on customer's responses. Display logic can be applied to any block on the results page, including the product blocks and the slot blocks.

A Static Results Page shows the same content each time customer re-takes the quiz. The only thing that changes are the product recommendations in the Product Block or Slot Block.

A Dynamic Results Page not only changes the product recommendations but also adapts content based on customer quiz responses.

Start by adding content to your results page. These are the elements you can use.

Available Block Types:

1. Heading Block: Use for adding titles or headings.
2. Content Block: Ideal for adding text explanations about product matches.
3. HTML Block: Allows for the addition of custom HTML, including CSS for styling.
4. Image Block: Adds visual elements to your results page.
5. Products List Block: Shows a list of matching products, with the ability to set a maximum number.
6. Products Slots Block: Recommends bundles of complementary products across different categories.

Dynamic elements of the results page:

• Information Recalls: An Information Recall pulls any answer the customer gave into a Content Block or a Heading Block on the results page. Type @ to open a dropdown of what you can recall, then pick a data point.
• Display Logic: With Display Logic you can make blocks visible or hidden based on customer's responses. Display logic can be applied to any block on the results page, including the product blocks and the slot blocks.

A Static Results Page shows the same content each time customer re-takes the quiz. The only thing that changes are the product recommendations in the Product Block or Slot Block.

A Dynamic Results Page not only changes the product recommendations but also adapts content based on customer quiz responses.

Start by adding content to your results page. These are the elements you can use.

Available Block Types:

1. Heading Block: Use for adding titles or headings.
2. Content Block: Ideal for adding text explanations about product matches.
3. HTML Block: Allows for the addition of custom HTML, including CSS for styling.
4. Image Block: Adds visual elements to your results page.
5. Products List Block: Shows a list of matching products, with the ability to set a maximum number.
6. Products Slots Block: Recommends bundles of complementary products across different categories.

Dynamic elements of the results page:

• Information Recalls: An Information Recall pulls any answer the customer gave into a Content Block or a Heading Block on the results page. Type @ to open a dropdown of what you can recall, then pick a data point.
• Display Logic: With Display Logic you can make blocks visible or hidden based on customer's responses. Display logic can be applied to any block on the results page, including the product blocks and the slot blocks.

A Static Results Page shows the same content each time customer re-takes the quiz. The only thing that changes are the product recommendations in the Product Block or Slot Block.

A Dynamic Results Page not only changes the product recommendations but also adapts content based on customer quiz responses.

Start by adding content to your results page. These are the elements you can use.

Available Block Types:

1. Heading Block: Use for adding titles or headings.
2. Content Block: Ideal for adding text explanations about product matches.
3. HTML Block: Allows for the addition of custom HTML, including CSS for styling.
4. Image Block: Adds visual elements to your results page.
5. Products List Block: Shows a list of matching products, with the ability to set a maximum number.
6. Products Slots Block: Recommends bundles of complementary products across different categories.

Dynamic elements of the results page:

• Information Recalls: An Information Recall pulls any answer the customer gave into a Content Block or a Heading Block on the results page. Type @ to open a dropdown of what you can recall, then pick a data point.
• Display Logic: With Display Logic you can make blocks visible or hidden based on customer's responses. Display logic can be applied to any block on the results page, including the product blocks and the slot blocks.

A Static Results Page shows the same content each time customer re-takes the quiz. The only thing that changes are the product recommendations in the Product Block or Slot Block.

A Dynamic Results Page not only changes the product recommendations but also adapts content based on customer quiz responses.

Start by adding content to your results page. These are the elements you can use.

Available Block Types:

1. Heading Block: Use for adding titles or headings.
2. Content Block: Ideal for adding text explanations about product matches.
3. HTML Block: Allows for the addition of custom HTML, including CSS for styling.
4. Image Block: Adds visual elements to your results page.
5. Products List Block: Shows a list of matching products, with the ability to set a maximum number.
6. Products Slots Block: Recommends bundles of complementary products across different categories.

Dynamic elements of the results page:

• Information Recalls: An Information Recall pulls any answer the customer gave into a Content Block or a Heading Block on the results page. Type @ to open a dropdown of what you can recall, then pick a data point.
• Display Logic: With Display Logic you can make blocks visible or hidden based on customer's responses. Display logic can be applied to any block on the results page, including the product blocks and the slot blocks.

Adjust results page settings

ShopifyShopify (Legacy)WooCommerceMagentoBigCommerceStandalone

For further customization, you can adjust the results page settings.

Basic Settings worth checking:

• Checkout Settings: Control how customers interact with recommended products, allowing for direct cart addition or linking to product details.

  Tip

  Check the How to Change Checkout Settings for detailed instructions.

• Exclude Out-of-Stock Products: Ensure unavailable items are not recommended by disabling the Show unavailable products setting in the Results page settings.

• Avoid Duplicate Recommendations: Prevent the same product from being recommended in multiple blocks by disabling the Allow duplicate recommendations setting in the Results page settings.

Advanced Settings worth checking:

• Custom JavaScript: Add custom scripts for unique behaviors or logic.

  Tip

  Check How to Add JavaScript for instructions on how to add custom JavaScript to your Results page.

• Multiple Results pages: Offer diverse results pages based on customer responses for enhanced personalization.

For further customization, you can adjust the results page settings.

Basic Settings worth checking:

• Checkout Settings: Control how customers interact with recommended products, allowing for direct cart addition or linking to product details.

  Tip

  Check the How to Change Checkout Settings for detailed instructions.

• Show Product Reviews: Display product reviews to add credibility and influence decisions.

  Info

  These review apps for Shopify are supported:

  • Product Reviews by Shopify,
  • Stamped Product Reviews & UGC,
  • Judge.me Product Reviews,
  • Rivyo Product Reviews.

  And WooCommerce Product Reviews.

Advanced Settings worth checking:

• Exclude Out-of-Stock Products: Ensure unavailable items are not recommended by disabling the Show unavailable products setting in the Advanced Results Page settings.
• Avoid Duplicate Recommendations: Prevent the same product from being recommended in multiple blocks by disabling the Allow duplicate recommendations setting in the Advanced Results Page settings.

• Custom JavaScript: Add custom scripts for unique behaviors or logic.

  Tip

  Check How to Add JavaScript for instructions on how to add custom JavaScript to your Results Page.

• Product Metafields: Use metafields or attributes to display specific product details, enhancing information on the results page.

  Tip

  Check How to Add Product Metafields for detailed instructions on showing product metafields on the results page.

• Multiple Results Pages: Offer diverse results pages based on customer responses for enhanced personalization.

For further customization, you can adjust the results page settings.

Basic Settings worth checking:

• Checkout Settings: Control how customers interact with recommended products, allowing for direct cart addition or linking to product details.

  Tip

  Check the How to Change Checkout Settings for detailed instructions.

• Show Product Reviews: Display product reviews to add credibility and influence decisions.

  Info

  These review apps for Shopify are supported:

  • Product Reviews by Shopify,
  • Stamped Product Reviews & UGC,
  • Judge.me Product Reviews,
  • Rivyo Product Reviews.

  And WooCommerce Product Reviews.

Advanced Settings worth checking:

• Exclude Out-of-Stock Products: Ensure unavailable items are not recommended by disabling the Show unavailable products setting in the Advanced Results Page settings.
• Avoid Duplicate Recommendations: Prevent the same product from being recommended in multiple blocks by disabling the Allow duplicate recommendations setting in the Advanced Results Page settings.

• Custom JavaScript: Add custom scripts for unique behaviors or logic.

  Tip

  Check How to Add JavaScript for instructions on how to add custom JavaScript to your Results Page.

• Product Metafields: Use metafields or attributes to display specific product details, enhancing information on the results page.

  Tip

  Check How to Add Product Metafields for detailed instructions on showing product metafields on the results page.

• Multiple Results Pages: Offer diverse results pages based on customer responses for enhanced personalization.

For further customization, you can adjust the results page settings.

Basic Settings worth checking:

• Checkout Settings: Control how customers interact with recommended products, allowing for direct cart addition or linking to product details.

  Tip

  Check the How to Change Checkout Settings for detailed instructions.

• Show Product Reviews: Display product reviews to add credibility and influence decisions.

  Info

  These review apps for Shopify are supported:

  • Product Reviews by Shopify,
  • Stamped Product Reviews & UGC,
  • Judge.me Product Reviews,
  • Rivyo Product Reviews.

  And WooCommerce Product Reviews.

Advanced Settings worth checking:

• Exclude Out-of-Stock Products: Ensure unavailable items are not recommended by disabling the Show unavailable products setting in the Advanced Results Page settings.
• Avoid Duplicate Recommendations: Prevent the same product from being recommended in multiple blocks by disabling the Allow duplicate recommendations setting in the Advanced Results Page settings.

• Custom JavaScript: Add custom scripts for unique behaviors or logic.

  Tip

  Check How to Add JavaScript for instructions on how to add custom JavaScript to your Results Page.

• Product Metafields: Use metafields or attributes to display specific product details, enhancing information on the results page.

  Tip

  Check How to Add Product Metafields for detailed instructions on showing product metafields on the results page.

• Multiple Results Pages: Offer diverse results pages based on customer responses for enhanced personalization.

For further customization, you can adjust the results page settings.

Basic Settings worth checking:

• Checkout Settings: Control how customers interact with recommended products, allowing for direct cart addition or linking to product details.

  Tip

  Check the How to Change Checkout Settings for detailed instructions.

• Show Product Reviews: Display product reviews to add credibility and influence decisions.

  Info

  These review apps for Shopify are supported:

  • Product Reviews by Shopify,
  • Stamped Product Reviews & UGC,
  • Judge.me Product Reviews,
  • Rivyo Product Reviews.

  And WooCommerce Product Reviews.

Advanced Settings worth checking:

• Exclude Out-of-Stock Products: Ensure unavailable items are not recommended by disabling the Show unavailable products setting in the Advanced Results Page settings.
• Avoid Duplicate Recommendations: Prevent the same product from being recommended in multiple blocks by disabling the Allow duplicate recommendations setting in the Advanced Results Page settings.

• Custom JavaScript: Add custom scripts for unique behaviors or logic.

  Tip

  Check How to Add JavaScript for instructions on how to add custom JavaScript to your Results Page.

• Product Metafields: Use metafields or attributes to display specific product details, enhancing information on the results page.

  Tip

  Check How to Add Product Metafields for detailed instructions on showing product metafields on the results page.

• Multiple Results Pages: Offer diverse results pages based on customer responses for enhanced personalization.

For further customization, you can adjust the results page settings.

Basic Settings worth checking:

• Checkout Settings: Control how customers interact with recommended products, allowing for direct cart addition or linking to product details.

  Tip

  Check the How to Change Checkout Settings for detailed instructions.

• Show Product Reviews: Display product reviews to add credibility and influence decisions.

  Info

  These review apps for Shopify are supported:

  • Product Reviews by Shopify,
  • Stamped Product Reviews & UGC,
  • Judge.me Product Reviews,
  • Rivyo Product Reviews.

  And WooCommerce Product Reviews.

Advanced Settings worth checking:

• Exclude Out-of-Stock Products: Ensure unavailable items are not recommended by disabling the Show unavailable products setting in the Advanced Results Page settings.
• Avoid Duplicate Recommendations: Prevent the same product from being recommended in multiple blocks by disabling the Allow duplicate recommendations setting in the Advanced Results Page settings.

• Custom JavaScript: Add custom scripts for unique behaviors or logic.

  Tip

  Check How to Add JavaScript for instructions on how to add custom JavaScript to your Results Page.

• Product Metafields: Use metafields or attributes to display specific product details, enhancing information on the results page.

  Tip

  Check How to Add Product Metafields for detailed instructions on showing product metafields on the results page.

• Multiple Results Pages: Offer diverse results pages based on customer responses for enhanced personalization.

---

This article explains how to edit the results page. It covers content and product blocks, and using Display logic to make the page respond to the answers.