Skip to content

How to Edit Your Product Recommendation Quiz Results Page

The results page is the last thing a customer sees, and it is built from blocks you arrange yourself.

This article explains how to add those blocks, and how to make the page respond to the answers with display logic.

Build your results page

manual_shopifyV2_quizbuilder_quizbuilder_resultspage

  1. Add the blocks the page needs. Heading, Text, Image, Products and the rest.

    manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages

  2. Open each block and adjust its settings.

  3. Make a block react to the answers, with an information recall or with display logic.

  4. Open the results page settings to set the checkout behavior, and to decide what happens with out-of-stock and duplicate products.

  5. Click the top-right Save button, then take the quiz and read the page as a customer would.

manual_quizbuilder_resultspage

  1. Add the blocks the page needs. Heading, Content, HTML, Image, Products List and Products Slots.

  2. Open each block and adjust its settings.

  3. Make a block react to the answers. Type @ for an information recall, or set Display Logic to show and hide the block.

  4. Open Basic Settings to set the checkout behavior, and to decide what happens with out-of-stock and duplicate products.

  5. Click the top-right Publish button, then take the quiz and read the page as a customer would.

manual_quizbuilder_resultspage

  1. Add the blocks the page needs. Heading, Content, HTML, Image, Products List and Products Slots.

  2. Open each block and adjust its settings.

  3. Make a block react to the answers. Type @ for an information recall, or set Display Logic to show and hide the block.

  4. Open Basic Settings to set the checkout behavior, and to decide what happens with out-of-stock and duplicate products.

  5. Click the top-right Publish button, then take the quiz and read the page as a customer would.

manual_quizbuilder_resultspage

  1. Add the blocks the page needs. Heading, Content, HTML, Image, Products List and Products Slots.

  2. Open each block and adjust its settings.

  3. Make a block react to the answers. Type @ for an information recall, or set Display Logic to show and hide the block.

  4. Open Basic Settings to set the checkout behavior, and to decide what happens with out-of-stock and duplicate products.

  5. Click the top-right Publish button, then take the quiz and read the page as a customer would.

manual_quizbuilder_resultspage

  1. Add the blocks the page needs. Heading, Content, HTML, Image, Products List and Products Slots.

  2. Open each block and adjust its settings.

  3. Make a block react to the answers. Type @ for an information recall, or set Display Logic to show and hide the block.

  4. Open Basic Settings to set the checkout behavior, and to decide what happens with out-of-stock and duplicate products.

  5. Click the top-right Publish button, then take the quiz and read the page as a customer would.

manual_quizbuilder_resultspage

  1. Add the blocks the page needs. Heading, Content, HTML, Image and Products List.

  2. Open each block and adjust its settings.

  3. Make a block react to the answers. Type @ for an information recall, or set Display Logic to show and hide the block.

  4. Open Basic Settings to set the checkout behavior, and to decide what happens with out-of-stock and duplicate products.

  5. Click the top-right Publish button, then take the quiz and read the page as a customer would.

Add content

A static results page shows the same thing every time. Only the recommended products change.

A dynamic results page changes its wording too, from what the customer answered.

how to edit the results page block types

The blocks you can add

Group Blocks
Content Heading, Text, Image, Video, Custom HTML
Slots Products, Product variants, Collections
Charts Gauge chart, Radar chart, Bar chart, Rating display, Custom chart
Buttons Button, Cart/Checkout

See Block types for what each one does, and for the size limits on an image.

Pulling an answer into the text

A content dynamic source puts an answer the customer already gave into a Text or Heading block.

  1. Open the block and click the Dynamic content source icon.

    Dynamic content source icon in a Text block

  2. Pick a data point from the dropdown.

    Dropdown of data points to recall

Showing and hiding blocks

Display logic shows or hides a block from the customer's answers. It works on any block, including the product and slot blocks.

manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages_displaylogic

how to edit the results page block types

The blocks you can add

Block What it is for
Heading Block Titles and section breaks
Content Block Text explaining the match
HTML Block Your own HTML and CSS
Image Block A picture
Products List Block The matching products, up to a maximum you set
Products Slots Block Bundles of complementary products, one slot per category

See Block types for what each one does.

Pulling an answer into the text

Type @ in a Content Block or a Heading Block to open a dropdown, then pick the answer you want. See Information Recalls.

Showing and hiding blocks

Display Logic shows or hides a block from the customer's answers. It works on any block, including the product and slot blocks.

how to edit the results page block types

The blocks you can add

Block What it is for
Heading Block Titles and section breaks
Content Block Text explaining the match
HTML Block Your own HTML and CSS
Image Block A picture
Products List Block The matching products, up to a maximum you set
Products Slots Block Bundles of complementary products, one slot per category

See Block types for what each one does.

Pulling an answer into the text

Type @ in a Content Block or a Heading Block to open a dropdown, then pick the answer you want. See Information Recalls.

Showing and hiding blocks

Display Logic shows or hides a block from the customer's answers. It works on any block, including the product and slot blocks.

how to edit the results page block types

The blocks you can add

Block What it is for
Heading Block Titles and section breaks
Content Block Text explaining the match
HTML Block Your own HTML and CSS
Image Block A picture
Products List Block The matching products, up to a maximum you set
Products Slots Block Bundles of complementary products, one slot per category

See Block types for what each one does.

Pulling an answer into the text

Type @ in a Content Block or a Heading Block to open a dropdown, then pick the answer you want. See Information Recalls.

Showing and hiding blocks

Display Logic shows or hides a block from the customer's answers. It works on any block, including the product and slot blocks.

how to edit the results page block types

The blocks you can add

Block What it is for
Heading Block Titles and section breaks
Content Block Text explaining the match
HTML Block Your own HTML and CSS
Image Block A picture
Products List Block The matching products, up to a maximum you set
Products Slots Block Bundles of complementary products, one slot per category

See Block types for what each one does.

Pulling an answer into the text

Type @ in a Content Block or a Heading Block to open a dropdown, then pick the answer you want. See Information Recalls.

Showing and hiding blocks

Display Logic shows or hides a block from the customer's answers. It works on any block, including the product and slot blocks.

how to edit the results page block types

The blocks you can add

Block What it is for
Heading Block Titles and section breaks
Content Block Text explaining the match
HTML Block Your own HTML and CSS
Image Block A picture
Products List Block The matching products, up to a maximum you set
Products Slots Block Bundles of complementary products, one slot per category

See Block types for what each one does.

Pulling an answer into the text

Type @ in a Content Block or a Heading Block to open a dropdown, then pick the answer you want. See Information Recalls.

Showing and hiding blocks

Display Logic shows or hides a block from the customer's answers. It works on any block, including the product and slot blocks.

Adjust results page settings

manual_quizbuilder_resultspage_settings

Worth checking in the results page settings:

Out-of-stock products are filtered in App settings > Catalog instead, which covers every quiz at once.

Keeping unavailable products out

See how to hide out-of-stock or draft products.

manual_quizbuilder_resultspage_settings

Worth checking in Basic Settings:

  • Checkout behavior. Decide whether the page adds products to the cart or links to the product page.

    Setting the checkout behavior

    See how to change checkout settings on your results page.

  • Product reviews. Show star ratings on the recommended products, to back the recommendation up.

    Supported review apps

    • Product Reviews by Shopify
    • Stamped Product Reviews and UGC
    • Judge.me Product Reviews
    • Rivyo Product Reviews

    See how to show product reviews.

Worth checking in Advanced Settings:

  • Out-of-stock products. Turn Show unavailable products off so the quiz stops recommending them.

  • Duplicate recommendations. Turn Allow duplicated recommendations off so one product cannot fill two blocks.

  • Custom JavaScript. Run your own code on the page.

    Writing the JavaScript

    See how to add JavaScript to the quiz.

  • Multiple results pages. Send different customers to different pages.

  • Product metafields. Show a product property your store holds but does not display by default.

    Syncing the metafields

    See how to add product metafields.

manual_quizbuilder_resultspage_settings

Worth checking in Basic Settings:

Worth checking in Advanced Settings:

  • Out-of-stock products. Turn Show unavailable products off so the quiz stops recommending them.

  • Duplicate recommendations. Turn Allow duplicated recommendations off so one product cannot fill two blocks.

  • Custom JavaScript. Run your own code on the page.

    Writing the JavaScript

    See how to add JavaScript to the quiz.

  • Multiple results pages. Send different customers to different pages.

  • Product metafields. Show a product property your store holds but does not display by default.

    Syncing the metafields

    See how to add product metafields.

manual_quizbuilder_resultspage_settings

Worth checking in Basic Settings:

Worth checking in Advanced Settings:

  • Out-of-stock products. Turn Show unavailable products off so the quiz stops recommending them.

  • Duplicate recommendations. Turn Allow duplicated recommendations off so one product cannot fill two blocks.

  • Custom JavaScript. Run your own code on the page.

    Writing the JavaScript

    See how to add JavaScript to the quiz.

  • Multiple results pages. Send different customers to different pages.

manual_quizbuilder_resultspage_settings

Worth checking in Basic Settings:

Worth checking in Advanced Settings:

  • Out-of-stock products. Turn Show unavailable products off so the quiz stops recommending them.

  • Duplicate recommendations. Turn Allow duplicated recommendations off so one product cannot fill two blocks.

  • Custom JavaScript. Run your own code on the page.

    Writing the JavaScript

    See how to add JavaScript to the quiz.

  • Multiple results pages. Send different customers to different pages.

manual_quizbuilder_resultspage_settings

Worth checking in Basic Settings:

Worth checking in Advanced Settings:

  • Out-of-stock products. Turn Show unavailable products off so the quiz stops recommending them.

  • Duplicate recommendations. Turn Allow duplicated recommendations off so one product cannot fill two blocks.

  • Custom JavaScript. Run your own code on the page.

    Writing the JavaScript

    See how to add JavaScript to the quiz.

  • Multiple results pages. Send different customers to different pages.

This article explains how to build a results page from blocks, and how to make it respond to the answers.