How to use Block Logic¶

Block logic or Display Logic is a feature of the Results Page that allows you to make blocks visible or hidden based on customer's responses.

Results Page¶

In the Results Page section, you can add content to the results page shown at the end of the quiz. You can adjust the results page settings and see the preview of how the results page looks like.

What content be added to the Results Page?

You can add different types of building blocks to your results page:

Heading Block - Adds a new heading to your page, ideal for titles or section breaks.
Content Block - Adds a new content block to your page, ideal for adding and formatting text, lists, and links.
HTML Block - Adds a block where you can input custom HTML code for advanced content and styling.
Image Block - 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.
Products Block - Adds a block specifically designed for displaying a list of recommended products.
Slots Block - Adds a block specifically designed for displaying the recommended products sorted into slots. Slots allow you to group recommended products into different categories (e.g. cleanser, toner, serum, moisturizer...). Slots show the most voted products from a collection that's linked to the slot.

Add Block Logic to Block / Section¶

ShopifyShopify V2WooCommerceMagentoBigCommerceStandalone

With Block Logic you can make blocks visible or hidden based on customer's responses.

Find a block: Start by identifying or adding the block you wish to add Block Logic to.
Open Block Logic settings: Look for a conditional logic / tree icon button and click it.

conditional logic / tree icon - Opens the Block Logic menu.
Next, select add Block Logic.
Add your rules: Add you block logic rules for when the block should be visible or hidden.
Info

All the Block Logic rules follow the same format
- IF response to pick the question from a dropdown list
- is/ is not pick a choice from the dropdown list
- THEN block is pick either Visible or Hidden
- IN ALL OTHER CASES this block is pick pick either Visible or Hidden
Example

In the example, if a user chooses a choice "A gift" in Question 1 "Who are you shopping for?" then this content block with text "This is content text." will be visible. If they give a different answer in Question 1 this content block will be hidden.
You can add multiple rules by clicking the + button.
- + - Adds another Block Logic rule. Adds a new OR logical rule.
- bin - Delete the current Block Logic rule.
- + add concurrent logic - Adds a new AND logical statement to the same rule. AND conditional statements can be tricky, as both statements have to be true for the rule to take effect. For most quizzes, using the OR rule is enough.
Preview and Adjust: Publish the changes with the top-right Publish button to update the preview/live quiz and test the setup.

Warning

Version 2 of the RevenueHunt app is not yet available. It is currently in the beta testing phase. Learn more here.

With Block Logic / Display Logic you can make blocks visible or hidden based on customer's responses.

Find a section: Start by identifying or adding the section you wish to add Display Logic to.
Open DisplayLogic settings: Click on the section and on the right-hand side identify the Display logic.
Next, select + Add logic condition (OR).
Add your rules: Add your display logic rules for when the block should be visible or hidden.
Info

All the Block Logic rules follow the same format
- IF response to pick the question from a dropdown list
- is/ is not pick a choice from the dropdown list
- THEN block is pick either Visible or Hidden
- IN ALL OTHER CASES this block is pick pick either Visible or Hidden
Example

In the example, if a user chooses a choice "Oily" in Question 1 "SKIN TYPE" then this section will be hidden. If they give a different answer in Question 1 this content block will be shown.
You can add multiple rules by clicking the + button.
- + Add condition (OR) - Adds another Display Logic rule. Adds a new OR logical rule.
- bin - Delete the current Block Logic rule.
- + Add condtion (AND) - Adds a new AND logical statement to the same rule. AND conditional statements can be tricky, as both statements have to be true for the rule to take effect. For most quizzes, using the OR rule is enough.
Preview and Adjust: Publish the changes with the top-right Save button to update the preview/live quiz and test the setup.

With Block Logic you can make blocks visible or hidden based on customer's responses.

Find a block: Start by identifying or adding the block you wish to add Block Logic to.
Open Block Logic settings: Look for a conditional logic / tree icon button and click it.

conditional logic / tree icon - Opens the Block Logic menu.
Next, select add Block Logic.
Add your rules: Add you block logic rules for when the block should be visible or hidden.
Info

All the Block Logic rules follow the same format
- IF response to pick the question from a dropdown list
- is/ is not pick a choice from the dropdown list
- THEN block is pick either Visible or Hidden
- IN ALL OTHER CASES this block is pick pick either Visible or Hidden
Example

In the example, if a user chooses a choice "A gift" in Question 1 "Who are you shopping for?" then this content block with text "This is content text." will be visible. If they give a different answer in Question 1 this content block will be hidden.
You can add multiple rules by clicking the + button.
- + - Adds another Block Logic rule. Adds a new OR logical rule.
- bin - Delete the current Block Logic rule.
- + add concurrent logic - Adds a new AND logical statement to the same rule. AND conditional statements can be tricky, as both statements have to be true for the rule to take effect. For most quizzes, using the OR rule is enough.
Preview and Adjust: Publish the changes with the top-right Publish button to update the preview/live quiz and test the setup.

With Block Logic you can make blocks visible or hidden based on customer's responses.

Find a block: Start by identifying or adding the block you wish to add Block Logic to.
Open Block Logic settings: Look for a conditional logic / tree icon button and click it.

conditional logic / tree icon - Opens the Block Logic menu.
Next, select add Block Logic.
Add your rules: Add you block logic rules for when the block should be visible or hidden.
Info

All the Block Logic rules follow the same format
- IF response to pick the question from a dropdown list
- is/ is not pick a choice from the dropdown list
- THEN block is pick either Visible or Hidden
- IN ALL OTHER CASES this block is pick pick either Visible or Hidden
Example

In the example, if a user chooses a choice "A gift" in Question 1 "Who are you shopping for?" then this content block with text "This is content text." will be visible. If they give a different answer in Question 1 this content block will be hidden.
You can add multiple rules by clicking the + button.
- + - Adds another Block Logic rule. Adds a new OR logical rule.
- bin - Delete the current Block Logic rule.
- + add concurrent logic - Adds a new AND logical statement to the same rule. AND conditional statements can be tricky, as both statements have to be true for the rule to take effect. For most quizzes, using the OR rule is enough.
Preview and Adjust: Publish the changes with the top-right Publish button to update the preview/live quiz and test the setup.

With Block Logic you can make blocks visible or hidden based on customer's responses.

Find a block: Start by identifying or adding the block you wish to add Block Logic to.
Open Block Logic settings: Look for a conditional logic / tree icon button and click it.

conditional logic / tree icon - Opens the Block Logic menu.
Next, select add Block Logic.
Add your rules: Add you block logic rules for when the block should be visible or hidden.
Info

All the Block Logic rules follow the same format
- IF response to pick the question from a dropdown list
- is/ is not pick a choice from the dropdown list
- THEN block is pick either Visible or Hidden
- IN ALL OTHER CASES this block is pick pick either Visible or Hidden
Example

In the example, if a user chooses a choice "A gift" in Question 1 "Who are you shopping for?" then this content block with text "This is content text." will be visible. If they give a different answer in Question 1 this content block will be hidden.
You can add multiple rules by clicking the + button.
- + - Adds another Block Logic rule. Adds a new OR logical rule.
- bin - Delete the current Block Logic rule.
- + add concurrent logic - Adds a new AND logical statement to the same rule. AND conditional statements can be tricky, as both statements have to be true for the rule to take effect. For most quizzes, using the OR rule is enough.
Preview and Adjust: Publish the changes with the top-right Publish button to update the preview/live quiz and test the setup.

With Block Logic you can make blocks visible or hidden based on customer's responses.

Find a block: Start by identifying or adding the block you wish to add Block Logic to.
Open Block Logic settings: Look for a conditional logic / tree icon button and click it.

conditional logic / tree icon - Opens the Block Logic menu.
Next, select add Block Logic.
Add your rules: Add you block logic rules for when the block should be visible or hidden.
Info

All the Block Logic rules follow the same format
- IF response to pick the question from a dropdown list
- is/ is not pick a choice from the dropdown list
- THEN block is pick either Visible or Hidden
- IN ALL OTHER CASES this block is pick pick either Visible or Hidden
Example

In the example, if a user chooses a choice "A gift" in Question 1 "Who are you shopping for?" then this content block with text "This is content text." will be visible. If they give a different answer in Question 1 this content block will be hidden.
You can add multiple rules by clicking the + button.
- + - Adds another Block Logic rule. Adds a new OR logical rule.
- bin - Delete the current Block Logic rule.
- + add concurrent logic - Adds a new AND logical statement to the same rule. AND conditional statements can be tricky, as both statements have to be true for the rule to take effect. For most quizzes, using the OR rule is enough.
Preview and Adjust: Publish the changes with the top-right Publish button to update the preview/live quiz and test the setup.

Examples and Applications¶

Customizing Content Based on Skin Type¶

You want to provide personalized advice based on the customer's skin type. Imagine creating a quiz that determines a personalized skincare routine. Question 4 might ask about the participant's skin type, and depending on the answer, a different recommendation about their skincare is shown on the Results Page. This individualized response is made possible by Block Logic.

how to use block logic example

To learn how to build such a quiz check this step-by-step guide.

Additional Resources¶

Understanding conditional logic can be challenging. Resources such as WolframAlpha and Khan Academy offer tutorials on AND/OR logic, which can enhance your ability to create effective and complex quiz flows.

This guide explains what is Block Logic and how to use it in Product Recommendation Quiz.