Como crear el aviso de politicas de cookies con Elementor

Cómo crear el aviso de políticas de cookies con Elementor

Si bien es cierto que existen varios plugins que con unos pocos ajustes te permiten que en tu web se visualice el aviso del uso de cookies y sus políticas, también es muy recomendable trabajar en tu WordPress con los plugins esenciales. Una forma facíl de personalizar nuestro aviso y de descartar el plugin de las cookies es con Elementor. En este post os vamos a explicar cómo crear el aviso de políticas de cookies con Elementor.

Índice de contenidos

Creando el popup para la política de cookies

Arrancamos con la creación de nuestro aviso de políticas de cookies y desde el administrador de nuestro WordPress nos dirigiremos a plantillas/popups (recuadro rojo de la imágen).

En la ventana emergente seleccionaremos como tipo de plantilla popup, le damos un nombre a la plantilla y creamos la plantilla (recuadro azul de la imágen).

crear politicas de cookies manualmente

Seguidamente definiremos el tipo de popup que necesitamos. En nuestro caso seleccionaremos bottom bar en el desplegable de la categoría (recuadro rojo de la imágen). En este punto podemos crear un diseño totalmente personalizado o seleccionar algún diseño que ofrece la biblioteca. Nosotros para no empezar de cero y tener una estructura predefinida seleccionaremos la primera plantilla que nos ofrecen y la acabaremos de personalizar a nuestro gusto. Insertamos la plantilla y seguimos.

cookies con elementor

Ajustes generales de la política de cookies con Elementor

Con los ajustes que aparecen por defecto es más que suficiente. Ancho 100%, alto fit to contet, posición horizontal centrada y posición vertical abajo. Simplemente deberemos realizar estos cambios:

  1. Deshabilitar el overlay (recuadro rojo de la imágen).
  2. Deshabilitar el botón para cerrar el popup. Ojo no confundir con el botón para aceptar las cookies. (recuadro rojo de la imágen).
  3. Personalizar el efecto de entrada y de salida del popup y su duración (recuadro azul de la imágen).

En configuración general y preview setting no necesitamos realizar ningún tipo de ajuste.

aviso de politica de cookies

Personalizando el texto del aviso del uso de cookies

En esta parte de la creación de nuestro aviso de las políticas de cookies nos dedicaremos a darle el aspecto visual que sea acorde con nuestras necesidades editando el contenido de cada una de las columnas. Color de fondo, tipo de fuentes y tamaños, interlineados, etc etc..

Personalizando el botón de aceptación de las políticas de cookies

Seleccionamos el elemento del botón y hacemos lo mismo que en el paso anterior, lo personalizamos a nuestro gusto y realizamos uno pequeños ajustes:

  1. Accedemos a la parte del contenido del botón. En el apartado enlace clicamos donde pone dinámico y seleccionamos la opción popup. 
  2. Una vez seleccionado veras que a lado de popup aparece una llave inglesa, debes clicar en ella.
  3. Dentro de los ajustes del popup, en action seleccionas close popup y activas don´t show again.
  4. Ya estamos acabando. En este punto revisa el aspecto visual a diferentes resoluciones. Para ello debes clicar en el monitor que aparece al lado del botón de publicar. Haz los ajustes pertinentes.
personalizando boton elementor

Configurando las condiciones de visualización

Antes de publicar nuestro popup nos faltara configurar las opciones de visualización. Para ellos deberemos clicar sobre la flecha que hay al lado del botón de publicar (recuadro rojo de la imágen). Una ves nos aparezca el desplegable seleccionamos condiciones de visualización (recuadro azul de la imágen).

politicas de cookies WordPress

En el apartado conditions crearemos una regla para que el popup aparezca en toda la web. En Triggers activamos la opción On page load y definimos los segundo a los que quieras que aparezca el pop up. Advanced rules lo dejamos como esta, con todas las opciones desactivadas. Publicamos ya tienes operativo tu aviso de política de cookies con Elementor.

popup para WordPress con Elementor

Esperamos que este artículo te haya resultado de ayuda. Si tienes alguna duda puedes dejarla en nos comentarios de este post. Si quieres saber como crear y editar otro tipo de popups con Elementor clica aquí.

Alternativas a Elementor

Si bien hemos dicho al principio de este post que una buena práctica es trabajar con el mínimo número de plugins, cabe la posibilidad de que no dispongas de la versión de pago de Elementor pro, por eso te ofrecemos una lista de plugins para que puedas implementar tu aviso de política de cookies

Puedes ver todo lo que hemos explicado en el siguiente video.

Bien, pues ya te hemos explicado cómo crear las políticas de cookies con Elementor. Si tienes alguna duda puedes dejarla en comentarios. 

¿Tienes interés en que creemos un tutorial sobre algún tema específico de Elementor?

Compártenos en tu red social favorita
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on whatsapp
Añadir Degradados y imágenes a los textos con Elementor

Añadir degradados y imágenes en los textos con Elementor

Aprende a dar un toque personal y exclusivo a tus diseños. En este post te explicamos cómo añadir degradados y imágenes en los textos con Elementor. Índice de contenidos Arrancaremos este tutorial explicando cómo personalizar tus textos con la versión Pro de Elementor. Si no

Cómo crear un botón para descargar archivos con Elementor

Cómo crear un botón para descargar archivos con Elementor

No es tan raro que se te presente la necesidad de ofrecer la posibilidad de adjuntar un archivo descargable a un botón. Un PDF, un MP3, un archivo Word. En este tutorial te vamos a explicar cómo crear un botón para descargar archivos con Elementor.

Cómo crear pop ups en Wordpress con Elementor

Cómo hacer popups en WordPress con Elementor

¿Quieres crear una llamada a la acción en forma de popups y no sabes como hacerlo. Hoy te explicamos Cómo hacer popups en WordPress con Elementor. Índice de contenidos ¿Qué es un pop up? El término pop-up proviene del inglés, y hace referencia a aquellas

Suscríbete a nuestro blog

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.

9 comentarios en “Cómo crear el aviso de políticas de cookies con Elementor”

  1. Muy interesante y fácil de entender el artículo y el vídeo.
    Me preguntaba si es necesario por ley (lo desconozco) dar además de la opción de aceptarlas, la de desactivarlas. ¿Basta con informar de que el sitio web las usa?
    Muchas gracias

    1. Hola Jesus:
      Para poner el popup en el pie de página solo tienes que acceder a los ajustes del popup y buscar donde se definen los parametros de la posición. Allí donde veas que se define la verticalidad debes escoger el tercer icono.

      Esperamos que nuestra respuesta te haya ayudado.

      Un saludo

  2. Hola, he seguido tu tutorial, muy bueno y lo he resuelto fácilmente (hace poco que empecé con Elementor y ando perdido). Pero, no tengo manera de hacer que cuando se clicke en el botón de aceptar, NO vuelva a salir más. Cada vez que entras en el mismo apartado o en otro cualquiera, sale el popup. Lo he configurado bien, tampoco es tan complicado, pero nada, que sale siempre…
    Algún consejo???

    1. Hola Jose, gracias por tu comentario.

      Lo que nos comentas se consigue desde los ajustes de visualización. En advanced rules, en el parámetro show up x times. Le defines que se vea 1 vez al abrir la página.

      Un saludo

  3. Súper útil la guía, mil gracias por el aporte. Estaba teniendo problemas con las opciones de visualización (estaba excluyendo páginas, sin antes agregar la regla de que se mostrará en todo el sitio) y aquí encontré la solución.
    Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Ir arriba