Pendo updated their Guide experience, called “Visual Design Studio,”as of February 18th 2019. This article is to help users accommodate to the new designer’s nomenclature. To start your Guide creation process, click on create a Guide.
Themes & Layouts
Currently in Beta. Themes and Layouts can help you manage your Guide branding by allowing you, as a Pendo Administrator, the ability to setup certain themes and layouts your Guide creators can use. If you wish to use this Beta, please reach out to your Pendo Representative.
Themes are used to style your default Themes for your Guide Containers, Typography and Buttons. To edit your default themes, choose the dropdown option in the upper right-hand corner in the Guides section and select "Edit Default Theme." Then, you will be promoted to open the designer and see options to edit your default theme:
Layouts are templates that you can save to reuse the same structure in a Guide step as needed. Once you save a Guide layout, you will see it in your options. Here is an example of what options you might see:
When you first open the Visual Design Studio, you will see options over your application with a Guide preview. This designer is accessible to any Pendo users except for "Read Only."
Once you open the access tray, you will see additional options to customize your activation method and create a multi-step guide as desired.
If you have elements behind the Action Bar at the top of your page, choose the option in the top right-hand corner to move the Action Bar to the bottom on your screen:
To edit the Guide (or the current step of the Guide) style, location or behavior by hovering on the edge or the Guide to see the blue highlight and click. This is referred to as the “Guide Container.”
Edit Container settings include:
- Background color
- Guide Width (px)
- Padding (px)
- Border - Color, Width (px) & Radius (for rounded corners)
- Caret - (if enabled) Width (px) & Height (px)
- More Options
- Drop shadow - (if enabled) Color & Opacity
- Backdrop - (if enabled) Color & Opacity
- Position on Page
- Element Location (if applicable)
- Page Location - Sitewide or Only on this page
- Device Type - All devices, desktop & tablets only, or mobile web only
- Close “x” Button
Similar to how you would stack a house of block toys, a Guide is comprised of “Building Blocks.” Each building block will offer you an option to add:
- Multi Button
- Open Text Poll
- Yes/No Poll
- Number Scale Poll
- Multi Choice Poll
- Custom Code
To add a new Building Block, hover over the Guide preview to view the blue "plus line" thread and add:
What Pendo user permissions will I need to use the Visual Design Studio?
To use the Visual Design Studio, Pendo users will need some of permissions:
- Pendo Administrator Permissions
- Pendo User Permissions
- Manage Published Guides
- Create Guides & Templates from Scratch
- Create Guides from templates