Ir para conteúdo principal

Como personalizar um widget bsport com CSS

Este guia mostra como adicionar CSS personalizado aos nossos widgets pelo backoffice.

Escrito por BrandedApp
Atualizado há mais de um mês

⚠️ Depois de ativar o reCAPTCHA no widget de Lead Acquisition, pode ser necessário ajustar um pouco o CSS para que fique correto.

O reCAPTCHA pode aparecer diferente dependendo de:

  • O widget de newsletter atual

  • Como o widget está integrado no CMS do cliente

  • Estilos já aplicados pelo CMS

👩🏻‍💻 Se precisar de ajuda na personalização ou no design, entre em contato com seu Account Manager.

1. Vá em Configurações > Widgets

Clique aqui para ir para a página de widgets

2. Selecione a aba CSS

Escolha a aba que contém as classes do widget que quer alterar. Você pode adicionar regras CSS em qualquer aba; elas servem apenas de guia. Sempre confira a prévia do widget.

⚠️ Não adicione !important em cada regra.
Por quê?

  • Injeção automática: O sistema adiciona !important automaticamente.

  • Conflitos: Se o cliente também adicionar, pode duplicar e quebrar o estilo.

3. Salve as alterações

Depois de adicionar suas regras CSS personalizadas, não se esqueça de salvar as alterações.

4. Pronto!

Os widgets bsport agora aparecerão com seu CSS personalizado.

⚠️ Se a prévia não corresponder ao site, ative o Modo Compatibilidade.

Isto respondeu à sua pergunta?