Configurando a Experiência da Loja

Visão Geral

As configurações da Experiência da Loja permitem que você personalize como seu programa de fidelidade ecológico aparece para os clientes em sua vitrine Shopify. Isso inclui o botão flutuante de lançamento, o popup do widget de fidelidade, mensagens de boas-vindas e cores do tema.

Acessando o Editor de Experiência

Para personalizar a experiência da sua loja:

1. Vá para o painel de administração do LoyaltyTree
2. Navegue até as configurações da sua loja
3. Clique em Editor de Experiência

O Lançador Flutuante

O lançador flutuante é um botão que aparece no canto da sua vitrine, permitindo que os clientes acessem rapidamente suas recompensas de fidelidade.

Modelos de Lançador

Escolha entre três modelos de lançador:

• Minimal - Apenas ícone, design compacto
• Compacto - Ícone com nome do programa
• Completo - Ícone, nome e contagem de sementes

Você também pode personalizar o HTML do lançador para branding avançado usando placeholders do Handlebars.

Popup do Widget de Fidelidade

Quando os clientes clicam no lançador, eles veem o popup do widget de fidelidade mostrando seu progresso em recompensas, níveis ecológicos e impacto ambiental.

Modelos de Visualização de Fidelidade

A aba de Visualização de Fidelidade permite que você escolha como o progresso do cliente é exibido:

• Linha do Tempo de Marcos de Recompensa - Mostra o progresso em direção às recompensas ecológicas com uma linha do tempo visual
• Exibe marcos concluídos, atuais e futuros com barras de progresso

Configurações de Mensagens

A aba de Mensagens permite que você personalize o texto e a marca exibidos no widget:

Branding do Programa

• Nome do Programa - O nome exibido no lançador flutuante e no diálogo do widget (por exemplo, "Minhas Recompensas Ecológicas")
• Ícone do Programa - Faça o upload de um ícone personalizado (mínimo recomendado de 100x100px)

Mensagens de Boas-Vindas do Widget

Essas mensagens aparecem no popup do widget de fidelidade:

• Título de Boas-Vindas - O cabeçalho principal (por exemplo, "Bem-vindo ao nosso Programa de Fidelidade Ecológico")
• Subtítulo de Boas-Vindas - Explica como o programa funciona
• Texto do Link do Programa - Texto para o link para a página do seu programa
• Dica do Widget - Exibida ao passar o mouse sobre o botão do widget

Tema do Widget

Personalize as cores e o estilo visual dos seus widgets de fidelidade:

Temas Predefinidos

Escolha entre temas predefinidos para estilizar rapidamente seus widgets:

• Modo Escuro - Tema escuro moderno para reduzir a fadiga ocular
• Verde Natureza - Tema verde natural (padrão)
• Cinza Minimal - Tema em escala de cinza limpo e profissional
• Azul Oceano - Tema azul calmante inspirado no oceano
• Laranja Pôr do Sol - Tema laranja quente inspirado em pores do sol

Cores Personalizadas

Ative "Personalizar Cores" para definir manualmente suas próprias cores primárias, secundárias e de destaque para combinar com a marca da sua loja.

Aba Adicionais

O Editor de Experiência também inclui abas para:

• Visão Geral do Programa - Conteúdo exibido na página de informações do programa
• Termos e Condições - Termos legais para o seu programa de fidelidade
• Cabeçalho de Impacto - Personalize a exibição de impacto em toda a loja
• Cabeçalho do Meu Impacto - Personalize a exibição de impacto pessoal do cliente
• Cabeçalho do Painel - Personalize o cabeçalho do painel de fidelidade

Dicas para Melhores Resultados

• Use um nome de programa que corresponda à identidade da sua marca
• Escolha cores de tema que complementem seu tema Shopify
• Mantenha as mensagens de boas-vindas concisas e convidativas
• Teste o widget em diferentes dispositivos para garantir que ele fique bom em dispositivos móveis e desktops