Preview

Quick Access

• Perform a fast test with 'Preview mode'

• Showing an experience just to yourself or your teammates

• Generate a test link

Perform a fast test with 'Preview mode'

When configuring your experience in the Builder, you can quickly jump to Preview mode to check how it behaves and displays. The "Preview" feature in Jimo's builder offers a dynamic view of how your interactive tour appears within the application. It facilitates real-time edits and adjustments ensuring seamless integration and user experience.

• A (Central Preview): This area displays a live preview of the current step in your tour, allowing you to see changes as they are applied in real-time.

• B (Edit in App): This button enables you to edit and preview the tour directly within the context of your application. It helps to ensure that the tour behaves as expected in its natural environment, providing a clear perspective on how it interacts with various elements of the app.

• C (Preview Button): Launches the tour on a designated URL, bypassing all targeting and segmentation settings. This feature is essential for testing the tour in a controlled environment to see how it will operate once it goes live.

You'll see a live preview, where you can interact with the components of your experience, just as your users would. Then, when you want to go back to working on it, click "Leave preview" and the Builder will be back to assist you.

• A (Live Preview): This section displays the tour or modal currently in development, giving you the opportunity to test and interact with it as if it were live. This ensures that all interactions and flows work as intended before full deployment.

• B (Leave Preview Button): Located prominently to facilitate easy navigation, this button allows you to exit the preview mode and return to the builder environment where you can continue editing and refining your tour or modal.

Preview mode is the quickest and easiest way to see how your experience displays and behaves. All configurations (such as the buttons, dismiss, media, etc.) will behave as for end users. Here are some helpful things to check for:

• Does the full experience flow look as you intended, with the right copy and design?

• Is it easy and enjoyable for a user to progress through your experience?

• Are experiences located on the correct pages and positioned as you desire?

• Do experiences appear in the correct order and can you navigate with ease?

Showing an experience just to yourself or your teammates

Once you have thoroughly checked that your experience is working correctly, then you can test it live by going to the audience page.

In the audience page, go to the “Who” section that allows you to target users with segments or filters. Click on "Specific users” and scroll to the bottom to see “Add filter”. With those filters, you can create a filter with email or name, for example, and target only you or your teammates. Only you or your teammates will be able to see it and interact with it.

Once you're confident that everything works correctly, then you can change this to display to the right Segment. Use this to activate an experience directly in your Production environment, without affecting the UX of any other user, to make it easier and quicker to deploy to others after testing.

Generate a test link

Also, on the audience page, you can simply generate a link to try your Jimo's experience. Click on the "Test" button, and add the URL where your experience should show/start.