Como faço para adicionar o banner de consentimento da Termly ao meu site do Website Builder?
Com o complemento Termly, podes atualizar o teu banner de consentimento para personalizar as configurações e aparência, e aceder a muitos outros recursos úteis que podem ajudar o teu site a cumprir as leis de privacidade.
Abaixo, vamos ver os passos para adicionar o banner de consentimento atualizado ao teu site do Website Builder com o componente de código.
Queres assistir a um vídeo?
Temos um tutorial em vídeo passo a passo sobre como usar o painel de controlo da Termly e adicionar o banner de consentimento ao teu site do Website Builder:
- Antes de começar
- Etapa 1 - Desative o banner de consentimento no painel de controlo do Website Builder
- Etapa 2 - Inicia sessão no painel de controlo da Termly
- Passo 3 - Analise o seu website em busca de cookies
- Passo 4 - Personalize o seu banner de consentimento
- Passo 5 - Copie o código HTML do banner de consentimento
- Etapa 6 - Escolhe o componente de código no Website Builder
- Etapa 7 - Incorpora o código do banner de consentimento no teu site
- Etapa 8 - Altera as configurações do componente de código
- Etapa 9 - Incorpora o código do centro de preferências no teu site
- Etapa 10 - Ajusta o posicionamento e o estilo do link do centro de preferências
- Etapa 11 - Salva e publica o teu site
Antes de começares
Para adicionar o banner de consentimento atualizado ao teu site do Website Builder, precisas de uma subscrição Termly e acesso ao componente de código do Website Builder. O componente de código está incluído nos planos Website Builder Premium e Business + E-commerce.
Etapa 1 - Desativa o banner de consentimento no painel de controlo do Website Builder
Se já estiveres a usar o banner de consentimento básico do Website Builder (que também é fornecido pela Termly), desativa-o antes de incorporares o banner de consentimento atualizado ao teu site.
- Abre o teu Website Builder a partir do Painel de controlo do one.com.
- Clica em Configurações do site e seleciona Banner de consentimento no menu à esquerda.
- Certifica-te de que o banner de consentimento não está ativado – o botão deve estar cinzento. Se estiver ativo, desativa-o clicando nele.
- Publica o teu site.
Etapa 2 - Inicia sessão no painel de controlo da Termly
-
Inicia sessão no painel de controlo da one.com e clica em Termly em Configurações avançadas.
-
Clica no botão azul Ir para Termly. Se ainda não tens uma subscrição Termly, podes comprá-la nesta página.
- Insere o teu e-mail e a palavra-passe da Termly e clica no botão Iniciar sessão para acederes ao painel de controlo da Termly.
Passo 3 - Analisa o teu site em busca de cookies
- No painel de controlo da Termly, clica em Consent Management > Cookies no menu à esquerda.
- Clique em Scan now.
Passo 4 - Personaliza o teu banner de consentimento
- No menu à esquerda, clica em Consent management > Consent Banner. Nesta página, podes ajustar as configurações e a aparência do teu banner.
- Quando estiveres pronto, clica em Save no final da página.
Para mais informações sobre as opções de personalização, confere o nosso guia.
Passo 5 - Copia o código HTML do banner de consentimento
- Na página do banner de consentimento, clica no botão Install no topo.
- Na janela pop-up que aparece, podes ver o status da verificação de cookies e os próximos passos para instalar o banner. Clica em Embed no Step 2.
- Na próxima janela, clica em Plain HTML.
- Agora, podes ver o script que deve ser adicionado ao componente de código do Website Builder. Também podes escolher se queres ativar o recurso Bloqueador Automático. Copia o código clicando em Copy to clipboard.
Etapa 6 - Escolhe o componente de código no Website Builder
- Vai para o editor do Website Builder.
- No menu à esquerda, clica em Mais e escolhe Código.
Etapa 7 - Incorpora o código do banner de consentimento no teu site
- Na janela pop-up, escolhe Antes de fechar </head> como o Posicionamento de código.
- Cola o script do banner de consentimento no campo e clica em Guardar.
Etapa 8 - Altera as configurações do componente de código
- Agora, podes ver o componente de código no topo da tua página no editor. Clica nele para abrir as suas configurações.
- Nas configurações do componente de código, clica em Posicionamento e marca a caixa de seleção em Aplicar a todas as páginas , para que o banner de consentimento seja exibido em todas as páginas do teu site.
Etapa 9 - Incorpora o código do centro de preferências no teu site
Além do banner de consentimento, recomendamos adicionar um link do centro de preferências no teu site. Ao clicar nele, os teus visitantes podem alterar as preferências de cookies.
No editor do Website Builder, cria outro componente de código clicando em Mais e depois em Código no menu à esquerda.
No pop-up, escolhe Normal como o posicionamento do código.
Copia e cola o seguinte código no campo e clica em Guardar:
<a href="#" class="termly-display-preferences" style="color:#000000;">Preferências de consentimento</a>
Etapa 10 - Ajusta o posicionamento e o estilo do link do centro de preferências
Arrasta o componente de código do centro de preferências para o local onde queres colocar o link no teu site. Recomendamos colocá-lo no rodapé, assim ficará visível em todas as páginas.
Podes alterar a aparência do link ajustando o código com estilos CSS. Clica no componente de código, seleciona Editar código e adiciona os estilos CSS que quiseres.
No exemplo abaixo, definimos a cor do link como preto e removemos o sublinhado:
<a href="#" class="termly-display-preferences" style="color:#000000; text-decoration: none;">Preferências de consentimento</a>
Passo 11 - Salve e publique seu site.
Guardar e publique seu site para tornar as alterações visíveis online.
Para verificar se o banner de consentimento está funcionando, abra seu site no modo de navegação anônima. Se não conseguir ver o banner de consentimento, tente limpar os cookies e verificar se concluiu todas as etapas acima.
Artigos relacionados: