WordPress Personalized User Experience

Last updated 06/23/2022

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:

Step 1

First, please ensure that you have the Bread & Butter IO WordPress plugin installed on your site, and that it is set up. If you have not done so, please follow the Setup Guide.


Step 2

Add the following code to your page header:

    BreadButter.ui.applyText('FIELD_ID', "TEMPLATE", {
        type: 'TYPE'
    });
Step 2

Step 3

  • Replace FIELD_ID with the ID of the text field you would like to personalize.
  • 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.

  • Replace TYPE with the content type: either 'html' or 'text'. Use 'text' if the content is just plain text. Use 'html' if you have included HTML tags in the TEMPLATE content.

Step 4

Save and Publish your page.


Step 5

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.