Skip to main content

How to Use Smart Properties

Generate AI text based on your prompts and the quiz information. Add it to your results pages HTML blocks and send it to your integrations.

Ariel Santos avatar
Written by Ariel Santos
Updated this week

What are Smart Properties

Smart Properties are very similar to Smart Copy. The main differences are:

  1. You can use them directly in your results pages' HTML blocks for more personalization. You are not limited to using a Smart Copy block.

  2. You do not necessarily need to show them to the customer. You can use it to gather data for your integrations.

How to add and set up Smart Properties in your quiz

Inside the quiz editor, click the Smart Properties tab on top, then click Add Smart Properties:

You have now created a Smart Property! You will be able to edit its settings:

  • Smart Property name: This is the name of the Smart Property that you will use when adding it to the HTML blocks, and also the property name that will be sent to the integrations.

  • Instruction: This is where you can write the instructions to the AI to create the Smart Property instance. You can tell it to refer to the customer's answers and give it very detailed instructions on how the copy should be written.

  • Fallback text: If the AI fails to generate the Smart Property for any reason, this is what will be generated in its place instead.

How to use Smart Properties in HTML blocks

We have created a sample quiz that asks for the customer's favorite color and favorite hobby. We then created and set up two Smart Properties for this quiz:

We will now add an HTML block to the product block in our results pages. You can read our guide on the HTML block here, and how to add content to product blocks and results pages here.

This is how our simple results page looks. It has one HTML block with two cards, each for a Smart Product, and a fixed product recommendation:

We will now add the Smart Properties to the HTML blocks, inside the <p> elements. There are two ways you can do this:

  1. Using @ to insert: Check Enable Smart Properties. You can now use "@" inside the HTML block editor, and it will open a dropdown where you can select between your Smart Properties:
    ​


    The correct syntax will be automatically applied:
    ​


    ​

  2. Using the double bracket syntax: You can add the Smart Properties directly by adding them between double brackets {{like this}}:
    ​

This is how our results pages look in the preview, with the Smart Properties added to the HTML block:

Let us see them in action now:

You can see how using Smart Properties inside HTML blocks allows for infinite customization opportunities!

Using Smart Properties in integrations

The Smart Properties that were generated in the quiz are sent as custom properties to your integrations. Here is how they look in Klaviyo, for example:

You can use them to collect data about the customers and personalize your email and SMS marketing flows so that all customers get something unique. The Smart Properties are sent to your integrations even if you do not display them to the customer in your quiz. We can remove the entire HTML block that displays the Smart Properties to the customer in the results page:

And the Smart Properties will be generated on the back-end and sent to your integrations regardless. This is very useful if you want your customers to see the generated copies for the first time in your emails or SMS messages, and not on the quizzes. This is great if you want to create a personality quiz and send them the results via email, for example.

Did this answer your question?