Ir para conteúdo principal

Como personalizar um widget bsport com CSS

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

BrandedApp avatar
Escrito por BrandedApp
Atualizado ontem

⚠️ 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?