Personalization editor playground

Hello, in this video I will introduce you to a learning resource available on Experience League, the Personalization Editor interactive playground designed to help you get hands on with Journey Optimizer’s personalization capability. This playground provides a simulated environment to write and test personalization code using sample data without requiring live datasets. You can leverage predefined code samples, edit dummy profile payloads, and preview the output of your personalization code in real time. Let’s get started. This is the landing page. You need to sign in to visit the editor. You can sign in with your existing account or create a new one. As soon as you sign in, you’ll be able to see the editor. On the left rail you will find the list of helper functions that are available in the Journey Optimizer’s Personalization Editor, making it easy to explore and understand what’s available. Here we have two icons, Add and Info. By clicking on Add, you can simply add this helper to your template. If you click on the info button, you can see the description and the function signature.

How does it work? You can input a template and the sample profile payload into this editor. As you can see you have a sample template and a profile payload.

Then you can simply click on Execute to see the rendered output.

You can see the rendered output in the preview section. This is the output for the given set of template and the profile payload we provided. So, this tool helps you validate your logic in real time without the need for any additional setup in Journey Optimizer.

You also have curated examples that showcase Journey Optimizer’s personalization capabilities. The current examples we have are around. Mathematical operations, Conditionals array operations, String manipulation and array filtering, Date manipulation and Age calculation, and Advanced String and Date manipulation. These examples have been tailored to common marketing use cases, giving you an interactive, hands-on learning experience. You can experiment, explore, and learn by doing. Like with the helper functions, we have the Add and the Info icon. You can simply add this example to the template to your editor by clicking the Add button. This will override any existing template you have in the editor.

Now this mathematical operations template has been loaded into the editor, and a dummy profile payload has been added to allow you to render this template. You can simply click on Execute to see the rendered content.

Notice that the template has handlebar comments available to give you a better understanding of what this template is doing at every step. You can now experiment and add other helper functions to this template.

To wrap things up, this tool serves as a comprehensive resource for understanding and testing Journey Optimizer personalization templates in real time. By working with curated examples, covering mathematical operations, conditionals, string manipulation, date calculations, and more, you’ll gain practical insights into personalization techniques. The step-by-step handlebar comments and interactive helper functions make it easy to follow and experiment, empowering you to refine your skills and apply these concepts effectively. Thank you for watching, and happy optimizing!