¿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 de Diseño del banner.
Tabla de contenidos
- Requisitos previos
- Navegar a la configuración de diseño
- Elegir un tipo de diseño
- Establecer la posición del banner
- Guardar y continuar a la siguiente pestaña
- Previsualizar el banner
- Verificar su 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 WordPress.
Navegar a la configuración de diseño
Para empezar, ve a WPConsent >> Diseño del banner. La pestaña Diseño es la vista inicial y está seleccionada por defecto.
Elegir un tipo de diseño
Debajo del encabezado Diseño verás 3 opciones visuales. Selecciona la que mejor se adapte a tu sitio.
| Diseño | Descripción |
|---|---|
| Banner Largo | Una barra de ancho completo que se extiende por la parte superior o inferior de la ventana gráfica. Este es el diseño predeterminado. |
| Banner Flotante | Una tarjeta compacta que se sitúa en una de las 4 esquinas de la pantalla. |
| Banner Modal | Una superposición centrada que atenúa el resto de la página, pidiendo a los visitantes que elijan antes de continuar. |
Característica Pro: El diseño de Banner Modal requiere la versión de pago de WPConsent.
Establecer la posición del banner
Las opciones de posición disponibles cambian según el diseño que hayas seleccionado.
Posiciones del Banner Largo:
- Superior: el banner aparece en la parte superior de la ventana gráfica.
- Inferior: el banner aparece en la parte inferior de la ventana gráfica. Esta es la opción predeterminada.
Posiciones del Banner Flotante:
- Superior Izquierda
- Superior Derecha
- Inferior Izquierda
- Inferior Derecha
El diseño de Banner Modal no tiene una configuración de posición porque siempre aparece centrado en la pantalla.
Guardar y continuar a la siguiente pestaña
Después de seleccionar tu diseño y posición, haz clic en Guardar y Continuar para guardar tus selecciones 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.
Previsualizar el banner
No necesitas 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 en la esquina superior derecha. Esto abre una superposición de página completa que muestra tu banner con su diseño, estilo y contenido actuales.
La vista previa refleja los cambios no guardados, por lo que puedes experimentar con diferentes diseños y ver el resultado de inmediato. Cuando hayas terminado, haz clic en el botón Cerrar vista previa en la esquina superior derecha de la superposición para volver a la configuración.
Aquí tienes un ejemplo del diseño de Banner modal en la vista previa del administrador:
Verificar su configuración
- Abra su sitio en una nueva ventana del navegador de incógnito o privada.
- 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 desactivada?
El diseño de Banner modal requiere la versión de pago de WPConsent.
¿Perderé la configuración 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 del mensaje. Solo cambian los valores de diseño y posición.
¿Cómo se ve el banner en dispositivos móviles?
Los 3 diseños son responsivos. El Banner largo se adapta a pantallas más estrechas apilando el mensaje y los botones verticalmente. El Banner flotante se reduce para adaptarse a pantallas más pequeñas. El Banner modal permanece centrado y ajusta su ancho a la pantalla.
¿Puedo usar diferentes diseños para diferentes páginas?
No. El diseño del banner se aplica a todo tu sitio. No hay forma de mostrar un diseño diferente en páginas específicas.
¿Por qué mi banner flotante se superpone a contenido importante?
Intenta cambiar a una posición de esquina diferente. Por ejemplo, si tu sitio tiene un widget de chat en la esquina inferior derecha, mueve el banner flotante a la 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 has configurado el diseño y la posición de tu banner. Para personalizar los colores, las fuentes y los estilos de los botones del banner, continúa con la personalización del estilo de tu banner. Para configurar el mensaje, los botones y otro contenido del banner, consulta la guía de contenido y texto del banner.