Este guia explica como configurar etiquetas e uma secção de resgate para a página de carrinho da sua loja Shopify, utilizando a aplicação Carteira de Recompensas Webplanex. Isto permite que os clientes vejam as suas recompensas elegíveis e as resgatem diretamente durante a finalização da compra.
Nota importante:
Dependendo da versão do seu tema Shopify (2.0 ou anterior), terá de adicionar uma extensão de aplicação do tema ou pedaços de código para integrar o rótulo do carrinho e a secção de resgate.
- Navegue até aos Elementos do Tema: Localize o botão "Elementos do Tema" na barra de navegação da aplicação Carteira de Recompensas Webplanex.
- Escolha o Menu do Carrinho: Clique no menu "Carrinho" na secção Elementos do Tema. Este menu pode ter duas opções: "Rótulos da página do carrinho" e "Pop-up de finalização da compra do carrinho".
- Personalizar rótulos: No menu escolhido ("Rótulos da página do carrinho" ou "Pop-up de finalização da compra do carrinho"), pode personalizar os rótulos de texto:
- Alterar o texto apresentado para as recompensas elegíveis.
- Editar o texto no botão de resgate.
- Personalizar pop-up de checkout: Pode personalizar ainda mais o aspeto do pop-up de checkout do carrinho.
- Selecione as cores de fundo e de primeiro plano.
- Ajuste os rótulos de texto de acordo com o seu idioma preferido.
- Active a opção: Quando estiver satisfeito com os rótulos, o aspecto dos botões e o conteúdo, ative a opção para tornar estes elementos visíveis no tema da sua loja Shopify activa.
Adicionar os Elementos ao Seu Tema (Dependendo da Versão):
Para o Tema Shopify Versão 2.0:
- Aceda ao Código do Tema:
- Aceda ao painel de administração do Shopify.
- Aceda a "Loja Virtual" > "Temas" e selecione o seu tema.
- Clique em "Personalizar".
- Localizar o ficheiro do modelo do carrinho:
Escolha o "Carrinho" página nas opções de personalização do tema.
- Adicionar Blocos:
- Clique em "Adicionar bloco" no menu lateral esquerdo.
- Selecione os blocos "Rótulo de Recompensas Webplanex" (para o rótulo do carrinho) e "Resgatar Recompensas Webplanex" (para o botão de resgate).
- Guardar alterações:
- Ajuste as posições dos blocos na página do carrinho conforme desejar.
- Clique em "Guardar" para aplicar as alterações.
Para versões do tema Shopify anteriores à 2.0:
- Aceda ao código do tema:
- Aceda ao painel de administração do Shopify.
- Aceda a "Loja Virtual" > "Temas" e selecione o seu tema.
- Clique em "Editar código."
- Localizar o ficheiro do modelo do carrinho:
Procure o ficheiro denominado "cart. liquid" ou "cart-template.liquid".
- Adicionar Excertos de Código:
Abra o ficheiro apropriado e localize um local adequado para introduzir o código abaixo
Código da Etiqueta do Carrinho
<span id="total_order_cashback"></span>Código para a Gaveta do Carrinho e para o Pop-up do Carrinho
<span class="wpcb_cashback_label"></span>Código para a Gaveta do Carrinho e para o Botão de Resgate (Colocar este troço fora do `<form action="/cart"> </form>`)
<div class="wep_cart_checkout"></div> - Guardar alterações:
Guarde as alterações efetuadas no código do tema.