Personalização

Faça Cada Experiência In-App Parecer
Que Você Mesmo Criou

Crie temas personalizados com suas fontes, cores e estilos de botão. Aplique em guias, hotspots,
modais, banners, pesquisas e checklists. Adicione CSS quando precisar de controle total.

Um tema, consistente em todos os lugares

O editor de Temas do UserGuiding permite definir as cores, fontes, arredondamento dos botões e tipografia da sua marca em um só lugar. Cada guia, tooltip, hotspot, modal, banner, checklist e pesquisa que você criar herda esse tema automaticamente, para que seu conteúdo in-app pareça nativo desde o primeiro dia.

Precisa de mais controle? Mude para a aba CSS dentro de qualquer tema e escreva estilos personalizados diretamente. Incorpore fontes personalizadas via Google Fonts ou sua própria URL CSS, ative ou desative barras de progresso e números de etapas, e localize textos de botões como "Próximo" e "Anterior" em qualquer idioma.

O que você pode fazer com Personalização

Construa uma experiência in-app totalmente personalizada com temas, CSS customizado e controles de localização.

Temas e identidade visual

  • Crie temas personalizados com controles visuais para cores, fontes e estilos de botão
  • Aplique um tema em todos os guias, hotspots, modais, banners, pesquisas e checklists de uma vez
  • Atribua temas diferentes para conteúdos diferentes (ex.: um tema para onboarding, outro para anúncios de funcionalidades)
  • Remova a marca UserGuiding automaticamente em todos os planos pagos
  • Visualize as alterações em um painel de pré-visualização antes de publicar

Tipografia

  • Escolha da lista de fontes integrada ou adicione qualquer Google Font pelos campos CSS e URL de fonte personalizada
  • Defina cor, tamanho e alinhamento da fonte por tema
  • Incorpore suas próprias fontes hospedadas colando a regra CSS @import e a URL da fonte

Estilo de botões

  • Personalize cores, arredondamento e texto dos botões pelo editor de Temas
  • Altere o texto dos botões de navegação padrão (Próximo, Anterior, Concluído) para combinar com a voz do seu produto
  • Adicione botões personalizados com ações configuráveis: ir para URL, executar JavaScript, iniciar outro guia, iniciar uma pesquisa ou copiar texto

Beacons de hotspot

  • Defina cor, tamanho e formato padrão dos beacons globalmente no editor de Temas
  • Substitua beacons individuais com cor, tamanho e formato personalizados pela Extensão do Chrome
  • Combine os estilos dos beacons com elementos específicos da interface para melhor integração visual

Personalização CSS

  • Escreva CSS personalizado na aba CSS de qualquer tema para controle de estilo ao nível do pixel
  • Estilize elementos individuais de onboarding (tooltips, modais, barras de progresso) com seletores CSS
  • Duplique um tema antes de editar para manter um backup funcional

Idioma e localização

  • Traduza todo o texto padrão da interface (Próximo, Anterior, Enviar, Concluído) para qualquer idioma pela aba Idioma nos Temas
  • Crie temas separados por idioma para um onboarding totalmente localizado
  • Personalize termos e frases para combinar com a terminologia do seu produto

Controles de aparência dos guias

  • Mostre ou oculte barras de progresso e números de etapas por tema
  • Defina um tema antes ou depois de criar um guia pela Extensão do Chrome ou pelo Painel
  • Aplique alterações de tema ao conteúdo existente sem recriar guias

Mais de 1.000 equipes escalando com sucesso com o UserGuiding

Junte-se a eles e dê o primeiro passo em direção ao crescimento.
Comece seu teste gratuito hoje mesmo com confiança.

Onde o UserGuiding encontra sua pilha de IA

Quatro maneiras pelas quais o UG funciona bem com as ferramentas de IA que sua equipe já usa.

Assistente de IA

Responda às perguntas dos usuários com IA treinada em seu produto, documentos de ajuda e tom de voz.

MCP Server

Conecte Claude, Cursor e Codex aos dados do seu produto com 17 ferramentas, sem integrações personalizadas.

Análise sem código

Monitore cliques, movimentos, foco, entradas e visualizações de página sem escrever uma linha de código.

Pergunte à IA

Adicione um painel de bate-papo em sua base de conhecimento que responda às perguntas dos usuários com citações de seus artigos publicados.

Perguntas Frequentes

Como adaptar perfeitamente o conteúdo da UserGuiding ao estilo da minha plataforma?

Você pode usar o nosso Construtor de Temas para editar todos os componentes dentro do conteúdo da UserGuiding para adaptá-los ao estilo da sua marca. Se precisar de mais opções de personalização, basta usar códigos CSS personalizados para garantir que o seu conteúdo ficará exatamente como você gostaria.

Eu posso usar opções de personalização (temas) diferentes para guias diferentes?

Sim, você pode ter múltiplos temas baseados em diferentes projetos, e também pode alterar o tema que quiser para usar com um conteúdo específico com apenas um clique.

Eu preciso fazer mudanças em guias individuais e outros tipos de conteúdo?

Não, você pode usar o Construtor de Temas da UserGuiding para criar temas personalizados que são aplicados em tempo real a múltiplos guias de uma só vez