Acceso Rápido
Configura tu método de Acceso Rápido
Acceso Rápido predeterminado
Después de que el usuario ejercite el consentimiento (no importa qué opción se seleccione), Beautiful Consent se transformará en una versión minimizada, que llamamos 'Pastilla'.
Por defecto, el acceso rápido creado para tu sitio web es una pastilla de cookie flotante que aparecerá en la posición y tamaño que seleccionaste durante la configuración del módulo.
Tamaños de pastilla
Este método de Acceso Rápido puede ser tan pequeño y simple como un icono de cookie, y tan grande como una pastilla grande donde se indica explícitamente el consentimiento seleccionado del usuario. Existen tres tamaños: pequeño (botón flotante), mediano (más detallado), y grande (el más explícito, indicando qué decisión tomó el usuario).
Acceso Rápido por Disparador
Si no te gusta la pastilla flotante, podemos designar otro elemento en el sitio web para que funcione de igual forma, mostrando el banner cuando se haga clic. Para implementar esto, necesitamos dos cosas:
- Qué elemento activará la acción.
- El identificador del elemento para que podamos ejecutar la acción.
Este identificador se llama Selector CSS, que se utiliza para dirigirse a elementos HTML en una página web basándose en sus atributos, clases, IDs o jerarquía dentro de la estructura del documento.
Para eliminar la pastilla flotante, es obligatorio configurar un método de Selector disparador vía CSS en tu sitio. Si no añades uno, el Playboard no te permitirá eliminar el elemento flotante.
Selector CSS
El Selector disparador se basa en asignar la misma responsabilidad que tenía la pastilla flotante, a un elemento dentro de tu sitio web. Para este elemento, recomendamos crear un enlace vacío simple en tu pie de página con un ID específico.
Consejo: puedes establecer más de un selector para el mismo sitio web. Solo añade una coma entre cada selector que quieras aplicar. Ej: #link1,#link2
¿Cómo puedo obtener el selector CSS de un elemento en mi sitio web?
Ten en cuenta que estos pasos pueden variar según tu navegador.
- Abrir herramientas de desarrollador
- Haz clic derecho en el elemento que quieres seleccionar.
- Haz clic en "Inspeccionar" (esto abre la pestaña Elementos en las herramientas de desarrollador).
- Encontrar el elemento en el HTML
- El elemento se resaltará en el panel de Elementos.
- Copiar el selector CSS
- Haz clic derecho en el elemento resaltado en el panel de Elementos.
- Pasa el ratón sobre "Copiar" y selecciona "Copiar selector".
- Pegar el selector en la vista de personalización