wpasist

Contáctanos

Aprender WordPress

Integrar el banner de cookies de Complianz en WordPress

Tabla de contenidos

El banner de cookies de Complianz en WordPress es una herramienta fundamental para cumplir con las normativas de privacidad, como el RGPD. Sin embargo, puede que desees ofrecer a los usuarios una forma adicional de revisar sus preferencias de privacidad mediante un enlace o un botón personalizado. En este artículo, veremos distintas formas de lograrlo.

1. Implementación de un enlace con código personalizado para banner de cookies de Complianz en WordPress

Paso 1: Definir una función personalizada para mostrar el banner de cookies de Complianz en WordPress

Puedes añadir un pequeño fragmento de código en el archivo functions.php de tu tema o en un plugin personalizado para crear un enlace que abra el banner de cookies de Complianz en WordPress. Esta función escuchará los eventos de clic y mostrará el banner al usuario.

/* Complianz - Clase para Enlace del Banner de Cookies
* Muestra el banner cuando se hace clic en un elemento HTML con la clase 'cmplz-show-banner'
*/
function cmplz_show_banner_on_click() {
?>
<script>
function addEvent(event, selector, callback, context) {
document.addEventListener(event, e => {
if ( e.target.closest(selector) ) {
callback(e);
}
});
}
addEvent('click', '.cmplz-show-banner', function(){
document.querySelectorAll('.cmplz-manage-consent').forEach(obj => {
obj.click();
});
});
</script>
<?php
}
add_action( 'wp_footer', 'cmplz_show_banner_on_click' );

Paso 2: Crear un enlace en WordPress

Agrega el siguiente enlace HTML en cualquier parte de tu sitio web para mostrar el banner de cookies de Complianz en WordPress

<a class="cmplz-show-banner" href="#">CAMBIAR PREFERENCIAS DE PRIVACIDAD</a>

Personalización del estilo del enlace

Puedes personalizar el estilo del enlace con un poco de CSS, según las necesidades de diseño de tu sitio web:

.cmplz-show-banner {
color: #0073aa;
text-decoration: none;
font-weight: bold;
}.cmplz-show-banner:hover {
color: #005177;
}

2. Crear un botón usando el editor de bloques (Gutenberg)

Si prefieres no tocar el código y utilizas el Editor de Bloques de WordPress (Gutenberg), también puedes crear un botón personalizado utilizando clases CSS.

Paso 1: Crear un botón en el editor de bloques

  1. Añadir un bloque de botón: En el editor de bloques de WordPress, agrega un bloque de botón a la página donde quieras mostrar el enlace.
  2. Asignar la clase CSS personalizada: En la configuración del bloque de botón, añade la clase cmplz-show-banner en el campo de «Clases CSS adicionales».

Paso 2: Estilizar el botón

Puedes aplicar estilos al botón utilizando el siguiente CSS en tu tema o en el Personalizador de WordPress:

.cmplz-show-banner {
background-color: #0073aa;
color: white;
padding: 10px 15px;
border-radius: 5px;
text-decoration: none;
}.cmplz-show-banner:hover {
background-color: #005177;
}

3. Añadir un enlace en el menú de navegación de WordPress

Si quieres que la opción para revisar las preferencias de cookies de Complianz en WordPress sea accesible desde el menú principal de tu sitio web, puedes añadir un enlace personalizado al menú de WordPress.

Paso 1: Crear un enlace personalizado en el menú

  1. Ir a Apariencia > Menús en tu panel de administración de WordPress.
  2. Añadir un enlace personalizado: Introduce # como URL y «CAMBIAR PREFERENCIAS DE PRIVACIDAD» como etiqueta del enlace.
  3. Asignar la clase CSS: Abre las opciones avanzadas de los enlaces del menú y añade la clase cmplz-show-banner en el campo de «Clases CSS».

Paso 2: Personalizar el enlace del menú

Aplica el siguiente CSS si deseas personalizar el estilo del enlace en el menú:

.menu .cmplz-show-banner {
color: #0073aa;
font-weight: bold;
}.menu .cmplz-show-banner:hover {
color: #005177;
}

4. Implementar el banner usando un widget de HTML personalizado

Si prefieres agregar el banner de cookies de Complianz en WordPress en un área de widgets, puedes hacerlo utilizando un widget de HTML personalizado.

Paso 1: Añadir un widget HTML

  1. Ve a Apariencia > Widgets y añade un widget HTML personalizado en el área de widgets que prefieras (por ejemplo, en el pie de página).
  2. Añade el siguiente código HTML dentro del widget:
<a class="cmplz-show-banner" href="#">CAMBIAR PREFERENCIAS DE PRIVACIDAD</a>

Paso 2: Personalizar el widget

Si deseas personalizar el estilo del enlace del banner de cookies de Complianz en WordPressdentro del widget, puedes utilizar el siguiente CSS:

.widget .cmplz-show-banner {
color: #0073aa;
text-decoration: none;
}.widget .cmplz-show-banner:hover {
color: #005177;
}

Ventajas de implementar un enlace para mostrar el banner de cookies de Complianz en WordPress

Ofrecer un enlace en lugar de la pestaña predeterminada para mostrar banner de cookies de Complianz en WordPress tiene varias ventajas, como una mejor integración con el diseño de tu sitio y una experiencia más amigable para los usuarios.

5. Añadir el banner de Cookies de Complianz usando un plugin de personalización

Si prefieres una solución más sencilla y sin tocar el código, puedes usar un plugin de personalización que permita agregar enlaces o botones en diferentes áreas de tu sitio de WordPress. Plugins como Elementor, Beaver Builder o incluso el propio Complianz (en su versión premium) te ofrecen opciones para crear botones personalizados o insertar enlaces en cualquier lugar de tu sitio web.

Paso 1: Usar el plugin Elementor para Crear un Botón de Revisión de Cookies

  1. Instala y activa Elementor (o el constructor visual de tu preferencia).
  2. Crea un nuevo botón: Dentro de Elementor, arrastra un widget de botón a la ubicación donde deseas colocar la opción para revisar las preferencias de cookies.
  3. Personaliza el botón: En el campo de enlace, usa # y en la configuración avanzada de CSS añade la clase personalizada cmplz-show-banner.
  4. Estiliza el botón: Puedes personalizar el estilo y el color del botón para que se integre con el diseño de tu sitio.

Alternativas con Otros Plugins

  • Beaver Builder: Sigue un proceso similar al de Elementor para arrastrar un módulo de botón y asignar la clase CSS cmplz-show-banner.
  • Shortcode Generator en Complianz: Si usas Complianz Premium, puedes explorar opciones adicionales como la generación de shortcodes o widgets.

Esta opción es ideal si no quieres lidiar con el código y deseas una solución visual para insertar el banner de cookies de Complianz en cualquier parte de tu sitio WordPress.

6. Plugins disponibles en WordPress: Complianz – GDPR/CCPA Cookie Consent y Complianz – Terms and Conditions

WordPress ofrece una variedad de plugins para ayudarte a cumplir con las normativas de privacidad, siendo Complianz – GDPR/CCPA Cookie Consent y Complianz – Terms and Conditions dos de las opciones más completas. Ambos plugins facilitan la gestión de la conformidad con el RGPD y otras normativas, además de proporcionar soluciones para la gestión de consentimientos y términos y condiciones.

Complianz – GDPR/CCPA Cookie Consent

Este plugin es una solución integral para mostrar el banner de cookies de Complianz en WordPress y gestionar el consentimiento de cookies. Te permite configurar un banner de cookies personalizable, bloquear scripts antes del consentimiento y gestionar automáticamente las políticas de privacidad y cookies según las normativas (RGPD, CCPA, PIPEDA, etc.).

Método de Instalación:

  1. Ir a tu panel de administración de WordPress y dirigirte a Plugins > Añadir nuevo.
  2. Buscar ‘Complianz – GDPR/CCPA Cookie Consent’ en la barra de búsqueda.
  3. Instalar y activar el plugin.
  4. Configurar el asistente de Complianz para ajustar el banner de cookies según tus necesidades y la legislación aplicable.

Complianz – Terms and Conditions

Este plugin es ideal para crear y gestionar los términos y condiciones de tu sitio web, ayudándote a cumplir con las normativas legales. Complianz – Terms and Conditions te proporciona plantillas de términos y condiciones personalizables y te guía para adaptarlas según tu negocio y la región.

Método de Instalación:

  1. Ve a Plugins > Añadir nuevo en tu panel de WordPress.
  2. Escribe ‘Complianz – Terms and Conditions’ en la barra de búsqueda.
  3. Haz clic en ‘Instalar’ y luego en ‘Activar’.
  4. Sigue el asistente de configuración para generar y personalizar los términos y condiciones.

Estos dos plugins de Complianz son esenciales para cumplir con las normativas de privacidad y establecer una base legal sólida en tu sitio web.

Conclusión

Mostrar el banner de cookies de Complianz en WordPress desde un enlace personalizado o un botón proporciona una opción discreta y eficiente para que los usuarios revisen sus preferencias de privacidad. Ya sea que prefieras utilizar un código personalizado, el editor de bloques de WordPress o añadir un enlace al menú de navegación, tienes varias formas de implementar esta funcionalidad.

Si necesitas asistencia para implementar estas soluciones o mejorar la configuración de tu sitio web, contáctanos en WPasist. Ofrecemos soporte especializado en WordPress, diseño web profesional, optimización de SEO técnico y servicios avanzados de SEO en WordPress para ayudarte a maximizar el rendimiento y la conformidad de tu sitio web.

Compartir:
¿Estás tratando de solucionar algo solo?
¡Pide tu primera asesoría gratuita!

También te puede interesar

Close
  • v Tu Privacidad no se negocia en WPasist

En WPasist, priorizamos la seguridad y privacidad de los datos de nuestros clientes mediante sistemas de protección avanzados. Cada proyecto es gestionado por un ejecutivo especializado, evitando conflictos de interés entre clientes de sectores similares y garantizando la confidencialidad.

Estamos comprometidos con la privacidad como un pilar esencial para nuestro éxito, operando bajo un estricto Código de Ética SEO y en entornos aislados y seguros. Nuestro objetivo es proteger la información de los clientes mientras brindamos un servicio de calidad sin comprometer la privacidad.

Servicios
Desafíos Empresariales

Gestionar mi web eficientemente

Posicionar mi sitio web mejor en Google

Aumentar las conversiones en mi sitio web

Optimizar la velocidad de mi sitio web

Nuestro blog
Ver más