Block Logic: How to show custom text on the Results Page

You are here:
< All Topics

In this article, you’ll find out how to use IF-THEN conditional logic to show customized text to the quiz takers. It explains step by step how to show custom text on the Results page based on customer answers..

 

Step 1: Create quiz

First, you’ll have to add a question asking the customer about their skin type. In this example, we’ll determine whether the user has Dry, Normal, Oily, or Combination-type skin. Go to your Quiz Builder and add a Multiple choice question.

Tip: Use the description box to help customers determine what their skin type may be. You can activate it in Question Settings -> Show Description.

 

Step 2: Edit the Results Page

Depending on what the customer chooses, a different text should appear on the Results page describing the specific skin type and its challenges.

You have Dry Skin The itchiness, tightness and dryness – we know your struggle! Your skin wants a routine that’s deeply nourishing and hydrating. You have Normal Skin Your skin feels balanced, just like you! Even though your skin doesn’t experience major issues, it deserves amazing care! Your skin wants a routine that sustains your skin’s natural harmony.
You have Oily Skin Your skin is oh-so shiny, but with excess oil instead of your natural glow! Your skin wants a routine that reduces oil to provide balance and clarity, all while giving your skin the proper amount of light hydration. You have Combination-Type Skin Your skin has multiple things going on at once: you experience your T-zone to be on the oily side, while the rest of your face is either normal or dry.
Different texts to be displayed on the Results Page.

Go to the Results Page and add a new content block.

To add a content block click the plus sign and select “Content Block” from the list.

Tip: Make the heading stand out with markdown language. “#” sign before a sentence can make it bold.

Replicate the process by adding content blocks for Normal, Oily and Combination-type skin.

 

Step 3: Add Block Logic

Once you have all four content blocks, it’s time to set up the logic.

If we don’t add Block Logic to the quiz, our blocks will just appear one after the other on the Results Page, regardless of the choice we made.

To add Block Logic, select a content block and click on “block logic“.

Next, click “add block logic” and add a IF-THEN statement that will determine when the content block should be visible or hidden.

Here’s an example of the logic applied to the Dry skin content block:

Replicate the process by adding IF-THEN-VISIBLE/HIDDEN block logic to content blocks for Normal, Oily and Combination-type skin.

That’s it! You created personalized text which will appear on the Results page depending on the skintype chosen.

 

Step 4: Test the quiz

Next, you should Preview the quiz to check if everything is set up correctly. Click on “Preview Quiz” in the top-right menu.

If you would like to know more about using Jump Logic, check this article.

Click here to learn how to build dynamic Results Pages.

 

Table of Contents

Install the app and get started today

Add a Product Recommendation Quiz to your store and start offering a better shopping experience