--- title: "App Walkthrough - App Extension" description: "Create an integrated tutorial and guide your users through the first launch of your app" canonical_url: "https://www.goodbarber.com/extensions/walkthrough/" lang: en --- # App Walkthrough - App Extension ![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[View more extensions](https://www.goodbarber.com/extensions/) ![illustration for App Walkthrough](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_thumb.9ecfefc984ea.jpg) # App Walkthrough Create an integrated tutorial and guide your users through the first launch of your app For Content and eCommerce apps|$5/month|Fees for the Standard and Premium offers. Free with the Pro offer ## An unbeatable user experience from the very first launch Facilitate adoption and boost engagement with an app walkthrough Adding an app walkthrough to your app is an essential strategy for delivering an exceptional user experience. This guide, integrated into the first launch of your app, gives new users a warm welcome and guides them smoothly through the various features of your app. Thanks to clear, visual instructions, users quickly discover the specifics of your interface and the possible interactions, reducing any friction or hesitation. By making it easier for them to familiarize themselves with your app, this interactive guide contributes significantly to user engagement, and therefore to long-term loyalty. Don't forget that the first impression is the most important, so do everything you can to win over your users from the very first seconds. [https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_bloc1.9fd4e20df974.mp4](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_bloc1.9fd4e20df974.mp4) ## An app walkthrough to suit you Create up to 5 screens to say as much as you like about your app ![](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_bloc2.e4f5a815803a.jpg) In your back office, a dedicated menu lets you create your app walkthrough. On each screen, add your guide's title, a step title, an image and a description text. Each screen features a main action button to start the guide and move from step to step, a pager and a "Skip" button to allow your users to navigate easily through the guide, without blocking them. Everything is designed to make the guide as immersive as it is fluid. Everything is suggested, nothing is mandatory. ## A flawless design 2 display modes ![](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_bloc3.ca0e2c881c76.jpg) Choose from our 2 display modes for the steps in your app walkthrough. These templates are fully configurable: from image effects to content alignment, you choose what suits you best, while ensuring that the end result is clear and pleasant to read. ## Integrate LottieFiles Animations Make each step of your app walkthrough more lively and engaging. ![](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_bloc4_1.985a10e6c441.jpg)![](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_bloc4_2.b37eab8cd9ef.jpg) ![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-down.6e0195d32132.svg) ![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-down.6e0195d32132.svg) With the [LottieFiles](https://www.goodbarber.com/extensions/lottiefiles/) extension, you can add modern and smooth animations to capture your users’ attention and enhance their experience throughout the interactive journey. ## Associated extensions [illustration for Offline OfflineYour app's content available even without a connectionFree](https://www.goodbarber.com/extensions/offline-mode/) [illustration for AI Assistant AI AssistantSimplify content creation with AI Assistant, powered by OpenAIFree](https://www.goodbarber.com/extensions/ai-assistant/) [illustration for Custom Domain Custom DomainStrengthen your brand identity with a unique domain for your Progressive Web App.Free](https://www.goodbarber.com/extensions/custom-domain/) [illustration for Meta Title & Meta Description Meta Title & Meta DescriptionOptimize your PWA's SEO and visibility with effective meta tags.Free](https://www.goodbarber.com/extensions/meta-title-description/) [illustration for Optimizing sharing on social networks Optimizing sharing on social networksBoost your PWA's visibility on social networks by optimizing metadata for sharing.Free](https://www.goodbarber.com/extensions/social-sharing-optimization/) [illustration for Google Sitemap & Search Console Google Sitemap & Search ConsoleOptimize your PWA's visibility on Google.Free](https://www.goodbarber.com/extensions/sitemap-search-console/) [illustration for Schema.org Schema.orgOptimize your search results with structured data for your PWA.Free](https://www.goodbarber.com/extensions/schema/) [illustration for Automatic URL redirection Automatic URL redirectionKeep your links active and optimize your SEOFree](https://www.goodbarber.com/extensions/automatic-redirect/) [illustration for Custom URL Custom URLCustomize your application's URLs to improve SEO, make links easier to read and share.Free](https://www.goodbarber.com/extensions/custom-url/) [illustration for AI Extension Builder AI Extension BuilderDescribe a feature, AI creates it in your appFree](https://www.goodbarber.com/extensions/ai-extension-builder/)