Once your application is loaded in the guide designer, click "Add New Guide" in the bottom-left corner to create a guide. You will be presented with four guide types.
Tooltip guides anchor to a target element within your application. These are most commonly used for highlighting an element or feature.
Tip! Use a badge activated tooltip next time you want to call attention to a certain element or feature. It won’t interrupt the user experience.
A lightbox is a type of guide that is centered on the page. Lightboxes are commonly used for global announcements such as outages or major new feature releases.
Banner guides are a great way to provide information (new feature announcements) or solicit feedback (polls and surveys) from users without interrupting their workflow. Banners pop into view from the top or bottom of the window.
A walkthrough is a grouping of the above guide types. They are often used for user onboarding. If you have a workflow that users are struggling with, you could build a walkthrough to help a user understand the process or accomplish the task.
The guide is public to all visitors targeted in the guide’s segment and will appear in the designated "Location" on all environments with Pendo installed. Public guides will still appear on your designated staging servers.
The guide will not appear on any environment but can still be edited. While there is no functional difference between Draft and Disabled, these categories are useful for guide organization.
This will delete the guide and all of its data permanently.
Note: If this is your first time in the guide designer, please read the in-app designer overview.
This example outlines building a walkthrough type guide. First, click "Add New Guide" in the bottom-left corner and select Walkthrough. Steps will later be added.
Click "Unnamed" to name the guide.
Who should see this guide? Use the default "Everyone" if you want the guide to display to all visitors, and "Only Me" if you are testing and only want to display the guide to yourself. You can also use a previously created segment from outside of the designer, or create a custom one on the fly.
Guides can be activated in a few different ways. A guide can use these activation methods simultaneously. For example, you can set a guide to both Automatic and Launcher activation so that the guide automatically appears when a user visits the page, but is available in the Launcher if they want to reference it again.
Automatically: The guide will automatically display to the targeted segment upon page load or previous step completion (if building a Walkthrough).
Click here for more information on guide activation methods.
If you want a guide to display for a specific period of time, you have the option of adding a "Guide Start Date" and "Guide Expires" date and time.
Note: If you select a start date for a guide, the guide status must be set to Scheduled in order for the guide to publish on the selected date.
Here is where you have the option to specify which devices you would like the guide to display on, as well as specify if the guide is meant for onboarding. If you select Guide meant for onboarding, a link to activate the walkthrough will be placed in the Launcher (regardless of activation method).
Click "Save" in the top-left corner to confirm the overall walkthrough settings.
In this example, we will build a walkthrough composed of several different guide types. To start, click ‘Add a Step’ and select ‘Lightbox’ for your first step.
These options allow you to adjust the size of the guide.
How do you want the guide to progress to the next step?
Advance on Element Click: This option is only available for tooltip type guides. The guide will advance when the targeted element in your application is clicked.
Advance on Hover: This option is only available for tooltip type guides. The guide will advance when the targeted element in your application is hovered over.
Only on this Page: This allows you to select a specific URL (or URLs) you want the guide to display on. The designer will automatically suggest Pages you have created in Pendo based on the URL that is loaded within the designer frame.
(required for tooltips only) If you want this guide to only appear when a specific element in your application is shown, you can use the Target HTML feature. When that element is visible to the end-user, the guide will display. This targeted element is what a tooltip guide anchors to.
Are you looking to add a poll? This tab provides you the option to add them here. Click here to learn more about polls.