Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form below and we will reply as soon as possible.

  • Appcues Certifications & Training
  • Contact Us
  • Home
  • User Experiences
  • Use Cases

Build Guide - Step-by-Step Educational

Updated at November 28th, 2022

Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form with the details about the help content you'd like to see.

  • Installation & Developers
    Installing Appcues Installing Appcues Mobile API & Data Troubleshooting Extras
  • User Experiences
    Web Experiences Building Web Experiences Building Mobile Experiences Customization & Styling Targeting Studio Troubleshooting Use Cases FAQ
  • Mobile
    Installation & Overview Building Mobile Experiences Mobile Analytics Troubleshooting Mobile Use Cases
  • Account Management
    Subscription Users & Data
  • Analytics
    Experience and Event Analytics Data
  • Best Practices
    Use Cases Pro Tips PLG FAQ
  • Integrations
    Integration Documents Use Cases Resources
  • Post-mortem
    System Incidents
+ More

Table of Contents

Building a slideout Launch the builder, select Create New, and choose the Slideout step Add a piece of media Add text for a headline Adding and editing tooltips Add a tooltip group Place the tooltip Celebrating Success Targeting the correct users

Have a new feature to show your users? Or an existing feature that users are struggling to learn? A step-by-step walkthrough can help get user through that initial point of friction and able to further learn and adopt a feature. With this type of flow you should:

  • Clearly articulate the feature and the value to the user
  • Teach the major functionality, nuance will be learned later with more use
  • Build in success / completion acknowledgement

This example assumes you have mastered some basics covered in earlier examples, especially the Welcome Flow and Product Tour examples. Start there if you haven't already.

Building a slideout

Launch the builder, select Create New, and choose the Slideout step

Add a piece of media

Visuals draw the attention of the viewer and can give a visual queue related to the content of the slideout and flow.  Click on the green add block button and select Image / GIF to add media.

Note: You can also add videos and emojis this way too!

 

Add text for a headline

A headline should be concise and clearly define the content of the walkthrough and value to the user.

 

Once the headline has been added, repeat to add paragraph text content.

Edit the "next" button text

Adding and editing tooltips

You'll use tooltips to direct a user through the action you would like them to complete. There are two types of tooltips:

  • "Button-driven" , meaning the flow progresses when the user clicks a button in the tooltip
  • "Action-driven", meaning the user clicks on the item on which the tooltip is attached 

Add a tooltip group

Choose the "Blank" layout, we can change this later if needed.

Place the tooltip

Place it on the edge of the element you're connecting to by using the hover indicator. 

If you want the user to click the element you can change the tooltip to an "Action-driven" tooltip you will want to remove the Next button from the Tooltip steps.  If you would like for your users to step through the experience by clicking on a Next button simply leave the tooltip step as is.

Add tooltips to walk your user through the major steps of the workflow.

Pro Tip: end your tooltip workflow with an action-driven tooltip on the button that creates or saves what the user has just done.

Celebrating Success

Positive reinforcement is a great tool for increasing the engagement and longevity of your users. Celebrating success gives users that reinforcement.

As the last step of your flow, add a "success" Modal:

Targeting the correct users

The use cases for this type of flow span across many user types at many lifecycle stages. For the flow being built in this example, we're targeting Customers in Steadystate (via Segments we created) who have Events but have not created a Goal. Here's what that looks like:

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • NPS Overview
  • Build Guide - Evaluator - Product Tour
  • Checklist Best Practices
Appcues logo

Product

Why Appcues
How it works
Integrations
Security
Pricing
What's new

Use cases

User Onboarding Software
Feature Adoption Software
NPS & Surveys
Announcements
Insights
Mobile Adoption

Company

About
Careers
we're Hiring

Support

Developer Docs
Contact

Resources

The Appcues Blog
Product Adoption Academy
GoodUX
Case studies
Webinar Series
Made with Appcues
Appcues University

Follow us

Facebook iconTwitter icon greyLinkedin iconInstagram icon
© 2022 Appcues. All rights reserved.
SecurityTerms of ServicePrivacy Policy
Expand