¿Quieres controlar dónde aparece tu banner de consentimiento y cómo está estructurado? WPConsent te ofrece 3 tipos de diseño con posicionamiento flexible. Esta guía cubre la pestaña Diseño en la página Diseño del banner.
Índice
- Requisitos previos
- Navegando a la configuración del diseño
- Seleccionar un tipo de diseño
- Configuración de la posición del banner
- Guardar y continuar con la siguiente pestaña
- Vista previa del banner
- Verificación de la configuración
- Preguntas frecuentes
- Conclusión
Requisitos previos
- WPConsent está instalado y activado en tu sitio de WordPress.
- Tienes acceso de administrador al panel de control de WordPress.
Navegando a la configuración del diseño
Para empezar, vaya a WPConsent >> Diseño de banner. La pestaña Diseño es la primera vista y está seleccionada de forma predeterminada.
Seleccionar un tipo de diseño
Bajo el encabezado Diseño, verás tres opciones visuales. Selecciona la que mejor se adapte a tu sitio web.
| Diseño | Descripción |
|---|---|
| Banner largo | Una barra de ancho completo que se extiende a lo largo de la parte superior o inferior de la ventana gráfica. Este es el diseño predeterminado. |
| Banner flotante | Una tarjeta compacta que se coloca en una de las cuatro esquinas de la pantalla. |
| Banner modal | Una superposición centrada que oscurece el resto de la página, lo que obliga a los visitantes a elegir antes de continuar. |
Característica Pro: El diseño del banner modal requiere la versión de pago de WPConsent.
Configuración de la posición del banner
Las opciones de posición disponibles cambian según el diseño que hayas seleccionado.
Posiciones de banners largos:
- Parte superior: el banner aparece en la parte superior de la ventana gráfica.
- Parte inferior: el banner aparece en la parte inferior de la ventana gráfica. Esta es la configuración predeterminada.
Posiciones de los banners flotantes:
- Izquierda Arriba
- Arriba a la derecha
- Parte inferior izquierda
- Fondo derecho
El diseño del banner modal no tiene una configuración de posición porque siempre aparece centrado en la pantalla.
Guardar y continuar con la siguiente pestaña
Después de seleccionar el diseño y la posición, haz clic en Guardar y continuar para guardar tus elecciones y pasar a la pestaña Estilo. También puedes hacer clic en el botón Guardar en la esquina superior derecha para guardar sin salir de la página.
Vista previa del banner
No es necesario salir del administrador para ver cómo queda tu banner. En cualquier pestaña de la página Diseño del banner, haz clic en el botón Vista previa situado en la esquina superior derecha. Se abrirá una ventana emergente a pantalla completa que mostrará tu banner con su diseño, estilo y configuración de contenido actuales.
La vista previa refleja los cambios no guardados, por lo que puedes probar diferentes diseños y ver el resultado al instante. Cuando hayas terminado, haz clic en el botón Cerrar vista previa situado en la esquina superior derecha de la superposición para volver a la configuración.
Aquí hay un ejemplo del diseño del banner modal en la vista previa del administrador:
Verificación de la configuración
- Abre tu sitio web en una nueva ventana de navegación privada o de incógnito.
- Confirma que el banner aparece en el diseño y la posición que elegiste.
Preguntas frecuentes
¿Por qué la opción «Banner modal» aparece en gris?
El diseño Modal Banner requiere la versión de pago de WPConsent.
¿Perderé mis ajustes de estilo y contenido si cambio el diseño?
No. Al cambiar entre diseños se conservan todos los demás ajustes, incluidos los colores, las fuentes, el texto de los botones y el contenido de los mensajes. Solo cambian los valores de diseño y posición.
¿Cómo se ve el banner en los dispositivos móviles?
Los tres diseños son adaptables. El banner largo se adapta a pantallas más estrechas apilando el mensaje y los botones verticalmente. El banner flotante se reduce para ajustarse a ventanas de visualización más pequeñas. El banner modal permanece centrado y ajusta su anchura a la pantalla.
¿Puedo utilizar diferentes diseños para diferentes páginas?
No. El diseño del banner se aplica a todo tu sitio web. No hay forma de mostrar un diseño diferente en páginas específicas.
¿Por qué mi banner flotante se superpone con contenido importante?
Prueba a cambiar a una posición diferente en la esquina. Por ejemplo, si tu sitio tiene un widget de chat en la esquina inferior derecha, mueve el banner flotante a la esquina inferior izquierda. También puedes cambiar al diseño de banner largo, que no se superpone al contenido de la página.
Conclusión
Ya ha configurado el diseño y la posición de su banner. Para personalizar los colores, las fuentes y los estilos de los botones del banner, continúe personalizando el estilo del banner. Para configurar el mensaje, los botones y otros contenidos del banner, consulte la guía sobre el contenido y el texto del banner.