{"id":9143,"date":"2024-08-01T18:28:15","date_gmt":"2024-08-01T18:28:15","guid":{"rendered":"https:\/\/userpilot.com\/blog\/app-walkthrough\/"},"modified":"2026-03-07T17:32:58","modified_gmt":"2026-03-07T17:32:58","slug":"app-walkthrough","status":"publish","type":"post","link":"https:\/\/userpilot.com\/blog\/app-walkthrough\/","title":{"rendered":"App Walkthrough Best Practices For 2026"},"content":{"rendered":"<h2><strong>What is an app walkthrough?<\/strong><\/h2>\n<p>An app walkthrough is a guided flow that walks your users through a<strong> small number of key features <\/strong>and helps them use these features to achieve their goals.<\/p>\n<p>Those are usually the specific features that a particular user needs to get acquainted with in order to derive maximum <a href=\"https:\/\/userpilot.com\/blog\/product-value\/\" target=\"_blank\" rel=\"noopener noreferrer\">value from your product<\/a>.<\/p>\n<p>Once your user has finished their walkthrough, they will have experienced the value of your product in a first-hand, visceral way.<\/p>\n<p>This means that they have been <a href=\"https:\/\/userpilot.com\/blog\/improve-user-activation\/\" target=\"_blank\" rel=\"noopener noreferrer\">activated<\/a>, making them significantly less likely to <a href=\"https:\/\/userpilot.com\/blog\/reduce-churn-rate\/\">churn<\/a>.<\/p>\n<p>Given just how much activation correlates with <a href=\"https:\/\/userpilot.com\/blog\/customer-retention-rate-metrics-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">retaining users<\/a> for a long period of time, activation should be the goal of your app\u2019s walkthrough.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/INTERACTIVE_WALKTHROUGH-GIF_cc555fd60ea730da3c00d173a5a41f88.gif\" alt=\"walkthrough example\" width=\"1024\" height=\"535\" \/><figcaption class=\"wp-caption-text\">App walkthrough example from Kommunicate<\/figcaption><\/figure>\n<h3><strong>Your app\u2019s walkthrough is not a product tour!<\/strong><\/h3>\n<p>When some SaaS executives hear the word \u201c<a href=\"https:\/\/userpilot.com\/blog\/interactive-walkthroughs-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">walkthrough<\/a>,\u201d they start to think of an extensive, blow-by-blow guide to all the app features they offer.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/product-tour-getanewsletter-onboarding-in-SaaS_6423a6219c30d933f5aff48af26f4610.gif\" alt=\"Get a Newsletter product tour\" width=\"800\" height=\"404\" \/><figcaption class=\"wp-caption-text\">Get a Newsletter product tour<\/figcaption><\/figure>\n<p>This type of guide is called a \u201c<a href=\"https:\/\/userpilot.com\/blog\/everybody-hates-product-tours\/\" target=\"_blank\" rel=\"noopener noreferrer\">product tour<\/a>,\u201d and it\u2019s very different from an app walkthrough.<\/p>\n<p>Where a walkthrough is interactive, encouraging simple actions on behalf of your users, a product tour is passive.<\/p>\n<p>Put another way, the content of a product tour is determined by SaaS executives in advance. It\u2019s a top-down, linear process.<\/p>\n<p>Whereas, the content of an app walkthrough is based on the responses of your users and their actual actions.<\/p>\n<p>They are an active part of the process.<\/p>\n<p>It\u2019s essential that you understand the <a href=\"https:\/\/userpilot.com\/blog\/interactive-walkthrough-vs-product-tour\/\" target=\"_blank\" rel=\"noopener noreferrer\">distinction between a walkthrough and a product tour<\/a> before we go any further.<\/p>\n<p>It doesn\u2019t matter how pretty the design is: if your walkthrough is actually a product tour in disguise, no one will want to use it.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/everybodyhatesproducttours_20fb0585f363d9a268f1906bfdf43fde_800.png\" alt=\"product tours suck\" width=\"800\" height=\"522\" \/><figcaption class=\"wp-caption-text\">Go for interactive app walkthroughs instead of product tours<\/figcaption><\/figure>\n<p>You have been warned!<\/p>\n<p><!--ARCADE EMBED START--><\/p>\n<div style=\"position: relative; padding-bottom: calc(58.93617021276596% + 41px); height: 0; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; color-scheme: light;\" title=\"Experience Userpilot for User Onboarding\" src=\"https:\/\/sw11.userpilot.com\/DTTewl3dbjXoCMMg8gGY?embed&amp;embed_mobile=tab&amp;embed_desktop=inline&amp;show_copy_link=true\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><!--ARCADE EMBED END--><\/p>\n<h2><strong>App walkthrough tip #1 \u2013 Start with a welcome screen to guide users<\/strong><\/h2>\n<p>Your app\u2019s walkthrough should begin with a <a href=\"https:\/\/userpilot.com\/blog\/welcome-screen-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">welcome screen<\/a>.<\/p>\n<p>This is where you formally <a href=\"https:\/\/userpilot.com\/blog\/greeting-message-for-new-customers\/\" target=\"_blank\" rel=\"noopener noreferrer\">greet your new users<\/a> for the first time and welcome them to your app.<\/p>\n<p>From a design perspective, the welcome screen is normally what\u2019s known as a \u201cdedicated UX pattern.\u201d<\/p>\n<p>This means that since the welcome screen is one of the many important app walkthrough elements, the entire screen is <em>dedicated<\/em> to it to prevent your user from getting distracted.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/e1410748-ccd1-4632-b62f-982e0bb10546.png\" alt=\"Salesflare welcome screen.\" width=\"800\" height=\"415\" \/><figcaption class=\"wp-caption-text\">Salesflare welcome screen<\/figcaption><\/figure>\n<p>Alternatively, the <a href=\"https:\/\/userpilot.com\/blog\/welcome-page-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">welcome screen<\/a> can be designed as an embedded UX pattern, with the space around it greyed out, like this example from the social media app Postfity:<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/postfitynewwelcomescreen_e5e4861c33f53331c3c1a5f534709d02_800.png\" alt=\"postfity welcome screen\" width=\"800\" height=\"572\" \/><figcaption class=\"wp-caption-text\">Postfity welcome screen<\/figcaption><\/figure>\n<p>Regardless of which <a href=\"https:\/\/userpilot.com\/blog\/onboarding-ux-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">type of UX pattern<\/a> you choose, you\u2019ll want to make sure that your welcome screen contains the following design elements:<\/p>\n<h3><strong>Greet your user by their first name<\/strong><\/h3>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/rocketbots-new-user-onboarding-1_0c9ec8ada1eb80357a7cb0148e75c14a_800.png\" alt=\"rocketbots welcome screen\" width=\"800\" height=\"415\" \/><figcaption class=\"wp-caption-text\">Respond.io (previously Rocketbots) welcome screen<\/figcaption><\/figure>\n<p>Ideally, you will have asked your user to record their name during the <a href=\"https:\/\/userpilot.com\/blog\/saas-signup-flow\/\" target=\"_blank\" rel=\"noopener noreferrer\">sign-up flow<\/a> that precedes your app\u2019s walkthrough.<\/p>\n<p>The walkthrough is a great time to mention the user\u2019s name. People love feeling like the product they\u2019re using is <a href=\"https:\/\/userpilot.com\/blog\/personalization-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">personalized to their needs<\/a> and speaking to them as an individual.<\/p>\n<h3><strong>Include a photo of one of your team<\/strong><\/h3>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/hana-welcome-kontentino_ea08c6e71569534646de8a65513c1271_800.png\" alt=\"Kontentino welcome screen\" width=\"800\" height=\"423\" \/><figcaption class=\"wp-caption-text\">Kontentino welcome screen<\/figcaption><\/figure>\n<p>A successful app onboarding experience should get your user feeling like you\u2019re greeting them personally and that you really care about them.<\/p>\n<p>In a digital world, a picture of a real person is often more emotionally engaging than some dry words on a screen.<\/p>\n<p>The more friendly and smiley, the better.<\/p>\n<h3><strong>Introduce your business<\/strong><\/h3>\n<p>If your marketing department has created a pithy, one-sentence <a href=\"https:\/\/userpilot.com\/blog\/product-differentiation\/\" target=\"_blank\" rel=\"noopener noreferrer\">description of what your app does<\/a>, the welcome screen is a great place to include that.<\/p>\n<p>You don\u2019t want to come across as too sales-y, but you do want to remind the user why they signed up and what value they can expect to derive from your app.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/ActiveCampaignnailsitswelcomepagewiththissimplemodal_4527f808542f920f0cd8df4b9603a974_800.png\" alt=\"ActiveCampaign nails its welcome page with this simple modal\" width=\"800\" height=\"611\" \/><figcaption class=\"wp-caption-text\">ActiveCampaign welcome message<\/figcaption><\/figure>\n<h2><strong>App walkthrough tip #2 \u2013 Assign your users to a segment<\/strong><\/h2>\n<p>You may recall from earlier that we said you need to make your app\u2019s walkthrough as personalized to the needs of the individual user as possible.<\/p>\n<p>A crucial step in the walkthrough process is therefore to assign your user to a <a href=\"https:\/\/userpilot.com\/blog\/customer-segmentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">customer segment<\/a>.<\/p>\n<p>The content that the user sees in the rest of the walkthrough will be determined by what segment they are assigned to.<\/p>\n<p>And since a walkthrough can be shown at different stages of the <a href=\"https:\/\/userpilot.com\/blog\/how-to-run-a-successful-saas-onboarding-process\/\" target=\"_blank\" rel=\"noopener noreferrer\">user onboarding process<\/a>, you must segment them considering where they are on the <a href=\"https:\/\/userpilot.com\/blog\/user-journey-map\/\">user journey map<\/a>.<\/p>\n<h3><strong>Segment using a micro survey<\/strong><\/h3>\n<p>From a design point of view, the best way to set up your UX to segment your users is by using a <a href=\"https:\/\/userpilot.com\/blog\/microsurveys-saas-product\/\" target=\"_blank\" rel=\"noopener noreferrer\">microsurvey<\/a>.<\/p>\n<p>This is a survey with 1-3 questions that pop up in-app and display as an embedded UX pattern.<\/p>\n<p>Here\u2019s a micro survey that the social media scheduling app <a href=\"https:\/\/userpilot.com\/blog\/kontentino-case-study\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kontentino<\/a> built with Userpilot:<\/p>\n<figure style=\"width: 726px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/kontentino-welcome-scren_f52a0945f83cf79d8dfece9fc14d8cef_800.png\" alt=\"kontentino microsurvey\" width=\"726\" height=\"1278\" \/><figcaption class=\"wp-caption-text\">Kontentino welcome survey<\/figcaption><\/figure>\n<p>Kontentino has two main user personas:<\/p>\n<ol>\n<li>The brand has one set of social media accounts to manage and post from.<\/li>\n<li>The agency manages multiple sets of social media accounts from multiple clients and needs to get approval from each client before posting on their behalf.<\/li>\n<\/ol>\n<p>It wouldn\u2019t make much sense to provide a single brand with an app walkthrough that shows how to post from multiple client accounts.<\/p>\n<p>Kontentino, therefore, uses this <a href=\"https:\/\/userpilot.com\/blog\/microsurveys-saas-product\/\" target=\"_blank\" rel=\"noopener noreferrer\">microsurvey<\/a> to figure out which segment their users belong to ahead of time.<\/p>\n<p>Hopefully, you can see that the welcome flow of an app walkthrough is not just a place to be cutesy and share smiley pictures.<\/p>\n<p>In fact, if you were to view it that way, your customers would probably just feel resentful that you put another barrier in the way of them using your app.<\/p>\n<p>Rather, your welcome flow is an opportunity to learn more about your user, and then customize the remainder of their product experience accordingly.<\/p>\n<h2><strong>App walkthrough tip #3 \u2013 Aim your app\u2019s walkthrough towards activation<\/strong><\/h2>\n<p>Once you know what segment the user belongs to, you should have an intuitive sense of what value they want to see from your app if they are going to stick around.<\/p>\n<p>For example, for a project management tool, if your user is:<\/p>\n<ul>\n<li><strong>A project manager:<\/strong> probably wants to see features that help them keep all the projects organized.<\/li>\n<li><strong>An accountant:<\/strong> they\u2019re likely most interested in viewing financial information for each project.<\/li>\n<li><strong>The CEO<\/strong>: they probably want to use features like a Gantt chart to have a look at the big picture of their business.<\/li>\n<\/ul>\n<p>You can see from these examples that <strong>value is subjective<\/strong>. In other words, what one user cares about is often of no interest to a different type of user.<\/p>\n<p>It\u2019s your job to create multiple interactive walkthroughs that really speak personally to the individual <a href=\"https:\/\/userpilot.com\/blog\/analyze-customer-needs\/\" target=\"_blank\" rel=\"noopener noreferrer\">needs of each customer<\/a>.<\/p>\n<p>If you really don\u2019t know what value a particular user cohort needs in order to activate, look at your <a href=\"https:\/\/userpilot.com\/blog\/product-analytics\/\" target=\"_blank\" rel=\"noopener noreferrer\">product analytics<\/a>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/features-events-dashboard.png\" alt=\"Product analytics dashboard in Userpilot.\" width=\"1920\" height=\"912\" \/><figcaption class=\"wp-caption-text\">Product analytics dashboard.<\/figcaption><\/figure>\n<p>That\u2019s probably what you want to design the walkthrough for your app around \u2013 the features used by the \u201csuccessful\u201d <a href=\"https:\/\/userpilot.com\/blog\/cohort-analysis-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">user cohort<\/a>.<\/p>\n<p>Remember that your users really need to <em>experience<\/em> the value of your product if they are going to activate and a good app walkthrough will make this possible.<\/p>\n<h2><strong>App walkthrough tip #4 \u2013 Create a checklist containing 2-3 activation steps<\/strong><\/h2>\n<p>The checklist is the point where you pull together all the work you\u2019ve done so far.<\/p>\n<p>You should serve each user with a <a href=\"https:\/\/userpilot.com\/blog\/user-onboarding-checklist-tips\/\" target=\"_blank\" rel=\"noopener noreferrer\">checklist<\/a> containing the 2-3 key actions they will need to take to activate, based on the answers they provided in your microsurvey.<\/p>\n<p>The checklist should be displayed as an embedded UX pattern so that it\u2019s disruptive enough to get the user\u2019s attention but doesn\u2019t take up the entire screen.<\/p>\n<p>Look at how Postfity does it:<\/p>\n<figure style=\"width: 462px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/userpilot_onboarding_checklist_353740770a7a1daa516c883cce10b590_800.png\" alt=\"postfity checklist\" width=\"462\" height=\"562\" \/><figcaption class=\"wp-caption-text\">Postfity checklist<\/figcaption><\/figure>\n<p>Postfity requires customers to take two actions in order to activate:<\/p>\n<ol>\n<li>Connecting their social media account<\/li>\n<li>Scheduling a post<\/li>\n<\/ol>\n<p>Note that Postfity already gives users credit for signing up and creating an account.<\/p>\n<p>That\u2019s bound to make them feel good. It\u2019s less overwhelming to think about <a href=\"https:\/\/userpilot.com\/blog\/user-onboarding-checklist-tips\/\" target=\"_blank\" rel=\"noopener noreferrer\">completing a checklist<\/a> that you\u2019ve already started than it is to start from zero.<\/p>\n<p>The rest of the checklist is designed with a <a href=\"https:\/\/userpilot.com\/blog\/app-onboarding-psychology\/\" target=\"_blank\" rel=\"noopener noreferrer\">psychological principle <\/a>called the Zeigarnik effect in mind.<\/p>\n<p>The Zeigarnik effect states that humans are more likely to remember tasks that are incomplete than those they\u2019ve already finished.<\/p>\n<p>So by making a checklist containing steps towards activation, Postfity is ensuring that those steps remain top of mind for their new customers.<\/p>\n<h2><strong>App walkthrough tip #5 \u2013 Build experience flows for your app\u2019s walkthrough<\/strong><\/h2>\n<p>Now we\u2019ve reached the core of the walkthrough.<\/p>\n<p>For each item on the checklist you made, you should design an <a href=\"https:\/\/docs.userpilot.com\/article\/15-onboarding-experience-welcome-new-users\" target=\"_blank\" rel=\"noopener noreferrer\">experience flow<\/a> that guides your customers through the <a href=\"https:\/\/userpilot.com\/blog\/user-activation-for-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">activation step<\/a> they need to take.<\/p>\n<p>The word \u201cflow\u201d in this instance comes from the fact that an experience flow consists of multiple UX elements, and your customer <em>flows<\/em> between them seamlessly while they learn to use your app.<\/p>\n<h3><strong>Custom events<\/strong><\/h3>\n<p>If there are multiple checklist to-dos that need to be completed in a certain order, you can use <a href=\"https:\/\/docs.userpilot.com\/article\/23-identify-users-track-custom-events\" target=\"_blank\" rel=\"noopener noreferrer\">custom events<\/a> to ensure that the second to-do only displays to the user after the first one is complete.<\/p>\n<p>For example, Kontentino\u2019s walkthrough asks the user to first connect their social media account\u2026<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/kontentino-tooltip-1_ab1e8022436da98e4332759ba0dd759c_800.png\" alt=\"kontentino connect account\" width=\"800\" height=\"412\" \/><figcaption class=\"wp-caption-text\">Kontentino walkthrough step 1: connect account<\/figcaption><\/figure>\n<p>\u2026 and only then make their first post.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/kontentino-tooltip-2_5761fa12bab6b0a28fc382d6a16b9ac2_800.png\" alt=\"kontentino make first post\" width=\"800\" height=\"274\" \/><figcaption class=\"wp-caption-text\">Kontentino walkthrough step 2: create first post<\/figcaption><\/figure>\n<p>There wouldn\u2019t be much sense in asking the users to make a post before connecting their accounts. Instructions like that would only lead to <a href=\"https:\/\/userpilot.com\/blog\/reduce-churn-rate\/\" target=\"_blank\" rel=\"noopener noreferrer\">churn<\/a>.<\/p>\n<p>You can read more about custom events <a href=\"https:\/\/docs.userpilot.com\/article\/23-identify-users-track-custom-events\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/p>\n<p>The following design elements are commonly used in experience flows to show the customer what to do:<\/p>\n<h3><strong>Tooltips<\/strong><\/h3>\n<p><a href=\"https:\/\/userpilot.com\/blog\/how-to-create-tooltips\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tooltips<\/a> are an annotated UX pattern often used to draw attention to a section of the user interface that is not immediately intuitive.<\/p>\n<p>They are generally not visible by default. Instead, they appear when a user hovers or taps on a particular part of the walkthrough.<\/p>\n<p>As well as using tooltips as part of experience flows during user onboarding, you might also consider using them elsewhere in your app as a standalone help tool.<\/p>\n<figure style=\"width: 2418px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/03\/tooltip-ui-pattern-builder-in-app-guidance.png\" alt=\"Tooltips in Userpilot.\" width=\"2418\" height=\"1406\" \/><figcaption class=\"wp-caption-text\">Tooltips.<\/figcaption><\/figure>\n<h3><strong>Demo content<\/strong><\/h3>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/datafairy_bdf8debce8bd2435992211c39796f18f_800.png\" alt=\"demo content example\" width=\"800\" height=\"355\" \/><figcaption class=\"wp-caption-text\">Demo content example<\/figcaption><\/figure>\n<p><a href=\"https:\/\/userpilot.com\/blog\/demo-content\/\" target=\"_blank\" rel=\"noopener noreferrer\">Demo content<\/a> is made-up placeholder data that shows your customers what your app <em>could<\/em> look like once filled with their data.<\/p>\n<p>It\u2019s often used in walkthrough design as a substitute for white space, which is called an \u201c<a href=\"https:\/\/userpilot.com\/blog\/empty-state-saas\/\" target=\"_blank\" rel=\"noopener noreferrer\">empty state<\/a>\u201d in the walkthrough world.<\/p>\n<p>That\u2019s because it\u2019s less overwhelming for the user to start using a tool that already has some data in it than it is to start from scratch.<\/p>\n<p>When you design your demo content, just make sure that it\u2019s something that\u2019s actually relevant to your customer\u2019s use case.<\/p>\n<p>For example, if a digital marketing company is using your project management app and it\u2019s filled with fake data about swimming pools, your walkthrough will probably confuse users more than it enlightens them.<\/p>\n<p>It should also be obvious from how the app creates it that your demo content is <strong>fake<\/strong> data and that it will vanish once the user adds their own real data \u2014 either during or immediately after the walkthrough.<\/p>\n<h3><strong>Slideouts<\/strong><\/h3>\n<figure style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/4a61e4dd-c228-48e8-a425-37b27c8f8dc3.png\" alt=\"Userpilot slideout\" width=\"2880\" height=\"1639\" \/><figcaption class=\"wp-caption-text\">A slideout.<\/figcaption><\/figure>\n<p>A slideout is a small panel or <a href=\"https:\/\/userpilot.com\/blog\/modal-ux-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">modal<\/a> that slides onto the slide of the screen when you want to highlight an action that you want to drive.<\/p>\n<p>It\u2019s an embedded UX pattern, so smaller and less aggressive than a modal that would take up the whole screen.<\/p>\n<p>Nevertheless, the size and motion of a slideout are normally enough to get the attention of most users.<\/p>\n<h3><strong>Hotspots<\/strong><\/h3>\n<figure style=\"width: 2878px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/4e9829a1-d1b7-498a-9c54-58adf85ebf4d-scaled.png\" alt=\"Userpilot hotspot\" width=\"2878\" height=\"1062\" \/><figcaption class=\"wp-caption-text\">Creating hotspots.<\/figcaption><\/figure>\n<p>A hotspot is a small dot that pulsates softly on top of the user interface.<\/p>\n<p>As an annotated UX pattern, it\u2019s often used to draw attention towards one particular action that you want your user to take as they proceed through their app <a href=\"https:\/\/userpilot.com\/blog\/onboarding-checklist-template\/\" target=\"_blank\" rel=\"noopener noreferrer\">walkthrough checklist<\/a>.<\/p>\n<p>It\u2019s important that you only highlight one action at a time.<\/p>\n<p>If you use too many hotspots, your user won\u2019t know where to click, and you\u2019ll just end up confusing them.<\/p>\n<h2><strong>Is it possible to code your app\u2019s walkthrough yourself?<\/strong><\/h2>\n<p>The answer to this question will depend on your level of technical prowess.<\/p>\n<p>Bear in mind that you need <strong>a lot of code<\/strong> to <a href=\"https:\/\/userpilot.com\/blog\/build-vs-buy-user-onboarding\/\" target=\"_blank\" rel=\"noopener noreferrer\">build<\/a> even the simplest of design elements for your app walkthroughs.<\/p>\n<p>So for a simple tooltip that looks like this\u2026<\/p>\n<figure style=\"width: 321px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/HTMLtooltip_a54cf7c8d4f07ae21c74b9a0ac8f5a1a_800.jpg\" alt=\"html tooltip\" width=\"321\" height=\"142\" \/><figcaption class=\"wp-caption-text\">HTML tooltips example (Source: Educba)<\/figcaption><\/figure>\n<p>You\u2019d need this much code:<\/p>\n<p><em>&lt;html&gt;<\/em><br \/>\n<em>&lt;head&gt;<\/em><br \/>\n<em>&lt;title&gt;HTML tooltip&lt;\/title&gt;<\/em><br \/>\n<em>&lt;\/head&gt;<\/em><br \/>\n<em>&lt;style&gt;<\/em><br \/>\n<em>.arrowpopup {<\/em><br \/>\n<em>position: relative;<\/em><br \/>\n<em>display: inline-block;<\/em><br \/>\n<em>cursor: pointer;<\/em><br \/>\n<em>}<\/em><br \/>\n<em>.arrowpopup .tooltiptext {<\/em><br \/>\n<em>visibility: hidden;<\/em><br \/>\n<em>width: 160px;<\/em><br \/>\n<em>background-color: #856;<\/em><br \/>\n<em>color: white;<\/em><br \/>\n<em>text-align: center;<\/em><br \/>\n<em>border-radius: 4px;<\/em><br \/>\n<em>padding: 9px ;<\/em><br \/>\n<em>position: absolute;<\/em><br \/>\n<em>bottom: 150%;<\/em><br \/>\n<em>left: 50%;<\/em><br \/>\n<em>margin-left: -85px;<\/em><br \/>\n<em>}<\/em><br \/>\n<em>.arrowpopup .tooltiptext::after {<\/em><br \/>\n<em>content: &#8220;&#8221;;<\/em><br \/>\n<em>position: absolute;<\/em><br \/>\n<em>top: 100%;<\/em><br \/>\n<em>left: 50%;<\/em><br \/>\n<em>margin-left: -5px;<\/em><br \/>\n<em>border-width: 5px;<\/em><br \/>\n<em>border-style: solid;<\/em><br \/>\n<em>border-color: #856 transparent transparent transparent;<\/em><br \/>\n<em>}<\/em><br \/>\n<em>.arrowpopup .show {<\/em><br \/>\n<em>visibility: visible;<\/em><br \/>\n<em>}<\/em><br \/>\n<em>&lt;\/style&gt;<\/em><br \/>\n<em>&lt;body style=&#8221;padding:100px;&#8221;&gt;<\/em><br \/>\n<em>&lt;div class=&#8221;arrowpopup&#8221; onclick=&#8221;myFunction()&#8221;&gt;Tooltip Demo Click here!<\/em><br \/>\n<em>&lt;span class=&#8221;tooltiptext&#8221; id=&#8221;tooltipdemo&#8221;&gt;HTML Tooltip helps you to display extra information of element.&lt;\/span&gt;<\/em><br \/>\n<em>&lt;\/div&gt;<\/em><br \/>\n<em>&lt;script&gt;<\/em><br \/>\n<em>function myFunction() {<\/em><br \/>\n<em>var tt = document.getElementById(&#8220;tooltipdemo&#8221;);<\/em><br \/>\n<em>tt.classList.toggle(&#8220;show&#8221;);<\/em><br \/>\n<em>}<\/em><br \/>\n<em>&lt;\/script&gt;<\/em><br \/>\n<em>&lt;\/body&gt;<\/em><br \/>\n<em>&lt;\/html&gt;<\/em><\/p>\n<p>Yikes.<\/p>\n<p>And to be honest, this tooltip is not especially visually appealing either. The more aesthetically pleasing the tooltip, the more code you\u2019ll probably need.<\/p>\n<p>So it\u2019s up to you: if you\u2019re a coding wizard, or your development team has lots of spare time on their hands, you could build your walkthrough yourself.<\/p>\n<p>In practice, we\u2019ve found that most of the SaaS teams we\u2019ve worked with use a <a href=\"https:\/\/userpilot.com\/blog\/walkthrough-software\/\" target=\"_blank\" rel=\"noopener noreferrer\">walkthrough tool<\/a> to reduce the amount of labor.<\/p>\n<h3><strong>A code-free walkthrough<\/strong><\/h3>\n<p>The great thing about app walkthrough tools like Userpilot is that you generally need no coding experience to use them. And you can still build beautiful <a href=\"https:\/\/userpilot.com\/blog\/interactive-walkthroughs-improve-onboarding\/\" target=\"_blank\" rel=\"noopener noreferrer\">walkthroughs<\/a>, like this example:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2025\/10\/rocketbots-interactive-walkthrough-vs-product-tour_a090f424d354846ce1208d3d54d4af37.gif\" alt=\"A animation of an interactive walkthrough of Rocketbots\" width=\"1024\" height=\"509\" \/><figcaption class=\"wp-caption-text\">Respond.io (previously Rocketbots) interactive walkthrough<\/figcaption><\/figure>\n<p>It\u2019s easy to customize any part of your UI to fit your brand\u2019s unique personality and color scheme.<\/p>\n<figure id=\"attachment_244718\" aria-describedby=\"caption-attachment-244718\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-244718\" src=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/09\/welcome-survey-2.png\" alt=\"Welcome survey creation in Userpilot\" width=\"2940\" height=\"1592\" srcset=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/09\/welcome-survey-2.png 2940w, https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/09\/welcome-survey-2-450x244.png 450w, https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/09\/welcome-survey-2-1024x554.png 1024w, https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/09\/welcome-survey-2-768x416.png 768w, https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/09\/welcome-survey-2-1536x832.png 1536w, https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/09\/welcome-survey-2-2048x1109.png 2048w\" sizes=\"(max-width: 2940px) 100vw, 2940px\" \/><figcaption id=\"caption-attachment-244718\" class=\"wp-caption-text\">Customizing a welcome survey.<\/figcaption><\/figure>\n<p>In terms of coding, all you need to do is install Userpilot\u2019s JS snippet. After that, there\u2019s literally zero additional code required.<\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>Having read this article, you should now be in a position to build a walkthrough for your own SaaS product.<\/p>\n<p>Remember that the most important components of your app\u2019s walkthrough are the:<\/p>\n<ul>\n<li>Welcome screen<\/li>\n<li>Microsurvey that segments users<\/li>\n<li>Checklist of activation tasks<\/li>\n<li>Experience flows for each activation task<\/li>\n<\/ul>\n<p>If your walkthrough contains all of these elements, and your users complete it, they will activate it every time just by finishing the walkthrough.<\/p>\n<p>And what\u2019s even better is: that you don\u2019t even need to be a coding genius to build a walkthrough like this!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Whether or not users stick around depends on your app&#8217;s walkthrough. The right walkthrough will show users only what they need in order to activate. The question is: how do you design a great app walkthrough without using tons of code?<\/p>\n","protected":false},"author":19,"featured_media":558869,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[290,48],"tags":[96,607,220,169,294,608,295],"class_list":["post-9143","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updated","category-user-onboarding-category","tag-app-onboarding","tag-app-walkthrough","tag-in-app-tutorials","tag-interactive-walkthroughs","tag-product-walkthrough","tag-saas-app-walkthrough","tag-walkthrough-software"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Design Your App Walkthrough - Best Practices for 2026<\/title>\n<meta name=\"description\" content=\"Whether or not users stick around depends on your app&#039;s walkthrough. The question is: how do you design a great app walkthrough without code?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/userpilot.com\/blog\/app-walkthrough\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design Your App Walkthrough - Best Practices for 2026\" \/>\n<meta property=\"og:description\" content=\"Whether or not users stick around depends on your app&#039;s walkthrough. The question is: how do you design a great app walkthrough without code?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/userpilot.com\/blog\/app-walkthrough\/\" \/>\n<meta property=\"og:site_name\" content=\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-01T18:28:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-07T17:32:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1876\" \/>\n\t<meta property=\"og:image:height\" content=\"1228\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Userpilot Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Userpilot Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/\"},\"author\":{\"name\":\"Userpilot Team\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/c23f142272c9525f442450e3db3b3d00\"},\"headline\":\"App Walkthrough Best Practices For 2026\",\"datePublished\":\"2024-08-01T18:28:15+00:00\",\"dateModified\":\"2026-03-07T17:32:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/\"},\"wordCount\":2619,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png\",\"keywords\":[\"app onboarding\",\"app walkthrough\",\"in-app tutorials\",\"interactive walkthroughs\",\"product walkthrough\",\"saas app walkthrough\",\"walkthrough software\"],\"articleSection\":[\"Updated\",\"User Onboarding\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/userpilot.com\/blog\/app-walkthrough\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/\",\"url\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/\",\"name\":\"How to Design Your App Walkthrough - Best Practices for 2026\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png\",\"datePublished\":\"2024-08-01T18:28:15+00:00\",\"dateModified\":\"2026-03-07T17:32:58+00:00\",\"author\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/c23f142272c9525f442450e3db3b3d00\"},\"description\":\"Whether or not users stick around depends on your app's walkthrough. The question is: how do you design a great app walkthrough without code?\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/userpilot.com\/blog\/app-walkthrough\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/userpilot.com\/blog\/app-walkthrough\/#primaryimage\",\"url\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png\",\"contentUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png\",\"width\":1876,\"height\":1228,\"caption\":\"App Walkthrough Best Practices For 2026\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/userpilot.com\/blog\/#website\",\"url\":\"https:\/\/userpilot.com\/blog\/\",\"name\":\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/userpilot.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/c23f142272c9525f442450e3db3b3d00\",\"name\":\"Userpilot Team\",\"url\":\"https:\/\/userpilot.com\/blog\/author\/_up_marketing\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Design Your App Walkthrough - Best Practices for 2026","description":"Whether or not users stick around depends on your app's walkthrough. The question is: how do you design a great app walkthrough without code?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/userpilot.com\/blog\/app-walkthrough\/","og_locale":"en_US","og_type":"article","og_title":"How to Design Your App Walkthrough - Best Practices for 2026","og_description":"Whether or not users stick around depends on your app's walkthrough. The question is: how do you design a great app walkthrough without code?","og_url":"https:\/\/userpilot.com\/blog\/app-walkthrough\/","og_site_name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","article_published_time":"2024-08-01T18:28:15+00:00","article_modified_time":"2026-03-07T17:32:58+00:00","og_image":[{"width":1876,"height":1228,"url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png","type":"image\/png"}],"author":"Userpilot Team","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Userpilot Team","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/userpilot.com\/blog\/app-walkthrough\/#article","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/app-walkthrough\/"},"author":{"name":"Userpilot Team","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/c23f142272c9525f442450e3db3b3d00"},"headline":"App Walkthrough Best Practices For 2026","datePublished":"2024-08-01T18:28:15+00:00","dateModified":"2026-03-07T17:32:58+00:00","mainEntityOfPage":{"@id":"https:\/\/userpilot.com\/blog\/app-walkthrough\/"},"wordCount":2619,"commentCount":0,"image":{"@id":"https:\/\/userpilot.com\/blog\/app-walkthrough\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png","keywords":["app onboarding","app walkthrough","in-app tutorials","interactive walkthroughs","product walkthrough","saas app walkthrough","walkthrough software"],"articleSection":["Updated","User Onboarding"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/userpilot.com\/blog\/app-walkthrough\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/userpilot.com\/blog\/app-walkthrough\/","url":"https:\/\/userpilot.com\/blog\/app-walkthrough\/","name":"How to Design Your App Walkthrough - Best Practices for 2026","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/userpilot.com\/blog\/app-walkthrough\/#primaryimage"},"image":{"@id":"https:\/\/userpilot.com\/blog\/app-walkthrough\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png","datePublished":"2024-08-01T18:28:15+00:00","dateModified":"2026-03-07T17:32:58+00:00","author":{"@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/c23f142272c9525f442450e3db3b3d00"},"description":"Whether or not users stick around depends on your app's walkthrough. The question is: how do you design a great app walkthrough without code?","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/userpilot.com\/blog\/app-walkthrough\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/userpilot.com\/blog\/app-walkthrough\/#primaryimage","url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png","contentUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2024\/08\/App-Walkthrough-Best-Practices-For-2026.png","width":1876,"height":1228,"caption":"App Walkthrough Best Practices For 2026"},{"@type":"WebSite","@id":"https:\/\/userpilot.com\/blog\/#website","url":"https:\/\/userpilot.com\/blog\/","name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/userpilot.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/c23f142272c9525f442450e3db3b3d00","name":"Userpilot Team","url":"https:\/\/userpilot.com\/blog\/author\/_up_marketing\/"}]}},"_links":{"self":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/9143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/comments?post=9143"}],"version-history":[{"count":7,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/9143\/revisions"}],"predecessor-version":[{"id":616239,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/9143\/revisions\/616239"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media\/558869"}],"wp:attachment":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media?parent=9143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/categories?post=9143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/tags?post=9143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}