¿Quieres saber cómo los visitantes revisan y gestionan sus opciones de cookies en tu sitio web? El panel de preferencias es una ventana emergente a pantalla completa en la que los visitantes pueden explorar las categorías de cookies, leer los detalles de las mismas y activar o desactivar el consentimiento para cada una de ellas. En este artículo se explica qué es el panel de preferencias de WPConsent, cómo funciona y cómo se puede personalizar.
Índice
- ¿Qué es el panel de preferencias?
- Por qué es importante
- Cómo funciona el panel
- Conceptos clave
- Personalización del texto del panel
- Abrir el panel de preferencias
- Mejores prácticas
- Preguntas frecuentes
- Conclusión
¿Qué es el panel de preferencias?
El panel de preferencias es una ventana emergente a pantalla completa que se abre cuando un visitante hace clic en el botón Preferencias del banner de consentimiento. En él se enumeran todas las categorías de cookies de su sitio web, cada una con un botón de activación/desactivación y un acordeón expandible. Dentro de cada acordeón, los visitantes pueden ver la descripción de la categoría, los servicios asociados y una tabla de cookies con columnas que muestran el nombre, la descripción y la duración.
En la parte inferior del panel aparecen tres botones de acción: Aceptar todo, Cerrar y Guardar y cerrar. Los visitantes los utilizan para confirmar o descartar sus elecciones.
Por qué es importante
Las normativas de privacidad como el RGPD y la Directiva sobre privacidad electrónica exigen que los sitios web ofrezcan a los visitantes un control detallado sobre el consentimiento de las cookies. Un botón genérico de «aceptar todo» no es suficiente. El panel de preferencias permite a los visitantes tomar decisiones informadas, a nivel de categoría (o incluso a nivel de servicio), sobre qué cookies permiten.
Esta transparencia genera confianza entre tu público. Además, garantiza que tu sitio web cumpla con la normativa al documentar que los visitantes tuvieron una opción real.
Cómo funciona el panel
El panel de preferencias tiene 4 secciones principales de arriba abajo.
Encabezado
El encabezado muestra el título del panel y un botón para cerrarlo. Si ha subido un logotipo en la pestaña Contenido de WPConsent >> Diseño del banner, el logotipo aparecerá en el encabezado junto al botón para cerrarlo.
Descripción
Un breve párrafo debajo del encabezado presenta el panel a los visitantes. El texto predeterminado dice:
Gestione sus preferencias de cookies a continuación:
Puede cambiar este texto en la configuración de administración (consulte Personalización del texto del panel más abajo).
Categorías de cookies acordeón
Cada categoría de cookies aparece como un elemento plegable en forma de acordeón. El encabezado del acordeón muestra el nombre de la categoría y un botón de alternancia. El cuerpo del acordeón contiene la descripción de la categoría, los servicios opcionales y una tabla de cookies.
Las categorías sin cookies ni servicios se ocultan automáticamente del panel. La categoría «Esencial» siempre aparece, y su casilla está marcada y desactivada. Los visitantes no pueden desactivar las cookies esenciales.
Solo permanece abierta una categoría del acordeón a la vez. Al hacer clic en una nueva categoría, se cierra la que estaba abierta anteriormente.
Botones de acción
En la parte inferior del panel aparecen 3 botones:
| Botón | Etiqueta predeterminada | Comportamiento |
|---|---|---|
| Aceptar todo | Accept All | Habilita todas las categorías de cookies y guarda las preferencias. |
| Cerrar | Close | Cierra el panel sin guardar los cambios. |
| Guardar y cerrar | Save and Close | Guarda los estados actuales de alternancia y cierra el panel. |
Sección sobre la política de cookies
Si ha seleccionado una página de política de cookies en WPConsent >> Configuración >> Política de cookies, el panel de preferencias muestra un acordeón de Política de cookies en la parte inferior de la lista de categorías. Este acordeón contiene texto con enlaces a su página de política de cookies y (si está configurada) a su página de política de privacidad de WordPress.
El texto predeterminado utiliza el {cookie_policy} y {privacy_policy} marcadores de posición, que se resuelven automáticamente en enlaces. Para obtener más información sobre los marcadores de posición, consulte el artículo sobre Personalizar el contenido y el texto del banner..
Guardar preferencias
Cuando un visitante hace clic en Guardar y cerrar, WPConsent guarda sus opciones de alternancia en una cookie para que el sitio recuerde sus preferencias en futuras visitas.
Si el visitante cambia sus preferencias después de haberlas guardado previamente, WPConsent borra las cookies existentes y vuelve a cargar la página para que las nuevas preferencias surtan efecto inmediatamente.
Cuando un visitante vuelve a abrir el panel más tarde, WPConsent lee el wpconsent_preferences cookie y establece todos los conmutadores para que coincidan con el estado guardado.
Accesibilidad
El panel de preferencias sigue las mejores prácticas de accesibilidad:
- El panel tiene
role="dialog"yaria-modal="true"atributos. - Una trampa de enfoque mantiene el enfoque del teclado dentro del panel mientras está abierto.
- Al pulsar Escape se cierra el panel.
- El título del panel recibe atención cuando se abre el panel, lo que proporciona a los lectores de pantalla un contexto inmediato.
- Todos los botones de alternancia de acordeón utilizan
aria-expandedpara indicar su estado abierto o cerrado. - Los elementos interactivos incluyen descriptivos
aria-labelatributos para usuarios de lectores de pantalla.
Conceptos clave
Alternar a nivel de categoría
De forma predeterminada, los visitantes controlan el consentimiento a nivel de categoría. Cada categoría no esencial (como Estadísticas o Marketing) tiene un botón que el visitante puede marcar o desmarcar. El botón de la categoría Esencial siempre está activado y deshabilitado.
Cuando un visitante vuelve al panel después de haber guardado previamente sus preferencias, los botones reflejan el estado guardado desde el wpconsent_preferences cookie.
Alternar nivel de servicio
Si habilitas Alternar servicios en WPConsent >> Configuración, cada servicio dentro de una categoría obtiene su propio acordeón anidado y alternador.
Con los interruptores de nivel de servicio habilitados:
- Cada servicio aparece como un acordeón anidado dentro de su categoría principal.
- Los servicios tienen su propio interruptor, por lo que un visitante puede aceptar un servicio de análisis, pero rechazar otro.
- Al activar o desactivar una categoría, también se activan o desactivan todos los servicios dentro de esa categoría.
- Si un visitante desmarca todas las opciones de servicio de una categoría, la opción de la categoría principal se desmarca automáticamente.
- Si un visitante marca cualquier opción de servicio, la opción de categoría principal se marca automáticamente.
Los servicios de la categoría «Esencial» aparecen marcados y desactivados, lo que coincide con el comportamiento de la categoría.
Cuando los botones de nivel de servicio están desactivados, los servicios siguen apareciendo como acordeones anidados que muestran su descripción y cookies, pero sin botones individuales. El consentimiento se controla íntegramente a nivel de categoría.
Para obtener más información sobre la gestión de servicios, consulte el artículo sobre gestión de servicios.
Tablas de cookies
Dentro de cada categoría o acordeón de servicios, una tabla de cookies enumera todas las cookies asociadas a ese grupo. La tabla tiene 3 columnas:
| Columna | Encabezado predeterminado | Descripción |
|---|---|---|
| Nombre | Name | El nombre de la cookie. |
| Descripción | Description | Qué hace la cookie. |
| Duración | Duration | Cuánto tiempo persiste la cookie. Muestra un guion si no se ha establecido ninguna duración. |
Puede cambiar el texto del encabezado de columna en el acordeón Encabezados de la tabla de cookies en la pestaña Contenido de WPConsent >> Diseño del banner. Para obtener más información, consulte el artículo sobre cómo personalizar el contenido y el texto del banner.
Si un servicio tiene una URL configurada, el panel muestra un enlace etiquetado con el Etiqueta de la URL del servicio texto (predeterminado: Service URL) seguido del nombre de dominio de la URL. El enlace se abre en una nueva pestaña.
Personalización del texto del panel
Todas las cadenas de texto del panel de preferencias se pueden editar en el administrador de WordPress. Vaya a WPConsent >> Diseño del banner y haga clic en la pestaña Contenido. A continuación, desplácese hacia abajo hasta la sección Configuración del panel de preferencias y expanda el acordeón del panel de preferencias.
Los siguientes campos están disponibles:
| Campo | Valor predeterminado | Lo que controla |
|---|---|---|
| Título del panel Preferencias | Cookie Preferences | El encabezado en la parte superior del panel. |
| Descripción del panel Preferencias | Manage your cookie preferences below: | El párrafo introductorio debajo del título. |
| Política de cookies Título | Cookie Policy | El encabezado del elemento acordeón de la política de cookies. |
| Texto de la política de cookies | You can find more information in our {cookie_policy} and {privacy_policy}. | El texto dentro del acordeón de la política de cookies. Compatible con {cookie_policy} y {privacy_policy} marcadores de posición. |
| Guardar preferencias Texto del botón | Save and Close | La etiqueta del botón Guardar en la parte inferior del panel. |
| Texto del botón Cerrar | Close | La etiqueta del botón Cerrar en la parte inferior del panel. |
| Etiqueta de la URL del servicio | Service URL | La etiqueta que aparece delante de la URL de un servicio en la tabla de cookies. |
Después de realizar los cambios, haz clic en Guardar. Las actualizaciones de texto se aplican inmediatamente en la interfaz.
Abrir el panel de preferencias
Hay tres formas en que los visitantes pueden abrir el panel de preferencias después de haber descartado el banner de consentimiento.
Uso del botón de consentimiento flotante
El botón de consentimiento flotante es un pequeño icono que aparece en la esquina de cada página después de que un visitante guarde su consentimiento. Al hacer clic en él, se abre el panel de preferencias. Para habilitar este botón, activa la opción Mostrar botón de configuración en WPConsent >> Configuración.
Cuando está habilitado, puede personalizar el icono del botón en la pestaña Estilo de WPConsent >> Diseño del banner. Para la configuración del interruptor, consulte el artículo sobre la configuración general. Para las opciones de iconos, consulte el artículo sobre el estilo del banner.
Usando el código corto
Coloque el código corto en cualquier parte de tu contenido para añadir un botón de preferencias. El código corto muestra un Elemento que abre el panel de preferencias al hacer clic sobre él.
El código corto acepta 2 atributos opcionales:
| Atributo | Predeterminado | Descripción |
|---|---|---|
text | Cookie Preferences | El texto de la etiqueta del botón. |
class | (ninguno) | Clases CSS adicionales para añadir al botón. |
He aquí un ejemplo:
El botón recibe automáticamente el wpconsent-open-preferences Clase CSS que activa la apertura del panel.
Usar una clase CSS en cualquier elemento
Añadir la clase CSS wpconsent-open-preferences a cualquier enlace, botón o elemento clicable de tu página. WPConsent detecta los clics en los elementos con esta clase y abre automáticamente el panel de preferencias.
Por ejemplo, puede añadir un enlace en el pie de página de su sitio web:
<a href="#" class="wpconsent-open-preferences">Cookie Settings</a>O añade un botón en un widget:
<button class="wpconsent-open-preferences">Manage Cookies</button>Esto funciona en cualquier elemento de cualquier parte de la página. WPConsent impide la acción predeterminada (por lo que href="#" los enlaces no se desplazan hacia arriba) y abre el panel de preferencias.
Mejores prácticas
- Mantén claras las descripciones de tus categorías. Escribe descripciones breves y en lenguaje sencillo para que los visitantes entiendan qué hace cada categoría.
- Habilita los botones de nivel de servicio para mayor transparencia. Si tu sitio utiliza varios servicios por categoría, activar los botones de nivel de servicio ofrece a los visitantes un control más preciso y genera confianza.
- Establezca siempre una página de política de cookies. Vincular su política de cookies en el panel de preferencias ayuda a los visitantes a encontrar información detallada y refuerza su postura de cumplimiento.
- Personaliza las etiquetas de los botones para tu público. Adapta el lenguaje y el tono a tu sitio web. Si tu público espera un lenguaje formal, ajústalo en consecuencia.
- Prueba el panel en dispositivos móviles. El panel de preferencias es una superposición a pantalla completa, así que comprueba que se vea y funcione bien en pantallas más pequeñas.
Preguntas frecuentes
¿Puedo cambiar el texto en el panel de preferencias?
Sí. Vaya a WPConsent >> Diseño del banner >> Contenido y expanda el panel de preferencias. Todos los campos de texto son editables allí.
¿Cómo puedo permitir que los visitantes vuelvan a abrir el panel de preferencias?
Hay tres opciones: habilitar el botón de consentimiento flotante en WPConsent >> Configuración, utilice el código corto, o añade el wpconsent-open-preferences Clase CSS a cualquier elemento HTML.
¿Por qué no veo una categoría concreta de cookies en el panel?
WPConsent oculta las categorías que no tienen cookies ni servicios. Para que una categoría sea visible, añádele al menos una cookie o un servicio. La categoría «Essential» es la excepción y siempre aparece.
¿Pueden los visitantes desactivar las cookies esenciales?
No. La opción de la categoría «Esenciales» siempre está marcada y desactivada. Los visitantes no pueden desactivar las cookies esenciales porque su sitio web las necesita para funcionar.
¿Qué ocurre cuando un visitante cambia sus preferencias?
WPConsent borra las cookies existentes que ya no cuentan con consentimiento y vuelve a cargar la página. Las nuevas preferencias surten efecto inmediatamente.
¿Cómo habilito los botones de alternancia de nivel de servicio?
Activa la configuración «Alternar servicios » en WPConsent >> Configuración. Cada servicio obtiene entonces su propio interruptor dentro del acordeón de su categoría principal.
Conclusión
El panel de preferencias ofrece a tus visitantes un control total sobre sus opciones de consentimiento de cookies. Muestra las categorías de cookies, los servicios y las cookies individuales en un diseño organizado en forma de acordeón con botones de alternancia y acción claros. Puedes personalizar todo el texto del panel desde la pestaña Contenido de WPConsent >> Diseño del banner y ofrecer múltiples formas para que los visitantes puedan volver a abrir el panel en cualquier momento.
Para aprender a personalizar el texto y los marcadores de posición utilizados en el banner y el panel de preferencias, lea el artículo sobre cómo personalizar el contenido y el texto del banner.