Como posso adicionar o banner de consentimento da Termly ao meu site criado com o Website Builder?

Com o complemento Termly, pode melhorar o seu banner de consentimento para personalizar as suas definições e aparência, bem como aceder a muitas outras funcionalidades úteis que podem ajudar o seu site a cumprir a legislação em matéria de privacidade.

A seguir, vamos explicar passo a passo como adicionar o banner de consentimento atualizado ao seu site do Website Builder utilizando o componente de código.

Prefere ver um vídeo?
Temos um tutorial em vídeo passo a passo sobre como utilizar o painel de controlo do Termly e adicionar o banner de consentimento ao seu site criado com o Website Builder: watch no YouTube.

• Antes de começar
• Passo 1 - Desativar o banner de consentimento no painel do Website Builder
• Passo 2 - Inicie sessão no painel de controlo do Termly
• Passo 3 - Verifique se o seu site contém cookies
• Passo 4 - Personalize o seu banner de consentimento
• Passo 5 - Copie o código HTML do banner de consentimento
• Passo 6 - Selecione o componente de código no Website Builder
• Passo 7 - Incorpore o código do banner de consentimento no seu site
• Passo 8 - Alterar as definições do componente de código
• Passo 9 - Incorpore o código do centro de preferências no seu site
• Passo 10 - Ajuste a posição e o estilo do link do seu centro de preferências
• Passo 11 - Guarde e publique o seu site

Antes de começar

Para adicionar o banner de consentimento atualizado ao seu site do Website Builder, necessita de uma subscrição hrefhttps://www.one.com/en/website-security/termlyhrefTermly e de 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. 

Passo 1 - Desativar o banner de consentimento no painel do Website Builder

Se já estiver a utilizar o banner de consentimento básico do Website Builder (que também é fornecido pela Termly), desative-o antes de incorporar o banner de consentimento atualizado no seu site.

1. Abra o painel do Website Builder a partir do Painel de Controlo hrefhttps://login.one.com/cp/hrefone.com.
2. Clique em «Definições» na barra de navegação principal e selecione «Banner de consentimento» no menu à esquerda.
3. Certifique-se de que o banner de consentimento não está ativado — o botão de ativação/desativação deve estar a cinzento. Se o banner de consentimento estiver ativo, desative-o clicando no botão de ativação/desativação.
4. Publique o seu site.

Passo 2 - Inicie sessão no Painel de Controlo do Termly

1. Inicie sessão no Painel de Controlo da one.com e clique em «Consentimento e conformidade» na secção «Segurança e conformidade».

   

2. Clique no botão azul «Ir para o Termly». Se ainda não tiver uma subscrição do Termly, pode adquiri-la nesta página.

   

3. Introduza o seu endereço de e-mail e a sua palavra-passe do Termly e clique no botão «Iniciar sessão» para aceder ao painel de controlo do Termly.

Passo 3 - Verifique se o seu site contém cookies

1. No painel do Termly, clique em «Gestão de consentimentos» > «Cookies» no menu à esquerda.
2. Clique em «Digitalizar agora».

Passo 4 - Personalize o seu banner de consentimento

1. No menu à esquerda, clique em «Gestão de consentimentos» > «Banner de consentimento». Nesta página, pode ajustar as definições e o aspeto do seu banner.
2. Quando estiver pronto, clique em «Guardar» na parte inferior da página.

Para mais informações sobre as opções de personalização, consulte o guia our».

Passo 5 - Copie o código HTML do banner de consentimento

1. Na página do banner de consentimento, clique no botão «Instalar» na parte superior.
2. Na janela pop-up que se abre, pode ver o estado da verificação de cookies e os próximos passos para instalar o banner. Clique em «Incorporar» no Passo 2.
3. Na janela seguinte, clique em HTML simples.
4. Agora pode ver o código que deve ser adicionado ao componente de código do Website Builder. Também pode optar por ativar a funcionalidade Auto Blocker. Copie o código clicando em «Copiar para a área de transferência».

Passo 6 - Selecione o componente de código no Website Builder

1. Aceda ao editor do seu Website Builder.
2. No menu à esquerda, clique em «Mais» e selecione «Código».

Passo 7 - Incorpore o código do banner de consentimento no seu site

1. Na janela pop-up, selecione «Antes de fechar </head>» como «Localização do código».
2. Cole o código do banner de consentimento no campo e clique em Guardar.

Passo 8 - Alterar as definições do componente de código

1. Agora pode ver o componente de código na parte superior da sua página no editor. Clique nele para abrir as suas definições.
2. Nas definições do componente de código, clique em «Posicionamento» e assinale a caixa de seleção «Aplicar a todas as páginas», para que o banner de consentimento seja apresentado em todas as páginas do seu site.

Passo 9 - Incorpore o código do centro de preferências no seu site

Para além do banner de consentimento, recomendamos que adicione um link para o Centro de Preferências ao seu site. Ao clicar nesse link, os seus visitantes podem alterar as suas preferências em relação aos cookies.

1. No editor do Website Builder, crie outro componente de código clicando em «Mais» e, em seguida, em «Código» no menu à esquerda.

2. Na janela pop-up, selecione «Normal» como «Localização do código».

3. Copie e cole o código seguinte no campo e clique em Guardar:

<a href="#" class="termly-display-preferences" style="color:#000000;">Preferências de consentimento</a>

Passo 10 - Ajuste a posição e o estilo do link do seu centro de preferências

1. Arraste o componente de código do Centro de Preferências para o local onde pretende colocar o link no seu site. Recomendamos colocá-lo no rodapé, pois assim ficará visível em todas as páginas.

2. Pode alterar a aparência do link ajustando o seu código com estilos CSS. Clique no componente de código, selecione «Editar código» e adicione os estilos CSS que desejar.
   No exemplo abaixo, definimos a cor do link como preta e removemos o sublinhado:

Passo 11 - Guarde e publique o seu site

Guarde e publique o seu site para que as alterações fiquem visíveis online.

Para verificar se o seu banner de consentimento está a funcionar, abra o seu site no modo de navegação anónima. Se não conseguir ver o banner de consentimento, tente limpar os cookies e verifique se seguiu todos os passos acima indicados.

Artigos Relacionados:

• Introdução ao Termly
• Do Preciso de um banner de consentimento no meu site?