Precisa saber como criar um pop-up de consentimento de cookie no Elementor?

Se você estiver usando o Elementor Pro, existem alguns recursos que você pode adicionar ao seu site WordPress sem instalar nenhum plugins adicional. Em um deles, você pode adicionar consentimento de cookie usando o recurso de construtores de pop-up do Elementor, que abordaremos neste artigo. O que é um cookie?

Leia também: Como criar um formulário de várias etapas com Elementor

No contexto da web, um cookie (também conhecido como cookie da web, cookie do navegador e cookie da Internet) é um pequeno pedaço de dados armazenado em seu computador por um navegador da web. Os dados são então usados ​​por sites para fornecer conteúdo com base em suas atividades. Se você costuma ver anúncios baseados em suas atividades, é para isso que serve um cookie (embora haja muitos exemplos de como os cookies são usados).

Em alguns casos, exibir o consentimento do cookie é muito importante porque permite que seu visitante entenda que seu site está coletando certas informações deles. Esta é uma das implementações da transparência empresarial.

Como criar um pop-up de consentimento de cookie no Elementor

A versão profissional do Elementor vem com um construtor de pop-up que você pode usar para criar um belo pop-up. Você pode usar o construtor de pop-up do Elementor para criar qualquer tipo de pop-up que possa encontrar na internet.

Descubra também: Como criar um formulário de contato no Elementor

Neste artigo, mostraremos como usar o construtor de pop-up do Elementor para criar um pop-up de consentimento de cookie. O próprio Elementor oferece pop-ups de modelo que você pode usar para criar um pop-up de consentimento de cookie, mas neste artigo, vamos criar o pop-up de consentimento de cookie do zero.

Primeiro, vá para Modelos -> Popups. Clique no botão adicionar para criar um novo pop-up

Dê um nome ao seu pop-up e clique no botão CRIE UM MODELO para começar a criar o modelo pop-up.

Como queremos criar o pop-up do zero, basta fechar a biblioteca de modelos clicando no ícone X no canto superior direito.

Como criar um pop-up de consentimento de cookie no Elementor

Antes de adicionar o conteúdo à janela pop-up, faça algumas configurações necessárias primeiro. Você pode abrir o ícone de engrenagem no canto esquerdo inferior para abrir o painel pop-up de configurações. Aqui estão os parâmetros que usaremos.

  • Sob a opção Largura sob o bloco Layout, substitua a unidade com VW e altere o valor para 100.
  • Defina a Altura para ajustar para o conteúdo
  • Defina a posição horizontal para Centro
  • Defina a posição vertical para Meia
  • Desativar opção Sobreposição
  • Botão Desativar Fermer
criar um pop-up de consentimento de cookie no Elementor

Você também pode definir a animação de entrada e saída do bloco Layout.

Leia também: Como adicionar uma grade de preços no Elementor

Em seguida, vá para a guia Estilo para alterar o plano de fundo do pop-up. Você pode usar um plano de fundo, gradiente ou uma imagem de cor sólida.

Depois de concluir as configurações básicas, você pode começar a adicionar o conteúdo ao seu pop-up. Comece adicionando uma seção clicando no ícone de mais na caixa de edição e selecione uma estrutura de coluna que deseja usar (estamos usando a estrutura de três colunas neste exemplo).

Adicione o widget Editor de texto à primeira coluna e substitua o texto padrão pelo seu próprio texto. Você pode digitar algo como “Este site usa cookies para garantir que você obtenha a melhor experiência em nosso site”. Você pode personalizar o texto na guia Estilo. Você pode definir coisas como tipografia (família da fonte, estilo da fonte, tamanho da fonte, etc.) e cor do texto.

Antes de adicionar o conteúdo à segunda coluna, você pode primeiro definir o tamanho das colunas. Para fazer isso, simplesmente passe o mouse sobre a coluna que deseja redimensionar até ver a linha pontilhada. Clique e segure-o e arraste-o para a direita ou para a esquerda.

cookie consentimento popup

Depois de adicionar e editar o conteúdo de texto na primeira coluna, adicione um botão à segunda coluna. Usaremos esta coluna para colocar o botão " ACEITAR " Basta arrastar o widget Botão para a segunda coluna. Substitua o texto do botão padrão por algo como " ACEITAR "Ou" ACEITAR E FECHAR E defina o tamanho. No campo Link, clique no ícone do banco de dados e selecione Popup.

cookie consentimento popup

Clique no ícone de chave inglesa no campo Aparecer. Na opção Ações, defina-o para CLOSE POPUP et ative a opção Não mostrar novamente.

Para personalizar o botão, você pode acessar a guia Estilo. Nessa guia, você pode definir coisas como tipografia do texto do botão, cor, cor de fundo, etc.

Quando terminar com a segunda coluna, vá para a terceira coluna. Usaremos esta coluna para colocar o botão " RECUSAR " Basta arrastar o widget Botão para esta coluna. Substitua o texto do botão padrão por algo como " RECUSAR "Ou" IGNORAR ".

Leia também: Como criar uma seção de membro da equipe com Elementor

Você também pode definir o tamanho e o alinhamento dos botões. No campo Link, cole o url da página Termos e condições do seu site. Isso forçará o seu visitante a ler os termos e condições se ele negar o consentimento.

criar um pop-up de consentimento de cookie

Você pode acessar a guia Estilo para também personalizar este botão.

Assim que terminar de modificar o conteúdo do pop-up, clique no botão PUBLICAR na parte inferior do painel esquerdo. Na janela que aparece, defina as condições de exibição clicando no botão ADICIONE CONDIÇÃO.

Neste exemplo, mostraremos o pop-up em todo o site, mas também na página de Termos e Condições. Portanto, as condições de exibição serão semelhantes a estas. Clique no botão PRÓXIMA para continuar.

Na próxima etapa, você será solicitado a definir o gatilho. Nesse contexto, você pode usar o gatilho de carregamento na página. Então, ative a opção No carregamento da página e clique no link SALVAR FECHAR.

criar um pop-up de consentimento de cookie

Aqui. Você criou com sucesso o seu popup de consentimento de cookie.

No final

A transparência é crucial o suficiente para uma empresa. Criar um pop-up de consentimento de cookie é uma forma de mostrar a transparência do seu negócio, pois revela que o seu site está coletando dados dos visitantes.

Se você estiver usando o Elementor para construir um site WordPress, não há necessidade de instalar um novo plug-in apenas para criar um pop-up de consentimento de cookie. Em vez disso, você pode usar a funcionalidade do construtor de pop-up do Elementor para fazer isso acontecer.

Obtenha o Elementor Pro agora!

Conclusão

Aqui está ! É isso neste artigo que mostra como criar um pop-up de consentimento de cookie no Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...

0 ações
ação
chilrear
Enregistrer