Visão geral
A UserGuiding oferece a possibilidade de estilizar seu conteúdo com CSS, além do estilo de apontar e clicar para os Temas. Este artigo explica como você pode ajustar o estilo de seu conteúdo de onboarding, incluindo Guias, Hotspots, etc.
Onde posso encontrar as configurações de CSS?
No seu painel, navegue até a seção Themes, abaixo de Engagement. Como prática recomendada, ao alterar o estilo de seu conteúdo, duplique o Tema existente ou crie um novo. Dessa forma, você manterá o Tema padrão como um recurso alternativo, caso precise usá-lo.
Ao editar um Tema, você verá algumas opções de estilo do tipo apontar e clicar. Antes de estilizar com CSS, recomendamos verificar as opções padrão para que elas não se sobreponham e causem um comportamento inesperado.
Para prosseguir com a edição do CSS, navegue até a aba CSS. Quando terminar de criar o estilo, lembre-se de clicar em Save and Publish Changes.
Importante: escrever CSS é avançado. Embora esse seja um recurso disponível, é muito difícil fornecer suporte para ele. Portanto, certifique-se de que você ou alguém da sua equipe esteja familiarizado com a edição de CSS antes de começar.
Lembretes
- Pré-visualize e teste um Tema que você alterou com CSS antes de publicar. Dessa forma, você garantirá que as alterações recentes não causem nenhum problema imprevisto com o conteúdo do onboarding ou com a página exibida.
- Embora façamos nossos próprios testes de compatibilidade entre navegadores, não podemos garantir que seu conteúdo funcionará conforme o esperado. Portanto, certifique-se de realizar os testes quando aplicável.
- Preste atenção para não usar body ou tags HTML nas configurações de CSS, pois isso pode fazer com que o conteúdo seja quebrado ou não seja exibido quando for publicado.
- Os seletores listados abaixo estão sujeitos a alterações a qualquer momento. Use a ferramenta de inspeção do navegador para determinar os seletores atualizados.