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).

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.

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:
- Deshabilitar el overlay (recuadro rojo de la imágen).
- 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).
- 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.

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:
- Accedemos a la parte del contenido del botón. En el apartado enlace clicamos donde pone dinámico y seleccionamos la opción popup.
- Una vez seleccionado veras que a lado de popup aparece una llave inglesa, debes clicar en ella.
- Dentro de los ajustes del popup, en action seleccionas close popup y activas don´t show again.
- 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.

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).

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.

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
- Cookie Notice for GDPR
- GDPR Cookie Consent Banner
- Asesor de Cookies para normativa española
- GDPR Cookie Consent
- EU Cookie Law (GDPR)
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.
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
Gracias. la mejor guía que conseguí. un abrazo!
Nos alegra saber que te ha sido de utilidad. Un saludo y gracias a ti.
Hola. Al hacer ésto el popup sale arriba de todo. Cómo puede posicionarlo al final de la página?
Gracias
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
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???
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
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
Nos alegramos mucho Ricardo. De igual forma agradecemos tu comentario enormemente. !!Con que poquito nos hacéis felices!!
Un saludo enorme.
Buenas tardes:
Esta muy bien el video, pero si le dan en no aceptar en que momento desactiva las cookies, veo que en su pagina si ponen esa opción algún consejo de como desactivar realmente las cookies cuando un usuario entra a la web.
Muchas gracias.
Saludos.
Hola Martín, actualmente, con la nueva regulación de las políticas de cookies no es factible crearlo con Elementor, ya que no ha forma de hacerlo para que se cumpla la normativa.
Te recomiendo el plugin RGPD cookie compiance.
Un saludo.