Este guia explica como configurar rótulos e uma seção de resgate para a página do carrinho da sua loja Shopify, utilizando o aplicativo Webplanex Rewards Wallet. Isso permite que os clientes visualizem suas recompensas elegíveis e as resgatem diretamente durante o checkout.
Nota Importante: (O rótulo só aparecerá se houver recompensas disponíveis)
1. Acesse o aplicativo Webplanex Loyalty Wallet
2. Navegue até "Theme Elements" (Elementos do Tema)
3. Clique em “Redeem Rewards Option on Cart” (Opção de Resgate de Recompensas no Carrinho). Aqui, você também pode personalizar a cor do botão de Resgate.
Ative a Chave: Assim que estiver satisfeito com os rótulos, a aparência do botão e o conteúdo, ative a chave para tornar esses elementos visíveis no tema ativo da sua loja Shopify.
Você pode posicionar o botão de resgate em:
- Página do Carrinho
- Gaveta do Carrinho (Cart Drawer)
Adicionando os Elementos ao Seu Tema (Dependendo da Versão):
Para Temas Shopify Versão 2.0:
- Acesse o Código do Tema:
- Navegue até o painel administrativo da sua loja Shopify.
- Vá para "Loja virtual" > "Temas"
e selecione seu tema.
- Clique em "Personalizar".
- Localize o Arquivo de Modelo do Carrinho:
Escolha a página "Carrinho" nas opções de personalização do tema.
- Adicione Blocos:
- Clique em "Adicionar bloco" no menu lateral esquerdo.
- Selecione os blocos chamados "Webplanex Rewards Label" (para o rótulo do carrinho) e "Webplanex Redeem Rewards" (para o botão de resgate).
- Salve as Alterações:
- Ajuste as posições dos blocos na página do carrinho conforme desejar.
- Clique em "Salvar"
- para aplicar as alterações.
Como Ativar a Opção de Resgate de Recompensas e o Rótulo do Carrinho na Gaveta do Carrinho
Para exibir a opção de Resgate de Recompensas e o Rótulo do Carrinho na sua gaveta do carrinho, siga os passos abaixo:
- Acesse o aplicativo Webplanex Loyalty Wallet a partir do seu painel administrativo do Shopify.
- Dentro do aplicativo, clique em "Theme Elements" (Elementos do Tema).
- Você verá um botão com o rótulo “Publish on Drawer” (Publicar na Gaveta). Clique neste botão.
- Após clicar, você será redirecionado para a página de configurações de incorporação de aplicativos (App Embed) do Shopify.
- Nesta página, você encontrará as seguintes opções: Show Redeem Store Cash On Drawer (Mostrar Resgate de Crédito da Loja na Gaveta)
Show Cart Label On Drawer (Mostrar Rótulo do Carrinho na Gaveta) - Basta ativar ambos os interruptores.
- Salvar Alterações
Para Versões de Tema do Shopify Anteriores à 2.0:
- Acessar o Código do Tema:
- Navegue até o seu painel administrativo do Shopify.
- Vá para "Loja virtual" > "Temas" e selecione o seu tema.
- Clique em "Editar código".
- Localizar o Arquivo de Modelo do Carrinho:
Procure pelo arquivo chamado "cart.liquid" ou "cart-template.liquid".
- Adicionar Trechos de Código:
Abra o arquivo apropriado e localize um local adequado para inserir o código abaixo.
Código para a Gaveta do Carrinho e Botão de Resgate (Insira este trecho fora das tags `<form action="/cart"> </form>`)
<div class="wpcb_cart_redeem_section"></div> - Salvar Alterações:
Salve as alterações feitas no código do tema.