Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir una ventana emergente de cookies en WordPress para RGPD/CCPA

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres añadir una ventana emergente de consentimiento de cookies en WordPress?

Es posible que su sitio WordPress esté estableciendo cookies en los navegadores de sus visitantes. Sin embargo, la legislación de la Unión Europea exige que los sitios web obtengan el consentimiento de los usuarios antes de establecer cookies en sus ordenadores.

En este artículo, le mostraremos cómo añadir una ventana emergente de cookies en WordPress.

How to Add cookies popup in WordPress

Las cookies de navegador son pequeños archivos que contienen datos enviados por un sitio web para almacenarlos en el navegador del usuario. La mayoría de los sitios web de WordPress establecen cookies para diversos fines.

Por ejemplo, por defecto, WordPress utiliza cookies con fines de identificación para almacenar la información de sesión de los usuarios conectados. También establece una cookie cuando alguien deja un comentario en su sitio.

Aparte de éstas, los plugins de WordPress también pueden establecer sus propias cookies para almacenar información diferente o reconocer a visitantes recurrentes.

Puede saber cómo utiliza las cookies su sitio web marcando / comprobando nuestra guía sobre cómo saber si su sitio web en WordPress utiliza cookies.

Aunque las cookies son extremadamente útiles, también pueden utilizarse para recopilar información acerca de un usuario y compartirla con plataformas publicitarias de terceros.

Por eso, en Europa y algunos otros países, los propietarios de sitios web están obligados a informar a los usuarios acerca de su uso de cookies. Si su sitio web se dirige a un público de esas regiones, debe mostrar una cláusula de exención de responsabilidad sobre el uso de cookies.

Cookie notice preview

La forma más fácil de hacerlo es con un plugin de WordPress RGPD. Cookie Notice y Cookiebot son dos de los plugins de aviso de cookies más populares y son compatibles con muchos otros plugins populares de WordPress.

Dicho esto, veamos cómo mostrar fácilmente una ventana emergente de consentimiento de cookies en WordPress.

Método 1: Añadir una ventana emergente de cookies con aviso de cookies (el más fácil)

En primer lugar, tendrás que instalar y activar el plugin Cookie Notice & Compliance for RGPD / CCPA. Para obtener más información, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activarlo, el plugin comenzará a mostrar un mensaje / ventana emergente de cookies básico a sus visitantes de inmediato sin ninguna configuración adicional. El mensaje por defecto es adecuado para la mayoría de los sitios web.

Cookie notice default message

Si desea personalizar el aviso, debe visitar el elemento / artículo del menú Cookies en su escritorio de WordPress.

Desde aquí, sólo tiene que desplazarse hasta la sección Ajustes de aviso.

Edit cookie notice message

En esta página, puede personalizar el mensaje / ventana emergente y el texto del botón.

También puedes añadir un enlace a tu página de política de privacidad. Si aún no ha creado una, puede seguir nuestra guía sobre cómo crear una página de política de privacidad en WordPress.

Después, puede seleccionar esa página en el menú desplegable Política de privacidad.

Enable privacy policy link

El plugin de cookies de WordPress también ofrece a sus visitantes la opción de rechazar y revocar el consentimiento.

Para ello, basta con hacer clic en las casillas de verificación “Denegar consentimiento” y “Revocar consentimiento”. Los ajustes por defecto funcionarán para la mayoría de los sitios web.

Refuse consent settings

Si se desplaza hasta la sección Diseño del aviso, podrá elegir la posición, la animación, el estilo del botón y los colores de su mensaje / ventana emergente de consentimiento de cookies.

También puede establecer una clase de botón para añadir CSS personalizado para su ventana emergente.

Edit design of notice

Cuando hayas terminado, haz clic en el botón “Guardar cambios” del final para guardar tus ajustes.

Ahora puede visitar su sitio web para ver el mensaje / ventana emergente de consentimiento de cookies en acción.

Cookie notice default message

Método 2: Añadir una ventana emergente de cookies con Cookiebot (con muchas características)

Otro método para establecer ventanas emergentes de cookies es usando el plugin Cookie banner para WordPress o el plugin Cookiebot.

Aunque no es tan fácil de establecer como el Aviso de Cookies y no funcionará a menos que usted acceda a una cuenta gratuita de Cookiebot, ofrece algunas opciones adicionales de personalización.

En primer lugar, puede instalar y activar el plugin Cookie banner para WordPress plugin. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, se añadirá una nueva sección de Cookiebot a su escritorio de WordPress. Usted necesitará navegar a Cookiebot ” Ajustes en su escritorio de WordPress para configurar el plugin.

Si aún no tienes un ID de Cookiebot, entonces tendrás que registrarte para obtener uno al hacer clic en el botón ‘Crear una nueva cuenta’.

Create a new Cookiebot account

A continuación, el sitio web Cookiebot se abrirá en una nueva pestaña de su navegador / explorador.

Introduce tu dirección de correo electrónico y tu contraseña. También tendrás que hacer clic en la casilla de verificación de las condiciones del servicio, la política de privacidad y la DPA.

Create a CookieBot account

Una vez hecho esto, puede hacer clic en el botón “Crear cuenta”.

A continuación, verás los ajustes de Cookitbot. Añade la URL de tu sitio web en el campo Nombre de dominio. En la versión gratuita, solo puedes añadir 1 nombre de dominio.

Add domain name to Cookiebot

Después, tendrás que cambiar a la pestaña “Tus guiones”.

Desde aquí, sólo tiene que copiar el “ID de grupo de dominio”.

Copy domain group ID

A continuación, puede volver a los ajustes de Cookiebot en su escritorio de WordPress.

En la pestaña “Ajustes generales”, desplácese hasta la sección “Conecte su grupo de dominios” e introduzca el ID en el campo “Añada el ID de su grupo de dominios”.

Enter your domain group ID

Una vez hecho esto, no olvides hacer clic en el botón “Guardar cambios” de la parte superior.

Si te desplazas hacia abajo, verás más ajustes. Por ejemplo, el plugin te permite seleccionar un idioma. Por defecto, se establecerá en “Detección automática”, pero puedes hacer clic en el menú desplegable para cambiarlo.

También puede seleccionar el modo de bloqueo de cookies. Recomendamos utilizar el “Modo automático de bloqueo de cookies”, ya que el plugin bloqueará todas las cookies excepto las estrictamente necesarias hasta que el usuario haya dado su consentimiento.

Select language and cookie blocking settings

Puede marcar / comprobar la opción ‘Auto-update Cookiebot’ en la pestaña de ajustes avanzados.

De este modo, el plugin se mantiene al día de cualquier cambio en la legislación sobre el RGPD.

Automatic Cookiebot plugin update

Para propósitos de prueba, también debe activar la opción ‘Procesar Cookiebot CMP en el front-end mientras está conectado’.

Si la deja desactivada, no verá el mensaje / ventana emergente cuando esté conectado a su sitio WordPress.

Enable Cookiebot for logged in users

Cuando hayas terminado con los ajustes, no olvides hacer clic en el botón “Guardar cambios” de la parte inferior.

Personaliza tu cookie Aviso emergente

No hemos terminado todavía, pero nos estamos acercando. Para terminar de configurar Cookiebot, ahora necesita regresar al sitio web de Cookiebot.

Siguiente, usted necesitará navegar a la pestaña de Banner en el sitio web de Cookiebot.

Customize Cookiebot banner

Aquí puede elegir una plantilla, así como editar la posición y el aspecto de la ventana emergente.

Podrás ver los cambios al hacer clic en el botón Vista previa o volviendo a tu sitio web.

Preview cookiebot popup changes

Si observa que el texto utilizado en el aviso emergente no coincide con las razones por las que su sitio web utiliza cookies, puede cambiarlo.

Usted encontrará los ajustes para hacer esto navegando a la pestaña de Contenido en el sitio web de Cookiebot.

Edit content of cookie notice

También puede añadir una declaración de cookies a la política de privacidad de su sitio web. Si aún no ha creado una página de política de privacidad, puede seguir nuestra guía sobre cómo crear una página de política de privacidad en WordPress.

Usted necesita comenzar navegando a la pestaña de Declaración en el sitio web de Cookiebot. Por defecto, la declaración de cookies usa la redacción por defecto de Cookiebot.

Declaration settings in Cookiebot

Si usted necesita personalizar el mensaje porque su sitio web usa cookies por una razón diferente, entonces usted necesita una suscripción premium a Cookiebot.

También puede incluir su propia declaración en la política de privacidad, pero se perdería características como los enlaces que permiten a los visitantes cambiar o retirar su consentimiento.

En este tutorial, vamos a añadir la declaración por defecto a nuestra política de privacidad. Solo tienes que editar tu política de privacidad e insertar el shortcode [cookie_declaration ] donde quieras mostrar la declaración de cookies.

Enter cookie declaration shortcode

Para ver la declaración, tiene que guardar o ahorrar, según contexto, la página y verla previa.

Así se ven los primeros párrafos en nuestro sitio web de prueba.

Privacy declaration

Bonificación: Mejore el cumplimiento del RGPD con MonsterInsights

MonsterInsights es la mejor solución de analítica para tu sitio WordPress. También es la forma más sencilla de mejorar el cumplimiento del RGPD y otras normativas de privacidad.

Eso es porque MonsterInsights ofrece una extensión de cumplimiento de la UE que funciona fuera de la caja. Cambiará automáticamente sus ajustes de análisis para ayudarle a cumplir con las leyes de privacidad.

The MonsterInsights Google Analytics plugin

La extensión EU compliance está incluida en el plan premium. Lo mejor es que se integra automáticamente tanto con Cookie Notice como con Cookiebot.

Puede leer nuestra reseña / valoración completa de MonsterInsights para más detalles.

El primer paso es instalar el plugin MonsterInsights y conectarlo a su cuenta de Google Analytics. Para obtener más información, consulte nuestra guía sobre cómo instalar Google Analytics utilizando MonsterInsights.

Una vez que MonsterInsights esté instalado y configurado, tendrá que instalar y activar la extensión EU Compliance.

Para ello, vaya a la página Insights ” Addons de su escritorio de WordPress. A continuación, busque la extensión EU Compliance y haga clic en el botón “Instalar”.

MonsterInsights EU compliance addon

La extensión se activará automáticamente.

Puede comprobarlo yendo a la página “Ajustes” de MonsterInsights y cambiando a la pestaña “Participación”.

Si consulta la sección Cumplimiento de la UE, verá que la extensión se ha activado.

View EU compliance settings

Si hace clic en la flecha hacia abajo de la parte derecha de la pantalla, podrá ver una lista detallada de los cambios de configuración que la extensión ha realizado en su sitio web.

Por ejemplo, puede ver que anonimiza automáticamente las direcciones IP en Google Analytics, desactiva los datos demográficos, los informes de intereses, desactiva el seguimiento de UserID y mucho más.

View EU compliance settings in MonsterInsights

A continuación, puede desplazarse hacia abajo para ver la compatibilidad de MonsterInsights con diferentes plugins de cookies como Cookie Notice y CookieBot.

MonsterInsights realizará automáticamente cambios en el código de seguimiento de Google Analytics si alguno de los plugins está instalado en su sitio. De este modo, esperará a obtener el consentimiento antes de realizar el seguimiento de los usuarios en Google Analytics.

Compliance plugin integration

Esperamos que este artículo le haya ayudado a añadir una ventana emergente de consentimiento de cookies a su sitio de WordPress.

También puede consultar nuestra guía paso a paso sobre cómo trasladar correctamente su sitio de WordPress de HTTP a HTTPS, o marcar / comprobar nuestra comparativa de los mejores servicios de telefonía empresarial para pequeñas empresas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

26 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph says

    Thank God there are plugins for that. I wish we as a whole internet could get rid of all that cookies, gdpr and other things and replace it with one but only one thing. It is absurd when we visit new website and before we even see content we have to close so many pop-ups.

    • WPBeginner Support says

      It may be annoying but the GDPR was set up with good intentions, hopefully there will be better implementations as time goes on.

      Administrador

    • WPBeginner Support says

      It does not as that would require it to interact with everything that sets a cookie and have the power to disable it which isn’t something a plugin would have easily.

      Administrador

  3. Elliot Jolesch says

    This article was very helpful but I wonder if it’s a little out of date.

    The plugin that you recommended, GDPR Cookie Consent Banner, has not been tested for the latest version of WP and apparently hasn’t been updated in 11 months.

    Are you planning an update to this article?

  4. Declan Howard says

    How do I make sure my website does not drop cookies into a visitor’s computer? I do not need to do this.

    • WPBeginner Support says

      It would depend on what tools and plugins you are using on your site, you would want to reach out to those to see if they add any cookies or not.

      Administrador

  5. Deb Smith, Small Details says

    We can ALWAYS count on WPBeginner to give us solid plugin recommendations. I’ve been a “beginner” for over a decade haha!

  6. Farukh Hussain says

    Hi,
    Thanks for sharing this useful post. However, many plugins make site loads slower. Can you please suggest some code to display this notification.

  7. Aurora says

    Can you recommend a way to add a cookie consent without the use of a plugin? My site has too many plugins already.

  8. Julia says

    Hi,
    I’m trying to set up an e-commerce website and have to comply with EU law regarding the use of cookies. How can I find out which cookies my website is using?
    Thanks

  9. Samuel says

    Hi,

    I’m looking for a pop up box that imitates the one on the gucci website as it is a square, do you know of any?

  10. kulbir singh kang says

    hi me kulbir singh

    something problem in my website ,,,,,when i open to this ,,it is automatically redirect on another multi pal site ,,,,when i open second time it is working properly

    and if when i clear cache cookies of browser (problem in all browser) ,then i go to ,,,same problem display on system

    please visit on my website ,,,and please tell me ,,,, what is solution of this problem

    is this problem of cookies or not ,,,,

  11. Maninder Pal Singh says

    Thank you wpbeginner. I was looking for something exactly like this. Light weight plugin with a simple notification for the cookie policy.
    Thanks.

  12. Eva B says

    It has a glitch. The link to the policy page goes to an error page. I double-checked my spelling and looked on their support forum. There I saw that others left the same request for a fix. No response from developer. This plugin still works for me, but without the link.

    • WPBeginner Support says

      @Eva thank you for notifying us, we have tried to contact plugin author as well. It seems like the plugin author didn’t mean to add this functionality. Currently the plugin is only good for adding a simple notification without a link, which satisfies the requirement for the cookie law in most EU countries. However, there should be a link so that users can read privacy policy.

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.