Design Studio: Using Personalization Tokens

This Justuno support article will cover how you can set up a personalization token within the Design Studio,

At A Glance:
Introduction to personalization tokens
Configuring variables
Setting up personalization tokens

Introduction to personalization tokens


Personalization tokens create a unique experience for your website visitors by replacing a text element in your design with dynamic content; think emails containing your first name, or a banner containing a unique coupon code you were shown.. These tokens use variables, such as “first name” or “cart total”, to personalize messages for each visitor, using zero and first party data collected through forms, cookies, etc, to create a unique experience for each visitor.

Configuring variables in the token settings


Variables are the dynamic properties known about a website visitor through either browser data (like cookies and other session data) or Justuno properties (like first name, email, etc). These variables are what populate the token in your designs, allowing you to easily style the token, while simultaneously configuring the variable you want to dynamically show. Once live, this variable will show personalized content to each visitor who views that design.

✔️ Note:

Personalization tokens can only be used within a text element in your design. Once added to your design, the variable you choose to add will be either numeric, like "cart total this visit", or non-numeric variable, like "visitor name". Tokens create an in-line block element within the text element, allowing you to override styles set to the text element. Try making the token style bold, larger font, or even a different color to start!

Setting up personalization tokens


  1. Highlight some or all of the text in an element to replace it with your token, and select the personalization token option from the WYSIWYG editor floating above the element.
  2. From the settings panel on the right, you’ll be able to choose between presenting a Justuno variable or a custom variable. 
    1. Variables taken from Justuno are the properties under which Justuno stores information like last email, first name, total visits etc, along with some common browser variables, such as “cart total this visit”. You’ll also see an option for a static value to present to visitors in the case that the selected variable is unknown. 
    2. Custom variables allow you to drop in any variable from your website’s database that is pushed to the browser. You can copy that variable and paste it into the given dialogue box inside double curly brackets using an underscore, i.e. {{first_name}}. In Justuno variable source you have an additional field for adding a default value.
  3. The current personalization token options have values that are either numeric, letter-based, or alphanumeric (containing both letters and numbers). Numeric variables will present a formula setting, in which you can create a formulas surrounding the number to manipulate it (i.e. “50-{{cart_total}}”), along with a value preview, which is a static value used in the canvas for styling the text. Non-numeric and alphanumeric variables will not have a formula field, but will provide a default value.
  4. Once a personalization token is incorporated in the design and you've completed the desired configuration, we highly recommend testing on your live site using a test url (i.e. "www.abc.com/#justunotest"). This will allow you to browse your site with the desired behavior and make sure your personalization tokens and formulas are behaving as expected.