ℹ️ Este artigo será atualizado à medida que lançarmos mais melhorias nos próximos meses.
⚠️ Depois de ativar o reCAPTCHA no widget de Captação de Leads, pode ser necessário fazer alguns ajustes de CSS para garantir que o estilo aparece conforme pretendido.
O reCAPTCHA pode ser apresentado de forma diferente consoante:
O widget de newsletter atual
A forma como o widget está integrado no CMS do cliente
Os estilos já aplicados pelo CMS
👩🏻💻 Se precisar de ajuda com a personalização ou com o desenvolvimento do design, contacte o seu Account Manager.
1. Aceda a Definições > Widgets
Aceda a Definições > Widgets e abra o separador CSS personalizado.
2. Selecione um widget e um elemento
Escolha o widget que pretende personalizar e, em seguida, o elemento. O primeiro elemento é selecionado automaticamente, pelo que o editor abre já preenchido com as suas classes e a pré-visualização mostra de imediato as suas variações. Adicione as suas regras de CSS no editor e verifique a pré-visualização para ver o resultado.
Poderá notar que alguns widgets não aparecem na lista, ou que as classes que esperava não são apresentadas. Isto é normal. As listas de widgets e elementos existem para facilitar a personalização, mas não está limitado à entrada que corresponde ao seu widget.
Pode adicionar regras de CSS em qualquer widget ou elemento. O CSS que adicionar aplica-se a todos os widgets do seu site, independentemente de onde o adicionar.
⚠️ Evite adicionar !important a todas as regras de CSS
Porquê?
Injeção automática: o
!importanté adicionado automaticamente a todas as regras de CSS que escrever.Conflito potencial: se também adicionar
!important, a declaração fica duplicada. Isto pode quebrar o estilo pretendido e causar comportamentos inesperados.
3. Verifique as suas alterações
As suas alterações são guardadas automaticamente. Para as anular, selecione Repor elemento para restaurar o elemento selecionado, ou Repor tudo para restaurar todos os elementos.
4. Concluído!
Os widgets bsport serão agora apresentados automaticamente com o seu CSS personalizado.
⚠️ Se o widget parecer diferente da pré-visualização no seu site, ative a opção Manter estilo predefinido no passo 1 · Website do separador Configurar.
