The purpose of this article is to help quickly understand how to create a guide in the Visual Design Studio, whether it’s to highlight new features, drive preferred behavior, and provide in-context support.
To use the Visual Design Studio, Pendo users will need some of permissions:
- Pendo Administrator Permissions OR
- Pendo User Permissions
- Manage Published Guides
- Create Guides & Templates from Scratch
- Create Guides from templates
To start your Guide creation process in the Visual Design Studio, click on create a new Guide.
Choose a layout from your options. In this example, choose a Pendo provided layout called, “New Feature Announcement.”
Once you choose your layout, you will be asked to rename your Guide. Add your desired Guide name.
Click on “Manage in App” to open the Visual Design Studio to edit your Guide and add the page URL you would like the Guide to appear on.
Once the designer loads, be sure to open the "Step Tray" so you can see all your customization options and Guide steps. If you wish to target an element but the "Action Bar" is covering it, move it to the bottom of the screen by click on the dual arrows button in the top right-hand corner of your screen.
Within the Guide Preview, you will be able to hover over the placeholder items and click to edit. If you need to add a new building block to your Guide. Hover between items to see the cotton thread and add your desired building block.
Want to add a step in your Guide? Click on the "+ Add Step" option in the Step Tray so you can add a new step without having to start over.
Once you’re satisfied with your Guide (one or all Guide steps), hover over a Guide Container (the edge of the Guide) in a step to edit it’s settings:
The styling, Location and behavior options will display after you click the edge of Guide container for additional customization:
Lastly, make sure you are using the Guide Activation method you want in the Action Bar:
Save your changes and exit the designer.
To test your Guide, segment the Guide to yourself.
Locate the “Segment” tile in the Guide Details Page and click on the “Edit” icon. Then, choose the dropdown to select “Custom Segment.” Here you will add your segment rule as “Visitor ID” equals yourself.
For example - if my Visitor ID was my email address, my rule would look like this:
Once you’re done, choose “Save Custom Segment” and then save on the segment tile.
Before you change your Guide status, review your Guide details to see if you’re satisfied. Once you’re ready, you can choose “Staging” (if you have a Staging setup) or “Public” (if you don’t have staging setup). Since the Guide is segmented to just yourself, the Guide will only present itself to you.
If you’re satisfied with what you saw, you can navigate back to your Guide’s Detail Page to re-adjust the segment to the correct audience.
To launch your Guide, you have 2 options to choose from:
- Publish your Guide now by updating the Guide status to Public.
- Schedule when your Guide should live (and if needed, when it should no longer be active.)