Los ajustes de Personalización de marca de Recompensas en Growave 2.0 te permiten personalizar la apariencia de tu lanzador de Recompensas y del widget emergente para que coincida con el tema de tu tienda. La interfaz consta de dos pestañas: General y Ventana emergente y Lanzador.
🚀 Disponibilidad de la función
La personalización de marca de Recompensas está disponible a partir del plan Entry plan.
Pestaña General
Usa la pestaña General para establecer las siguientes opciones de color para tu widget de Recompensas:
Tema
Configura dos colores principales: Primario y Secundario. Estos dos colores en formato HEX definen el tema general del widget y se utilizarán en otros ajustes de las pestañas General y Ventana emergente y Lanzador.
Botones
Establece el color de fondo y del borde del botón (Primario o Secundario). Predeterminado: Primario. Esto se aplica al fondo y al borde de los botones "primarios", como los de Nudges y el botón "Registrarse ahora" para los usuarios que no han iniciado sesión. Solo cambia el color del borde para los botones "secundarios" (el fondo predeterminado es transparente).
Establece el color de fuente del botón (Blanco o Negro). Predeterminado: Blanco. Se aplica al color del texto de los botones "primarios". El color del texto del botón "secundario" se establece en negro.
Contenido
Personaliza el color del ícono (Primario o Secundario). Predeterminado: Primario. No afecta a los íconos de componentes específicos, como el botón del lanzador.
Personaliza el color del enlace (Primario o Secundario). Predeterminado: Primario.
Tipo de widget
Elige cómo se muestra la interfaz del widget de Recompensas a los clientes en tu tienda.
Selecciona tu diseño preferido en el menú desplegable:
Widget de panel lateral: La interfaz se desliza como una barra lateral desde el borde de la pantalla, superponiéndose al contenido de tu tienda.
Widget emergente: La interfaz aparece como una caja flotante en la pantalla, abriéndose directamente desde el botón del lanzador.
Pestaña Ventana emergente y Lanzador
La pestaña Ventana emergente y Lanzador ofrece seis secciones para una mayor personalización:
Visibilidad del lanzador por dispositivo
Controla la visibilidad del lanzador:
Mostrar en todos los dispositivos (Predeterminado).
Mostrar solo en computadoras (para pantallas de 1024px o más anchas).
Ocultar en todos los dispositivos.
Banner del widget
Color: Establece el color de fondo del banner (Primario o Secundario). Predeterminado: Primario.
Fuente: Establece el color de la fuente del banner (Blanco o Negro). Predeterminado: Blanco. Esto también se aplica a los íconos del banner, como el código QR para Shopify POS (si esta opción está activa), el Historial y las Preguntas frecuentes del programa de Recompensas.
Nombre del programa: Agrega un nombre de programa para mostrar cuando los usuarios no hayan iniciado sesión.
Subir una imagen de banner: Sube una imagen de banner personalizada (JPG o PNG) para cubrir el área del encabezado.
Lanzador
Color: Establece el color de fondo del lanzador (Primario o Secundario). Predeterminado: Primario.
Fuente: Establece el color de la fuente del lanzador (Blanco o Negro). Predeterminado: Blanco.
Estilo del lanzador: Elige el estilo de visualización del lanzador:
Ícono con texto (Predeterminado). On mobile devices, this option displays Solo ícono by default.
Solo texto
Solo ícono
Ícono del lanzador
Ícono del lanzador: Selecciona entre cinco íconos predefinidos (Predeterminado: Trofeo), o activa la casilla de verificación Subir ícono personalizado y usa tu propio archivo.
Color del ícono: Establece el color del ícono (Blanco o Negro). Predeterminado: Blanco.
Si Solo texto es seleccionado en el estilo de visualización del lanzador, esta sección se vuelve inactiva.
Posición del lanzador
Ajusta la posición del lanzador y el espaciado del borde de la pantalla para computadoras y dispositivos móviles:
Ubicación: Abajo a la derecha (Predeterminado) o Abajo a la izquierda.
Espaciado:
Computadora: Desplazamiento lateral (predeterminado: 45px) y desplazamiento inferior (predeterminado: 10px). Para pantallas de 768px o más anchas.
Móvil: Desplazamiento lateral (predeterminado: 45px) y desplazamiento inferior (predeterminado: 10px). Para pantallas más estrechas que 768px.
Si tienes preguntas o necesitas ayuda, contáctanos en [email protected] o usa el ícono de chat en la esquina inferior derecha de tu panel de administración de Growave. ¡Estamos aquí para ayudarte! 🤗