Configurando la Experiencia de la Tienda
Aprende a personalizar el lanzador flotante, el widget de lealtad, los mensajes de bienvenida y los colores del tema para tu tienda.
Descripción general
La configuración de la experiencia de la tienda te permite personalizar cómo aparece tu programa de lealtad ecológico a los clientes en tu escaparate de Shopify. Esto incluye el botón de lanzamiento flotante, el popup del widget de lealtad, los mensajes de bienvenida y los colores del tema.
Accediendo al Editor de Experiencia
Para personalizar la experiencia de tu tienda:
- Ve a tu panel de administración de LoyaltyTree
- Navega a la configuración de tu tienda
- Haz clic en Editor de Experiencia
El Lanzador Flotante
El lanzador flotante es un botón que aparece en la esquina de tu escaparate, permitiendo a los clientes acceder rápidamente a sus recompensas de lealtad.
Plantillas de Lanzador
Elige entre tres plantillas de lanzador:
- Minimalista - Solo ícono, diseño compacto
- Compacto - Ícono con el nombre del programa
- Completo - Ícono, nombre y conteo de semillas
También puedes personalizar el HTML del lanzador para una marca avanzada utilizando marcadores de posición de Handlebars.
Popup del Widget de Lealtad
Cuando los clientes hacen clic en el lanzador, ven el popup del widget de lealtad que muestra su progreso de recompensas, niveles ecológicos e impacto ambiental.
Plantillas de Vista de Lealtad
La pestaña de Vista de Lealtad te permite elegir cómo se muestra el progreso del cliente:
- Cronología de Hitos de Recompensa - Muestra el progreso hacia las recompensas ecológicas con una cronología visual
- Muestra hitos completados, actuales y próximos con barras de progreso
Configuraciones de Mensajes
La pestaña de Mensajes te permite personalizar el texto y la marca que se muestran en el widget:
Marca del Programa
- Nombre del Programa - El nombre que se muestra en el lanzador flotante y en el diálogo del widget (por ejemplo, "Mis Recompensas Ecológicas")
- Ícono del Programa - Sube un ícono personalizado (mínimo recomendado de 100x100px)
Mensajes de Bienvenida del Widget
Estos mensajes aparecen en el popup del widget de lealtad:
- Título de Bienvenida - El encabezado principal (por ejemplo, "Bienvenido a nuestro Programa de Lealtad Ecológico")
- Subtítulo de Bienvenida - Explica cómo funciona el programa
- Texto del Enlace del Programa - Texto para el enlace a tu página del programa
- Tooltip del Widget - Se muestra al pasar el cursor sobre el botón del widget
Tema del Widget
Personaliza los colores y el estilo visual de tus widgets de lealtad:
Temas Preestablecidos
Elige entre temas preestablecidos para estilizar rápidamente tus widgets:
- Modo Oscuro - Tema oscuro moderno para reducir la fatiga visual
- Verde Naturaleza - Tema verde natural (predeterminado)
- Gris Minimalista - Tema en escala de grises limpio y profesional
- Azul Océano - Tema azul calmante inspirado en el océano
- Naranja Atardecer - Tema naranja cálido inspirado en los atardeceres
Colores Personalizados
Activa "Personalizar Colores" para establecer manualmente tus propios colores primarios, secundarios y de acento que coincidan con la marca de tu tienda.
Pestañas Adicionales
El Editor de Experiencia también incluye pestañas para:
- Descripción del Programa - Contenido mostrado en la página de información del programa
- Términos y Condiciones - Términos legales para tu programa de lealtad
- Encabezado de Impacto - Personaliza la visualización de impacto en toda la tienda
- Encabezado de Mi Impacto - Personaliza la visualización de impacto personal del cliente
- Encabezado del Panel - Personaliza el encabezado del panel de lealtad
Consejos para los Mejores Resultados
- Utiliza un nombre de programa que coincida con la identidad de tu marca
- Elige colores de tema que complementen tu tema de Shopify
- Mantén los mensajes de bienvenida concisos y atractivos
- Prueba el widget en diferentes dispositivos para asegurarte de que se vea bien en móvil y escritorio