Before activating your content, it is essential to ensure it functions exactly as you intend. To experience how your guide looks and behaves, UserGuiding provides you two options:
Preview as a UserGuiding admin
Test as an end-user.
In this article, we recommend you a way to test your content as an end-user utilizing local browser storage.
Preview Your Content with Chrome Extension
When creating Guides and Hotspots, you can click Blue Play Button to preview your work so far. You can preview:
A single step/hotspot
A guide from the start
A group of hotspot on a single page
📣Previewing your content takes you out of editing mode. You’ll see a live preview in which you can interact with the components of your content.
Test Your Content as an End-User
Once you install UserGuiding in your platform, you can also test the published live version of your content from an end-user perspective. There are two options for this:
Guides -> ⚙️ -> Audience Segmentation -> Only Me
You can check this article for more information on previewing with Chrome extension and testing with the “Only Me” option. Let’s go through how to utilize Custom Attributes and Local Browser Storage for testing purposes.
What is a Custom Attribute?
In UserGuiding, you can either use default segmentation properties or create Custom Attributes. Once you create a custom attribute, you can create any kind of user segment special to your audience base and match each segment with a particular guide or a hotspot.
Creating a Custom Attribute for Test Users
To create a custom attribute for test users, navigate to Segments and click on Custom Attributes. Set your Identifier as “test_user” or any other name of your choice, data format as text, and data source as Local Browser Storage.
After creating the custom attribute, follow the steps below:
Navigate to Guides and click on the Settings of the respective guide you’d like to test.
Navigate to Audience Segmentation and choose the Custom Segment option.
Click “New Segment”, designate a name of your choice, and set the property as “test_user (Attribute Identifier) is true”.
How to utilize Local Browser Storage?
After clicking on Save and Publish Changes, go to the URL that the guide should play, open the context menu and click on Inspect.
Then, navigate to the Application tab, click Local Storage, find the corresponding URL from the dropdown menu. Click on a blank row, open the context menu and click “Add new”.
Enter “test_user” (or Identifier that you’ve selected) as a key and “true” as a value. This way, UserGuiding will understand that you are a test user and make the guide visible only to you.
Once you finish the steps, the guide will be visible only to you.