Precisa saber como criar pop-up de consentimento de cookies em Elementor ?
Se você usar 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 cookies usando o recurso de criadores de pop-up doElementor, que discutiremos 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.
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
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 Style 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.
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.
Clique no ícone de chave inglesa no campo Aparecer. Na opção Ações, defina-o para FECHAR POP-UP 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.
Você pode acessar a guia Style 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.
Aqui. Você criou com sucesso o seu popup de consentimento de cookie.
No final
A transparência é um aspecto bastante crucial para uma empresa. A criação de um pop-up de consentimento de cookies é uma das maneiras de mostrar a transparência do seu negócio, pois revela que seu site está coletando dados de seus visitantes.
Se você estiver usando o Elementor para criar um site WordPress, não há necessidade de instalar um novo plugin apenas para criar um pop-up de consentimento de cookies. Em vez disso, você pode usar o recurso construtor de pop-ups 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.
...
