"Substituímos três ferramentas pelo Yaplet e o nosso tempo de resposta caiu de 4 horas para 2 minutos. A AI acerta quase sempre."
MK
Maya K.
Responsável de Suporte, empresa SaaS
Tours de produto / onboarding
Mostra o teu produto, não o expliques.
Os novos utilizadores registam-se, perdem-se e depois abandonam. Os tours do Yaplet guiam-nos até ao momento aha com tooltips ancorados nos teus botões reais, destaque do alvo e gatilhos por URL ou comportamento. Criado num editor de apontar e clicar, sem código por passo.
- Tooltips ancorados em elementos DOM reais
- Sem código por passo. Aponta, clica, escreve.
- Destaca o alvo e escurece o resto da página
- Aciona tours por URL ou comportamento do visitante
Avaliação média de 4.9
|
no G2 & Capterra| Sem código Passo 2 · de 5Momento aha Objetivo
Dentro do teu produto
Uma sobreposição na página, sem documento separado.
Os tours correm por cima da tua app real: os mesmos botões, os mesmos menus. O Yaplet ancora a dica ao elemento que escolhes e destaca o alvo, para que os utilizadores vejam onde clicar sem precisar de comparar com uma captura de ecrã.
app.example.com/dashboard
A tua app
Passo 2 de 5
Abrir a caixa de entrada
Todas as conversas chegam aqui: chat, email e mais.
Ancorado a elementos reais
Clica em qualquer botão, menu ou campo com o seletor visual. A dica segue o elemento durante as mudanças de layout.
Acionado por URL
Define um URL de início. O tour aguarda pela página certa antes de abrir, por isso nunca dispara no lugar errado.
Seletores alternativos
Adiciona seletores de reserva por passo. Se o elemento não existir, o Yaplet tenta o seguinte.
Saltar se oculto
Passos ligados a UI opcional? O Yaplet salta-os quando o alvo não está visível no ecrã.
Dentro dos Tours do Yaplet
Tudo o que precisas para guiar utilizadores in-app.
O mesmo painel que o teu chat, CRM e base de conhecimento. Uma ferramenta, não cinco. Criador de apontar e clicar, gatilhos de comportamento e passos que sobrevivem a um produto real sem add-ons ou barreiras de upgrade.
Criador visual sem código
Abre a tua app, clica num elemento, escreve a mensagem. Arrasta passos para reordenar e pré-visualiza à medida que avancas. Sem código por passo.
Alvo por seletor
Cada passo ancora-se a um seletor CSS que escolhes visualmente. O tooltip segue o elemento onde quer que esteja na página.
Aciona por URL ou comportamento
Mostra o tour certo ao utilizador certo: visitou X mas não fez Y, numa página específica, num plano específico. Mais do que 'primeira visita'.
Multi-passo com progresso
Encadeia tantos passos quanto precisares. Os visitantes veem uma fila de pontos de progresso e podem avançar ao seu próprio ritmo.
Destaca o alvo
O Yaplet ilumina o elemento e escurece o resto da página, para que os utilizadores saibam onde olhar sem uma confusão de setas.
Texto, vídeo e links
Mistura tipos de passo: publicação de tooltip, apontador com texto, apontador de vídeo ou um passo que simplesmente abre um URL.
Seletores de fallback
Adiciona seletores de reserva por passo. Se a tua UI mudar, o tour cai de volta para eles em vez de quebrar.
Conteúdo multilingue
Escreve cada passo nos idiomas que a tua audiência fala. O Yaplet mostra o texto certo ao visitante certo.
Responsivo para mobile
Os tours funcionam no telemóvel e no desktop. Os tooltips reposicionam-se, os tamanhos adaptam-se, sem overflow incómodo.
Onboarding
Reduz o abandono de ativação nos primeiros 5 minutos
A maioria dos utilizadores decide se fica durante a primeira sessão. O Yaplet guia-os até ao momento aha no instante em que iniciam sessão, sem um artigo de ajuda ou um ticket de suporte.
- O tour de boas-vindas começa no URL do painel, sem configuração necessária dentro da tua app
- Mostra aos utilizadores onde ficam os botões importantes, na UI real
- Salta passos quando um elemento não está presente, para que contas incompletas nunca vejam um tour quebrado
Descoberta de funcionalidades
Faz os utilizadores existentes encontrar as funcionalidades que lançaste
Lançaste algo ótimo e ninguém reparou. Executa um tour focado na página onde está, para que os utilizadores existentes vejam o que há de novo em segundos sem abrir o teu changelog.
- Segmenta apenas a página relevante: preços, definições, a nova funcionalidade em si
- Um passo, dois passos ou um walkthrough completo
- Destaca o novo elemento e explica-o em linguagem simples
Em produção em minutos
Cria passos, adiciona um snippet, publica
Esquece o SDK e o código por passo. Abre a tua app dentro do criador do Yaplet, clica nos elementos que queres destacar, escreve as mensagens, carrega em publicar.
1
Cria os teus passos
Abre a tua app dentro do criador visual do Yaplet. Clica num elemento, escreve o tooltip, repete. Arrasta para reordenar.
2
Adiciona um snippet
Adiciona o mesmo snippet Yaplet que usarias para o chat em direto. Uma instalação para chat, tours, inquéritos e mais.
3
Publica e segmenta
Define o URL de início, escolhe quem vê, e lança. Edita a qualquer momento, sem redeploy do teu lado.
Snippet de instalaçãohtml
<!-- Um snippet alimenta o chat, os tours e o resto do Yaplet -->
<script src="https://yaplet.com/api/sdk/loader?widgetId=YOUR_WIDGET_ID" async></script>
<script>
Yaplet.initialize("YOUR_WIDGET_ID");
</script>Lança o teu primeiro tour em menos de 10 minutos
Para de escrever docs que ninguém lê. Cria um tour hoje no plano gratuito para sempre, sem cartão de crédito, e republica sempre que o teu produto mudar.
Sem cartão de crédito Plano gratuito para sempre Cancela quando quiseres
Perguntas frequentes
Como funcionam os tours do Yaplet
Respostas curtas e honestas. Ainda tens dúvidas? Abre um chat e respondemos.
Fala com uma pessoa real
Também usamos o Yaplet. Experimenta connosco.
Dentro da tua app. Uma vez que o snippet Yaplet está instalado, os tours são renderizados como uma sobreposição por cima da tua UI real. Os tooltips ancoram-se aos teus botões, menus e formulários reais.
Não. Crias cada passo no criador visual do Yaplet: abre o teu produto dentro do criador, clica no elemento que queres destacar, escreve a mensagem e o Yaplet captura o seletor por ti.
Defines um URL de início no tour, mais condições opcionais de visitante e comportamento (página, tempo na página, propriedades personalizadas, frequência). O Yaplet só abre o tour quando essas condições coincidem.
Cada passo pode ter seletores de fallback que o Yaplet experimenta por ordem. Também podes marcar um passo como 'saltar se oculto' para que um elemento opcional nunca quebre o fluxo.
Quatro tipos: uma publicação centrada, um tooltip apontador num elemento, um apontador com vídeo incorporado e um passo de link que envia o visitante para outro URL. Usa-os em qualquer combinação.
Sim. Os tours suportam segmentação de visitantes e páginas, para que possas executar um tour de boas-vindas para novos registos e um tour de descoberta de funcionalidades apenas para utilizadores num plano ou página específicos.
Sim. Os tooltips reposicionam-se para ecrãs mais estreitos e o anel de destaque redimensiona para qualquer elemento ao qual ancoraste. O mesmo tour funciona no telemóvel e no desktop.
Avaliações
As pessoas adoram-nos
Adorado por pessoas e equipas que se preocupam em tornar cada interação com o cliente mais informada e eficiente.
G24.9/ 5
Excelente
Capterra4.9/ 5
Excelente