Siga os passos abaixo para integrar o ícone de Saldo da Carteira ao cabeçalho da sua loja usando o aplicativo Webplanex Loyalty Wallet:
1. Abra o aplicativo Webplanex Loyalty Wallet.
2. Vá para a seção Elementos do Tema (Theme Elements).
3. Em Elementos do Cabeçalho (Header Elements), localize a opção Integração do Ícone da Carteira (Wallet Icon Integration).
4. Clique no botão Instalar.
Após clicar em Instalar, você será redirecionado para a página de Personalização do Tema da sua loja Shopify.
No Editor de Temas do Shopify
1. Abra o modelo da Página Inicial (Home Page).
2. Vá para a seção Cabeçalho (Header).
3. Clique em Adicionar bloco na seção Aplicativos.
4. Selecione Webplanex Wallet Balance entre os blocos de aplicativos disponíveis.
5. Salve as alterações.
Assim que salvar, atualize a página da sua loja e o ícone de Saldo da Carteira aparecerá no cabeçalho.
Ícone de Saldo e Ícone "Minha Carteira" no Menu
Passos:
-
Acesso aos Arquivos do Tema:
- Faça login no seu painel administrativo do Shopify.
- Navegue até Loja Virtual > Temas.
- Selecione seu tema atual e clique em Editar tema.
-
Localizar o Arquivo do Modelo do Menu:
-
Dentro do editor de código do tema, identifique o arquivo responsável pela estrutura do seu menu principal. O nome deste arquivo pode variar dependendo do seu tema, mas locais comuns incluem:
- header.liquid
- navigation.liquid
- Arquivos de modelo de menu específicos do tema
- Adicionar bloco
- Vá para a Seção de Apps e, em seguida, selecione o "Webplanex Wallet Balance"
- Salve as alterações
Para adicionar o "Ícone de Saldo da Carteira" ao Menu no tema 2.0, você precisa utilizar um trecho de código (Snippet).
Adicionar Trecho de Código do Link:
- Assim que tiver localizado o arquivo de modelo do menu, encontre a seção apropriada dentro do código onde deseja inserir o link.
- Cole o seguinte trecho de código:
Trecho de Código – Rótulo de saldo da carteira
<span class="wpcb_wallet_balance"></span>Trecho de Código – Link para Minha Carteira
<a href="javascript:void(0)" id="wpcb_my_wallet_page_link"> Minha Carteira </a>
-
Salvar Alterações:
Clique em Salvar para aplicar as modificações de código ao seu tema.
-