What’s new?

We've updated productonboarding.com with new onboarding examples and a refreshed web design. Check out the latest examples from Figma, Linear, Dropbox, and Slack.

The beloved Progress Badge component has been ported to @frigade/react version 2. The component is unusual in that it doesn’t belong to a separate Flow on its own — it exists to remind a user where they left off in an existing Flow, and to help get them jump back in and complete it.

For example, you can use it as a Call to Action for a user to complete a getting started Checklist, or to nudge a user to resume a Form. To get started using this component, simply find it in the Components section of the Frigade Dashboard and follow the installation instructions.

When done right, guided product tours are an effective way to teach users about workflows. So it's not surprising then that Tours are also one of the most popular Frigade components. But sometimes a Tour can be too heavy a tool for the job. Sometimes you need a less intrusive way to draw users' attention. Enter our latest UI component: Hints.

Hints are the lesser known but equally viable sibling of Tours. Hints are more subtle than Tours and tend to be non-sequential. That means users can discover and interact with Hints at their own pace and without interrupting any ongoing tasks.

Hints are an effective way to educate users about changes to the UI, the existence of lesser known features they haven't interacted with yet, or even the rollout of brand new functionality.

Create new Hints from the components section of the web app, read more about Hints in our docs, or see Hints in action in our demo application. Available in version 2.5.8 and later of the Frigade SDK.

Today, we released a major update to the Frigade Editor, which allows you to modify more parts of your Frigade Flows without writing code or using advanced configuration settings.

With this update you can now easily:

• Manage what actions the primary or secondary buttons take when clicked

• Preview images, videos, and icons attached to the Flow

• Add and remove Steps within a Flow

• And and edit hyperlinks and format text

We've also given the entire page a design upgrade that makes editing your Flows much more intuitive. Enjoy!

We've updated the documentation on how to build forms with Frigade. As we all know, forms are one of the most common and complex elements you'll encounter when building your application. With these updated docs, we've made it super easy to quickly spin up high quality forms in your React application. The updated docs include:

• Ready-to-Go Examples: To help you get started quickly, we've included several new examples, such as feedback surveys, churn flows, branching forms, and much more.

• Client and Server-Side Validation: We've added detailed guidance on implementing client-side/server-side validation and saving data to your own datastore.

• Building Custom Components: While Frigade provide a series of common form elements (text, checkboxes, dropdowns, etc.), mixing in your own custom components is now super straight forward to get started with.

Head over to the Form docs to start building.