Contact Us

Guides

Pendo Help CenterGuidesUsing the Visual Design Studio vs. the Legacy Designer

Using the Visual Design Studio vs. the Legacy Designer

Overview

This article shows users who are familiar with the Legacy Designer how to complete common actions within the new Visual Design Studio.

Introduction to the Visual Design Studio

We created the Visual Design Studio to make Pendo’s Guide creation accessible to teams across an organization, regardless of their technical knowledge. Whereas the Legacy Designer requires a basic knowledge of coding languages such as HTML and CSS, the Visual Design Studio uses a visual point-and-click interface. This makes building and editing Guides a more intuitive experience.

For a thorough introduction to the Visual Design Studio, refer to the Getting Started article.

Creating a Guide

Creating and editing a Guide is now a simple process with the Visual Design Studio. This video provides a quick overview:

For a more in-depth discussion, refer to the Create a Guide article.

Creating a Button

Creating a button in the Legacy Designer requires you to manually code it in. It looks something like this:

code-button.png

Creating a button in the Visual Design Studio is much easier. After choosing your Layout and launching the Designer, simply click on the blue line that appears between items inside the Guide to open the Building Blocks menu.

hover-edit-add-bb.gif

In the Building Blocks menu, choose “Button” and begin styling it according to your preferences. You can edit the button text, colors, and size, as well as what action it takes after a user clicks on it. No coding is required.

edit-container-styling.png

tip: Learn more about Building Blocks in the Building Blocks article.

© 2019 Pendo  |  Terms of Service  |  Privacy Policy