¿Quieres ofrecer a los visitantes una forma sencilla de actualizar sus preferencias de cookies después de cerrar el banner? WPConsent incluye un botón de consentimiento flotante que permanece visible en todas las páginas, lo que permite a los visitantes volver a abrir el panel de preferencias en cualquier momento. Esta guía te explica cómo habilitar y personalizar el botón de consentimiento flotante.
Índice
- Requisitos previos
- Habilitar el botón de consentimiento flotante
- Elegir un icono para el botón
- Comprender los colores de los botones
- Guardar los cambios
- Verificación de la configuración
- Preguntas frecuentes
- Conclusión
Requisitos previos
Antes de comenzar, asegúrese de que se cumplan los siguientes requisitos:
- WPConsent está instalado y activado en tu sitio de WordPress.
- Tienes acceso de administrador al panel de control de WordPress.
- La opción «Consent Banner» (Banner de consentimiento) está habilitada en la página «Settings» (Configuración).
Habilitar el botón de consentimiento flotante
Para empezar, vaya a WPConsent >> Configuración. Desplácese hacia abajo hasta la fila del botón Configuración y active el interruptor. La descripción dice: «Mostrar un botón flotante para gestionar el consentimiento después de que se cierre el banner».
A continuación, haga clic en Guardar cambios para aplicar la configuración.
Elegir un icono para el botón
Una vez que habilite el botón de configuración, aparecerá un selector de iconos en la pestaña Estilo de la página Diseño del banner.
En primer lugar, vaya a WPConsent >> Diseño de banner y haga clic en la pestaña Estilo. A continuación, desplácese hasta la parte inferior de la página para encontrar la sección Diseño del botón de configuración flotante.
Verás una cuadrícula con opciones de iconos. Selecciona el que quieras usar:
| Icono | Descripción |
|---|---|
| Tu imagen | Sube una imagen personalizada desde tu biblioteca multimedia. |
| Preferencias | Un icono de controles deslizantes. Este es el valor predeterminado. |
| Configuración | Un icono de engranaje. |
| Cookie | Un icono de galleta. |
| Desactivar cookies | Un icono de cookie con una barra diagonal. |
| Bloquear | Un icono de candado. |
| Escudo | Un icono de escudo. |
| Política | Un icono de documento/política. |
| Lista | Un icono de lista. |
| Llave inglesa | Un icono de llave inglesa/herramienta. |
| Sintonizar | Un icono de ajustes/sintonización. |
| Lápiz | Un icono de lápiz/edición. |
Para cargar una imagen personalizada, haz clic en la opción Tu imagen. Aparecerá un botón para cargar archivos multimedia. Haz clic en él, selecciona o carga una imagen y confirma tu elección. Las imágenes personalizadas se muestran en un tamaño de 24 x 24 píxeles.
Comprender los colores de los botones
El botón flotante utiliza automáticamente el mismo color de fondo y color de texto que tu banner. Puedes configurar estos colores en la parte superior de la pestaña Estilo, bajo el encabezado Banner. Cuando cambias los colores del banner, los colores del botón flotante se actualizan para que coincidan.
Para obtener más información sobre cómo configurar los colores de los banners, consulte la guía sobre cómo personalizar los estilos de los banners.
Guardar los cambios
Después de elegir el icono, haz clic en Guardar en la esquina superior derecha de la página Diseño del banner. Esto aplica tanto la selección del icono como cualquier cambio de color.
Cómo interactúan los visitantes con el botón
El botón de consentimiento flotante solo aparece después de que un visitante interactúa con el banner. Esta es la secuencia típica:
- Un nuevo visitante llega a tu sitio web y ve el banner de consentimiento.
- El visitante hace clic en Aceptar, Rechazar o guarda las preferencias a través del panel de preferencias.
- El banner desaparece y el botón de consentimiento flotante aparece gradualmente en la esquina inferior izquierda de la página.
- En futuras visitas, el banner permanece oculto porque las preferencias ya están guardadas. El botón flotante aparece inmediatamente para que el visitante pueda cambiar sus opciones.
- Al hacer clic en el botón flotante se abre el panel de preferencias. El visitante ajusta las categorías y vuelve a guardar.
Consejo: También puede permitir que los visitantes abran el panel de preferencias desde cualquier enlace o botón de su sitio web. Añada la clase CSS
wpconsent-open-preferencesa cualquier elemento HTML, y se convierte en un activador del panel de preferencias.
Verificación de la configuración
Siga estos pasos para confirmar que el botón flotante funciona correctamente:
- Activa el botón de configuración y guarda los cambios.
- Abre tu sitio web en una ventana de navegación privada o de incógnito.
- Acepta o rechaza las cookies en el banner de consentimiento.
- Confirma que el botón flotante aparece en la esquina inferior izquierda después de que se haya cerrado el banner.
- Haga clic en el botón flotante y compruebe que se abre el panel de preferencias.
- Cierre el navegador, vuelva a abrirlo y visite su sitio web de nuevo. El botón flotante aparecerá inmediatamente sin que se muestre el banner.
El botón flotante no aparece.
Asegúrate de que tanto la opción «Banner de consentimiento » como la opción «Botón de configuración » estén activadas en la página «Configuración ». El botón flotante solo aparece después de que el visitante haya dado su consentimiento, por lo que primero debes aceptar o rechazar las cookies.
Los colores de los botones no coinciden con mi marca.
El botón flotante hereda el color de fondo y el color del texto del banner. Vaya a WPConsent >> Diseño del banner >> Estilo y ajuste esos dos selectores de color. La vista previa del botón flotante en la cuadrícula de iconos refleja los colores actuales.
El selector de iconos no es visible en la pestaña Estilo.
El selector de iconos solo aparece cuando el botón de configuración está activado. Vaya a WPConsent >> Configuración, active el botón y guarde los cambios. A continuación, vuelva a la pestaña Estilo.
Preguntas frecuentes
¿Puedo usar mi propia imagen como icono del botón flotante?
Sí. Selecciona la opción Tu imagen en la cuadrícula del selector de iconos y sube cualquier imagen de tu biblioteca multimedia. Las imágenes personalizadas se muestran en un tamaño de 24 por 24 píxeles.
¿Puedo cambiar la posición del botón flotante?
El botón flotante aparece en la esquina inferior izquierda de la página de forma predeterminada. No hay ninguna configuración integrada para cambiar su posición, pero puedes moverlo con CSS personalizado. Para obtener más información sobre cómo añadir estilos personalizados, consulta nuestra guía sobre cómo personalizar el banner de WPConsent con CSS.
¿Cómo puedo hacer para que los visitantes puedan abrir las preferencias desde un enlace normal en lugar del botón flotante?
Añadir la clase CSS wpconsent-open-preferences a cualquier elemento HTML de tu sitio. Al hacer clic en ese elemento se abre el panel de preferencias, igual que con el botón flotante.
Conclusión
El botón de consentimiento flotante ofrece a tus visitantes una forma persistente y fácil de encontrar para gestionar sus preferencias de cookies. Después de habilitar el interruptor en la página de configuración y elegir un icono en la pestaña Estilo, el botón aparece automáticamente en tu interfaz.
Para aprender a personalizar los colores y el aspecto general de tu banner (que también controla el botón flotante), lee la guía sobre cómo diseñar tu banner de consentimiento.