--- title: "Passo a passo do app - Extensão de aplicativo" description: "Crie um tutorial integrado e oriente seus usuários na primeira inicialização do seu app" canonical_url: "https://pt.goodbarber.com/extensions/walkthrough/" lang: pt --- # Passo a passo do app - Extensão de aplicativo ![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[Ver mais extensões](https://pt.goodbarber.com/extensions/) ![illustration for Passo a passo do app](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_thumb.9ecfefc984ea.jpg) # Passo a passo do app Crie um tutorial integrado e oriente seus usuários na primeira inicialização do seu app Para apps de Conteúdo e de eCommerce|$5/mês|Taxas para as ofertas Standard e Premium. Grátis com a oferta Pro ## Uma experiência de usuário imbatível desde o primeiro lançamento Facilite a adoção e aumente o envolvimento com um passo a passo do app Adicionar um passo a passo ao seu app é uma estratégia essencial para oferecer uma experiência de usuário excepcional. Este guia, integrado ao primeiro lançamento do seu app, dá as boas-vindas aos novos usuários e os orienta facilmente pelos vários recursos do seu app. Graças a instruções claras e visuais, os usuários descobrem rapidamente as especificidades da sua interface e as possíveis interações, reduzindo qualquer atrito ou hesitação. Ao facilitar a familiarização com seu app, este guia interativo contribui significativamente para o envolvimento do usuário e, portanto, para a fidelização a longo prazo. Não se esqueça que a primeira impressão é a mais importante, por isso faça tudo o que estiver ao seu alcance para conquistar os seus usuários desde os primeiros segundos. [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) ## Um passo a passo do app adequado para você Crie até 5 telas para dizer o que quiser sobre seu app ![](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_bloc2.e4f5a815803a.jpg) No seu back office, um menu dedicado permite que você crie o passo a passo do seu app. Em cada tela, adicione o título do seu guia, um título da etapa, uma imagem e um texto descritivo. Cada tela possui um botão de ação principal para iniciar o guia e passar de passo a passo, um pager e um botão "Pular" para permitir que seus usuários naveguem facilmente pelo guia, sem bloqueá-los. Tudo foi projetado para tornar o guia tão envolvente quanto fluido. Tudo é sugerido, nada é obrigatório. ## Um design impecável 2 modos de exibição ![](https://portal.ww-cdn.com/portal_static/images/addons/walkthrough_bloc3.ca0e2c881c76.jpg) Escolha um dos nossos dois modos de exibição para as etapas do passo a passo do seu app. Esses modelos são totalmente configuráveis: Desde efeitos de imagem até alinhamento de conteúdo, você escolhe o que mais combina com você, garantindo que o resultado final seja claro e agradável de ler. ## Integre a animação do LottieFiles Torne cada etapa do seu guia mais animada e envolvente. ![](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) Com a extensão [LottieFiles](https://pt.goodbarber.com/extensions/lottiefiles/), você pode adicionar animações modernas e fluidas para captar a atenção dos usuários e aprimorar a experiência deles em toda a jornada interativa. ## Extensões relacionadas [illustration for Offline OfflineO conteúdo do seu app disponível mesmo sem conexãoGrátis](https://pt.goodbarber.com/extensions/offline-mode/) [illustration for Assistente de IA Assistente de IASimplifique a criação de conteúdo com o Assistente de IA, desenvolvido pela OpenAIGrátis](https://pt.goodbarber.com/extensions/ai-assistant/) [illustration for Otimização do compartilhamento em redes sociais Otimização do compartilhamento em redes sociaisAumente a visibilidade do seu PWA nas redes sociais otimizando os metadados para compartilhamento.Grátis](https://pt.goodbarber.com/extensions/social-sharing-optimization/) [illustration for Meta Title & Meta Description Meta Title & Meta DescriptionOtimize o SEO e a visibilidade do seu PWA com meta tags eficazes.Grátis](https://pt.goodbarber.com/extensions/meta-title-description/) [illustration for Sitemap do Google e Search Console Sitemap do Google e Search ConsoleOtimize a visibilidade do seu PWA no Google.Grátis](https://pt.goodbarber.com/extensions/sitemap-search-console/) [illustration for Nome de domínio personalizado Nome de domínio personalizadoReforce a identidade de sua marca com um domínio exclusivo para seu Progressive Web AppGrátis](https://pt.goodbarber.com/extensions/custom-domain/) [illustration for Schema.org Schema.orgOtimize seus resultados de pesquisa com dados estruturados para seu PWA.Grátis](https://pt.goodbarber.com/extensions/schema/) [illustration for Redirecionamento automático de URL Redirecionamento automático de URLMantenha seus links ativos e otimize seu SEOGrátis](https://pt.goodbarber.com/extensions/automatic-redirect/) [illustration for URL personalizado URL personalizadoPersonalize os URLs do seu aplicativo para melhorar a referência natural, tornar os links mais legíveis e facilitar o compartilhamento.Grátis](https://pt.goodbarber.com/extensions/custom-url/) [illustration for AI Extension Builder AI Extension BuilderDescreva um recurso e a IA o criará em seu aplicativoGrátis](https://pt.goodbarber.com/extensions/ai-extension-builder/)