¿Quieres saber cómo los visitantes revisan y gestionan sus opciones de cookies en tu sitio? El panel de preferencias es una superposición de pantalla completa donde los visitantes exploran las categorías de cookies, leen los detalles de las cookies y activan/desactivan el consentimiento para cada una. Este artículo explica qué es el panel de preferencias de WPConsent, cómo funciona y cómo puedes personalizarlo.
Tabla de contenidos
- ¿Qué es el panel de preferencias?
- Por qué es importante
- Cómo funciona el panel
- Conceptos clave
- Personalizar el 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 superposición de pantalla completa que se abre cuando un visitante hace clic en el botón Preferencias del banner de consentimiento. Enumera cada categoría de cookies de tu sitio, cada una con un interruptor y un acordeón expandible. Dentro de cada acordeón, los visitantes ven la descripción de la categoría, los servicios asociados y una tabla de cookies que muestra columnas de nombre, descripción y duración.
En la parte inferior del panel aparecen 3 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 ePrivacy exigen que los sitios web ofrezcan a los visitantes un control granular 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 con tu audiencia. También mantiene tu sitio conforme 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 a abajo.
Encabezado
La cabecera muestra el título del panel y un botón de cierre. Si has subido un logotipo en la pestaña Contenido de WPConsent >> Diseño del banner, el logotipo aparece en la cabecera junto al botón de cierre.
Descripción
Un breve párrafo debajo de la cabecera presenta el panel a los visitantes. El texto predeterminado dice:
Gestiona tus preferencias de cookies a continuación:
Puedes cambiar este texto en la configuración del administrador (ver Personalizar el texto del panel más abajo).
Acordeón de categorías de cookies
Cada categoría de cookies aparece como un elemento de acordeón colapsable. La cabecera del acordeón muestra el nombre de la categoría y un interruptor. 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 interruptor está marcado y desactivado. Los visitantes no pueden desactivar las cookies esenciales.
Solo 1 acordeón de categoría permanece abierto a la vez. Al hacer clic en una nueva categoría, se cierra la anterior.
Botones de acción
3 botones aparecen en la parte inferior del panel:
| Botón | Etiqueta predeterminada | Comportamiento |
|---|---|---|
| Aceptar Todo | Aceptar Todo | Habilita todas las categorías de cookies y guarda las preferencias. |
| Cerrar | Cerrar | Cierra el panel sin guardar los cambios. |
| Guardar y cerrar | Guardar y cerrar | Guarda los estados actuales de los interruptores y cierra el panel. |
Sección de política de cookies
Si ha seleccionado una página de política de cookies en WPConsent >> Ajustes >> 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á configurado) a su página de política de privacidad de WordPress.
El texto predeterminado utiliza los marcadores de posición {cookie_policy} y {privacy_policy}, que se resuelven automáticamente en enlaces. Para obtener detalles sobre los marcadores de posición, consulte el artículo sobre personalización del contenido y el texto del banner.
Guardar preferencias
Cuando un visitante hace clic en Guardar y cerrar, WPConsent guarda sus selecciones de alternancia en una cookie para que el sitio recuerde sus preferencias en visitas futuras.
Si el visitante cambia sus preferencias después de haber guardado previamente, WPConsent borra las cookies existentes y recarga la página para que las nuevas preferencias surtan efecto de inmediato.
Cuando un visitante vuelve a abrir el panel más tarde, WPConsent lee la cookie wpconsent_preferences y establece todas las alternancias para que coincidan con el estado guardado.
Accesibilidad
El panel de preferencias sigue las mejores prácticas de accesibilidad:
- El panel tiene los atributos
role="dialog"yaria-modal="true". - Una trampa de foco mantiene el foco del teclado dentro del panel mientras está abierto.
- Presionar Escape cierra el panel.
- El título del panel recibe el foco cuando se abre, proporcionando contexto inmediato a los lectores de pantalla.
- Todos los botones de alternancia de acordeón utilizan
aria-expandedpara indicar su estado abierto o cerrado. - Los elementos interactivos incluyen atributos
aria-labeldescriptivos para los usuarios de lectores de pantalla.
Conceptos clave
Alternancias a nivel de categoría
Por defecto, los visitantes controlan el consentimiento a nivel de categoría. Cada categoría no esencial (como Estadísticas o Marketing) tiene una alternancia que el visitante puede marcar o desmarcar. La alternancia de la categoría Esencial está siempre activada y desactivada.
Cuando un visitante regresa al panel después de haber guardado preferencias previamente, las alternancias reflejan el estado guardado de la cookie wpconsent_preferences.
Alternancias a nivel de servicio
Si habilita Alternar Servicios en WPConsent >> Ajustes, cada servicio dentro de una categoría obtiene su propio acordeón y alternancia anidados.
Con las alternancias a nivel de servicio habilitadas:
- Cada servicio aparece como un acordeón anidado dentro de su categoría principal.
- Los servicios tienen su propia alternancia, por lo que un visitante puede aceptar un servicio de análisis y rechazar otro.
- Alternar una categoría activada o desactivada también marca o desmarca todas las alternancias de servicio dentro de esa categoría.
- Si un visitante desmarca todas las alternancias de servicio en una categoría, la alternancia de la categoría principal se desmarca automáticamente.
- Si un visitante marca alguna alternancia de servicio, la alternancia de la categoría principal se marca automáticamente.
Los servicios en la categoría Esencial se muestran marcados y desactivados, coincidiendo con el comportamiento de la categoría.
Cuando los interruptores de nivel de servicio están deshabilitados, los servicios aún aparecen como acordeones anidados que muestran su descripción y cookies, pero sin interruptores individuales. El consentimiento se controla completamente 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 acordeón de categoría o servicio, una tabla de cookies enumera cada cookie asociada con ese grupo. La tabla tiene 3 columnas:
| Columna | Encabezado predeterminado | Descripción |
|---|---|---|
| Nombre | Nombre | El nombre de la cookie. |
| Descripción | Descripción | Lo que hace la cookie. |
| Duración | Duración | Cuánto tiempo persiste la cookie. Muestra un guion si no se establece una duración. |
Puede cambiar el texto del encabezado de la columna en el acordeón Encabezados de la tabla de cookies en la pestaña Contenido de WPConsent >> Diseño del banner. Para obtener detalles, consulte el artículo sobre personalización del contenido y el texto del banner.
Si un servicio tiene una URL configurada, el panel muestra un enlace etiquetado con el texto Etiqueta de URL del servicio (predeterminado: URL del servicio) seguido del nombre de dominio de la URL. El enlace se abre en una nueva pestaña.
Personalizar el texto del panel
Todas las cadenas de texto en el panel de preferencias son editables en el administrador de WordPress. Navegue a WPConsent >> Diseño del banner y haga clic en la pestaña Contenido. Luego, desplácese hacia abajo hasta la sección Configuración del panel de preferencias y expanda el acordeón Panel de preferencias.
Los siguientes campos están disponibles:
| Campo | Valor predeterminado | Lo que controla |
|---|---|---|
| Título del panel de preferencias | Preferencias de cookies | El encabezado en la parte superior del panel. |
| Descripción del panel de preferencias | Gestiona tus preferencias de cookies a continuación: | El párrafo introductorio debajo del título. |
| Título de la política de cookies | Pol ilde;tica de Cookies | El encabezado del elemento acordeón de la política de cookies. |
| Texto de la política de cookies | Puedes encontrar más información en nuestra {cookie_policy} y {privacy_policy}. | El texto dentro del acordeón de la política de cookies. Admite los marcadores de posición {cookie_policy} y {privacy_policy}. |
| Texto del botón Guardar preferencias | Guardar y cerrar | La etiqueta del botón de guardar en la parte inferior del panel. |
| Texto del botón Cerrar | Cerrar | La etiqueta del botón de cerrar en la parte inferior del panel. |
| Etiqueta de URL del servicio | URL del servicio | La etiqueta que se muestra antes de la URL de un servicio en la tabla de cookies. |
Después de realizar los cambios, haga clic en Guardar. Las actualizaciones de texto surten efecto inmediatamente en el frontend.
Abrir el panel de preferencias
Hay 3 formas para que los visitantes abran el panel de preferencias después de haber descartado el banner de consentimiento.
Uso del botón flotante de consentimiento
El botón flotante de consentimiento es un icono pequeño que aparece en la esquina de cada página después de que un visitante guarda su consentimiento. Hacer clic en él abre el panel de preferencias. Para habilitar este botón, active el interruptor 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 configuración general. Para las opciones de iconos, consulte el artículo sobre estilo del banner.
Uso del shortcode
Coloca el shortcode en cualquier lugar de tu contenido para añadir un botón de preferencias. El shortcode renderiza un
El botón recibe automáticamente la clase CSS wpconsent-open-preferences, que activa la apertura del panel.
Uso de una clase CSS en cualquier elemento
Agregue la clase CSS wpconsent-open-preferences a cualquier enlace, botón o elemento interactivo de su página. WPConsent escucha los clics en elementos con esta clase y abre el panel de preferencias automáticamente.
Por ejemplo, puede agregar un enlace en el pie de página de su sitio:
<a href="#" class="wpconsent-open-preferences">Cookie Settings</a>O agregue un botón en un widget:
<button class="wpconsent-open-preferences">Manage Cookies</button>Esto funciona en cualquier elemento en cualquier lugar de la página. WPConsent evita la acción predeterminada (por lo que los enlaces href="#" no se desplazan a la parte superior) y abre el panel de preferencias.
Mejores prácticas
- Mantenga claras las descripciones de sus categorías. Escriba descripciones cortas y en lenguaje sencillo para que los visitantes comprendan qué hace cada categoría.
- Habilite los interruptores a nivel de servicio para mayor transparencia. Si su sitio utiliza varios servicios por categoría, activar los interruptores a nivel de servicio brinda a los visitantes un control más detallado 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 fortalece su postura de cumplimiento.
- Personalice las etiquetas de los botones para su audiencia. Adapte el lenguaje y el tono de su sitio. Si su audiencia espera un lenguaje formal, ajústelo en consecuencia.
- Pruebe el panel en dispositivos móviles. El panel de preferencias es una superposición de pantalla completa, así que verifique que se vea y funcione bien en pantallas más pequeñas.
Preguntas frecuentes
¿Puedo cambiar el texto en el panel de preferencias?
Sí. Navegue a WPConsent >> Diseño del banner >> Contenido y expanda el acordeón Panel de preferencias. Todos los campos de texto son editables allí.
¿Cómo permito que los visitantes reabran el panel de preferencias?
Hay 3 opciones: habilitar el botón flotante de consentimiento en WPConsent >> Ajustes, usar el shortcode , o añadir la clase CSS wpconsent-open-preferences a cualquier elemento HTML.
¿Por qué no veo una categoría de cookies en particular en el panel?
WPConsent oculta las categorías que no tienen cookies ni servicios. Para hacer visible una categoría, agregue al menos 1 cookie o servicio. La categoría Esencial es la excepción y siempre aparece.
¿Pueden los visitantes deshabilitar las cookies esenciales?
No. El interruptor de la categoría Esencial siempre está marcado y deshabilitado. Los visitantes no pueden desactivar las cookies esenciales porque su sitio las necesita para funcionar.
¿Qué sucede cuando un visitante cambia sus preferencias?
WPConsent elimina las cookies existentes que ya no tienen consentimiento y recarga la página. Las nuevas preferencias entran en vigor de inmediato.
¿Cómo activo los interruptores a nivel de servicio?
Activa el ajuste Activar servicios en WPConsent >> Ajustes. Cada servicio tendrá entonces su propio interruptor dentro del acordeón de su categoría principal.
Conclusión
El panel de preferencias otorga a tus visitantes control total sobre sus opciones de consentimiento de cookies. Muestra categorías de cookies, servicios y cookies individuales en un diseño de acordeón organizado con interruptores y botones de 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 reabran el panel en cualquier momento.
Para saber cómo personalizar el texto y los marcadores de posición utilizados en todo el banner y el panel de preferencias, lee el artículo sobre personalización del contenido y el texto del banner.