<p>Este guia explica como configurar etiquetas e uma seção de resgate na página do carrinho da sua loja Shopify usando o aplicativo Webplanex Rewards Wallet. Isso permite que os clientes visualizem suas recompensas elegíveis e as resgatem diretamente durante a finalização da compra.</p>
<p><b>Observação importante:</b> (<strong>O rótulo só aparecerá se houver recompensas disponíveis</strong>)</p>
<p>1. Acesse o aplicativo Webplanex Loyalty Wallet</p>
<p>2. Vá para "Theme Elements" (Elementos do Tema)</p>
<p>3. Clique em <strong>“Redeem Rewards Option on Cart”</strong> (Opção de Resgate de Recompensas no Carrinho); aqui você também pode personalizar a cor do botão de resgate</p>
<p><img alt="" src="https://docs.webplanex.com/images/cashback/cartpage_admin.png" /></p>
<p><b>Ative a chave (switch):</b> 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 da sua loja Shopify ativa.</p>
<p>Você pode posicionar o botão de resgate em:</p>
<ul>
<li>Página do Carrinho</li>
<li>Gaveta do Carrinho (Cart Drawer)</li>
</ul>
<p> </p>
<p><img alt="" src="https://docs.webplanex.com/images/cashback/cartlabel_admin.png" /></p>
<p> </p>
<p><strong>Como ativar o Resgate de Recompensas e o Rótulo do Carrinho na Gaveta do Carrinho</strong></p>
<p>Para exibir a opção de Resgate de Recompensas e o Rótulo do Carrinho na gaveta do carrinho, siga as etapas abaixo:</p>
<p> </p>
<ul>
<li>Acesse o aplicativo Webplanex Loyalty Wallet a partir do painel administrativo da Shopify.</li>
<li>Dentro do aplicativo, clique em "Theme Elements" (Elementos do Tema).</li>
<li>Você verá um botão chamado <strong>“Publish on Drawer”</strong> (Publicar na Gaveta). Clique nesse botão.</li>
<li>Após clicar, você será redirecionado para a página de configurações de "App Embed" (Incorporação de Aplicativo) da Shopify.</li>
</ul>
<p> </p>
<p><img alt="" src="https://docs.webplanex.com/images/cashback/extension_admin.png" /></p>
<p> </p>
<ul>
<li>Nesta página, você encontrará as seguintes opções:<br />
Show (Mostrar) Resgatar Recompensas</li>
<li>No Drawer (Menu Lateral do Carrinho)<br />
Exibir Rótulo do Carrinho no Drawer</li>
<li>Basta ativar ambas as chaves (opções).</li>
<li>Salvar Alterações</li>
</ul>
<p> </p>
<p><b>Adicionando os Elementos ao Seu Tema (Dependendo da Versão):</b></p>
<p> </p>
<p><b>Para Temas Shopify Versão 2.0:</b></p>
<ol>
<li><b>Acesse o Código do Tema:</b>
<ul>
<li>Vá para o painel administrativo da Shopify.</li>
<li>Acesse "Loja Virtual" > "Temas" e selecione o seu tema.</li>
<li>Clique em "Personalizar".</li>
</ul>
<p> </p>
<p><img alt="" src="https://docs.webplanex.com/images/cashback/theme_admin.png" /></p>
<p> </p>
</li>
<li><b>Localize o Arquivo de Modelo do Carrinho:</b>
<p>Escolha a página "Carrinho" nas opções de personalização do tema.</p>
<p> </p>
</li>
<li><b>Adicione Blocos:</b>
<ul>
<li>Clique em "Adicionar bloco" no menu lateral esquerdo.</li>
<li>Selecione os blocos chamados "Webplanex Rewards Label" (para o rótulo do carrinho) e "Webplanex Redeem Rewards" (para o botão de resgate).</li>
</ul>
<p> </p>
<p><img alt="" src="https://docs.webplanex.com/images/cashback/cartpage_admin-customaztion.png" /></p>
</li>
<li><b>Salve as Alterações:</b>
<ul>
<li>Ajuste as posições dos blocos na página do carrinho conforme desejado.</li>
<li>Clique em "Salvar".</li>
</ul> para aplicar as alterações.</li>
</ul>
</li>
</ol>
<p><b>Para versões de tema do Shopify anteriores à 2.0:</b></p>
<ol>
<li><b>Acesse o código do tema:</b>
<ul>
<li>Acesse o painel administrativo do Shopify.</li>
<li>Vá em "Loja virtual" > "Temas" e selecione o seu tema.</li>
<li>Clique em "Editar código".</li>
</ul>
<p> </p>
<p><img alt="" src="https://docs.webplanex.com/images/cashback/themecode_admin.png" /></p>
<p> </p>
</li>
<li><b>Localize o arquivo de modelo do carrinho:</b>
<p>Procure pelo arquivo chamado "cart.liquid" ou "cart-template.liquid".</p>
<p> </p>
<p><img alt="" src="https://docs.webplanex.com/images/cashback/cartliquid_admin.png" /></p>
<p> </p>
</li>
<li><b>Adicione os trechos de código:</b>
<p>Abra o arquivo correspondente e encontre um local adequado para inserir o código abaixo.</p>
<p><b>Código para a gaveta do carrinho e botão de resgate (coloque este trecho fora da tag `<form action="/cart"> </form>`)</b></p>
<p><code><div class="wpcb_cart_redeem_section"></div></code></p>
</li>
<li><b>Salve as alterações:</b>
<p>Salve as alterações feitas no código do tema.</p>
</li>
</ol>