Visão geral

Este artigo explica o recurso Temas da UserGuiding, como você pode criar um Tema personalizado para conteúdo onboarding, como Guias, Hotspots, etc., e como aplicá-los.

Por que usar Temas personalizados?

Se quiser preservar a consistência e o ritmo da sua página web, será necessário designar o seu Tema específico no conteúdo da UserGuiding. Dessa forma, você poderá manter a mesma aparência e sensação da experiência que está proporcionando em todo o seu site.

Como criar um Tema personalizado

É fácil criar um Tema adequado para sua plataforma. Primeiro, é necessário fazer login no painel da UserGuiding e ir para Themes, abaixo de Engagement.

Você verá cinco seções nas quais poderá trabalhar e sempre poderá pré-visualizar seu Tema na criação no lado direito da página.

Vamos abordar cada um deles:

General

Você pode decidir como deve ser a aparência dos seus Guias escolhendo uma cor, ajustando a opacidade, a largura, estilizando os botões etc.

Typography

Você pode personalizar a cor, o tamanho e o alinhamento do texto. Se quiser adicionar uma fonte personalizada da sua plataforma, você também pode defini-la aqui.

Hotspots

Você pode decidir o tipo de cor e estilo que deseja para os beacons dos Hotspots e definir condições personalizadas aqui.

Language

Você pode traduzir instruções padrão presentes nos botões e em outros elementos.

CSS

Aqui você pode atualizar o design nativo da UserGuiding para alguns materiais de onboarding com seu próprio estilo CSS.

Como aplicar um Tema personalizado a seus Guias e Hotspots

Definição de Temas para Guias e Hotspots na extensão do Chrome

Enquanto estiver trabalhando na extensão do Chrome, você pode definir um Tema personalizado para um Guia antes ou depois de criar um Guia, conforme mostrado abaixo.

Antes de criar um Guia:

Depois de criar um Guia:

• Não se esqueça de clicar no botão Publish Changes no seu painel para que suas alterações sejam publicadas.

Definição de Temas para Guias e Hotspots no seu painel

• Você pode usar as configurações avançadas do Guia/Hotspot para alterar o Tema, conforme mostrado abaixo.

Por que o Tema personalizado não está se aplicando completamente ao meu Guia/Hotspot?

Se você alterar a aparência de um Guia ou Hotspot manualmente enquanto estiver trabalhando na extensão do Chrome, eles serão considerados retoques.

E os retoques em etapas individuais podem anular o funcionamento do Tema designado para um Guia, e eles não se aterão completamente ao Guia.

Se você quiser aplicar suas alterações ao Guia de forma completa, precisará alterar o Tema do Guia, não o design passo a passo.