Last updated 06/08/2022
Before adding the Personalized User Experience, make sure you have added the initialization script tag.
With this feature, you can replace generic content with a personalized message that users only see once they have authenticated. For example, on your homepage, you can mention the user by name:
To add the personalized text like your logged in user’s name to any element on the page, you just need to follow these few steps:
Find the initialization script you have added to your webpage (see initialization script if you have not added it already)
In the initialization script, find the line:
BreadButter.configure({app_id: "[APP_ID]"});
Add the following line under BreadButter.configure();
BreadButter.ui.applyText('FIELD_ID', "TEMPLATE", { type: 'TYPE' });
Replace TEMPLATE with the new text that you want to appear when a user authenticates. You can use plain text or html, which must be specified in the TYPE below. The available customization fields are:
%FIRST_NAME%
%LAST_NAME%
%NAME%
%EMAIL%
Note: This will replace all of the text in the text field.
Users should now see the personalized text once they have signed in to your site.
Repeat the above steps for any other pages that you would like to personalize.
Add authentication & API event tracking to your website/app with a script tag & configuration