OFERTA DE LANZAMIENTO — LIMITADA Das Nest Lifetime 499 € 149 € Conseguir oferta →
KakapoWP KakapoWP
Centro de ayuda/Consent/Personalizar el banner y la ventana

Personalizar el banner y la ventana

Válido para: Kakapo Consent· 5 min de lectura

La ventana de Consent es lo primero que ven tus visitantes. El aspecto, los textos y el comportamiento los ajustas en el área de administración, sin tocar ningún archivo. La ventana (caja) y la barra (Banner) tienen para ello editores separados con juegos de colores propios.

Configuración básica y textos

  1. Abrir en el menú de WordPress «Kakapo Consent» y elegir en la navegación de la izquierda, bajo «Consent», el punto «Ventana» (en alemán: „Dialog“).
  2. En la tarjeta «Forma básica & Posición», definir la «Presentación» (caja o barra), la «Posición» (Abajo, Arriba, Centrado) y el «Color de acento».
  3. En la tarjeta «Textos», introducir el título y el mensaje, así como las cuatro etiquetas «Aceptar», «Configuración» (en alemán: „Einstellungen“), «Rechazar» y «Guardar selección».
  4. Más abajo, activar «Consentimiento individual granular» si quieres que los visitantes puedan permitir por separado cada servicio escaneado en la vista de configuración.
  5. Comprobar el resultado en la tarjeta «Vista previa»: muestra el componente real del frontend y se puede cambiar entre escritorio (1280), tableta (768) y móvil (390).

Ajuste fino de la ventana

  • «Medidas & Ajuste fino»: radio de las esquinas de 0 a 32, anchura de 380 a 900, tamaño base de letra de 12 a 18, sombra (Sin sombra, Discreta, Media, Intensa) y aparición (Ninguna, Aparecer suavemente, Deslizar desde abajo, Ampliar)
  • «Botones & Entrada»: radio de los botones de 0 a 24, disposición automática (uno al lado del otro) o uno debajo de otro, peso del botón de rechazo (Darle el mismo peso, Discreto, Ocultar) y entrada con el resumen o directamente con la vista de detalle
  • «Overlay»: color, opacidad de 0 a 90 y desenfoque de 0 a 12 — el oscurecimiento solo se dibuja en la ventana centrada, es decir, con el diseño «Caja» y la posición «centrado»
  • «Logotipo»: imagen de la biblioteca de medios o como URL, alineación a la izquierda, a la derecha o centrada, altura de 16 a 120 píxeles
  • «Comportamiento»: modo explícito, X de cierre, mostrar la duración de las cookies, agrupar «Funcional» dentro de «Necesario» y ocultar las categorías vacías
  • «Enlaces del pie»: política de privacidad, aviso legal y política de cookies, con una página publicada o una URL alternativa a elegir para cada enlace

La barra tiene su propio juego de ajustes

El punto de menú «Banner» contiene el editor de la barra continua, con colores propios para el color primario, el texto, el fondo y el texto de los botones, una elección de letra propia y la posición arriba o abajo. El campo «Mensaje de la barra» es independiente en su contenido del texto de la ventana; si se deja vacío, la barra muestra el mismo texto que la ventana. Qué editor se aplica lo decide el «Modo de visualización» en «General» (en alemán: „Allgemein“) — con una selección fija desaparece el otro punto de menú.

CSS propio

En el panel de la ventana está el campo «Custom CSS». Se incluye en el frontend inmediatamente después de la salida de Consent y actúa por igual sobre la ventana, la barra y el Widget; las etiquetas HTML se eliminan al guardar. Como el renderizador trabaja con estilos en línea, casi siempre hace falta «!important». La ventana lleva un identificador fijo, igual que cada botón (entre otros .kwpc-btn-accept-all, .kwpc-btn-reject, .kwpc-btn-save).

#kwpc-banner
En el texto de Consent se permiten estas etiquetas: p, br, strong, em, a, ul, ol, li, h3, h4, blockquote, hr. Si el texto no contiene marcado de bloque, los saltos de línea se convierten automáticamente en párrafos. Los clics en la vista previa no se registran.
¿Te ha resultado útil este artículo?