Se você estiver vendo o ícone do WhatsApp aparecer em todas as páginas da sua loja e quiser ocultá-lo da página inicial, mantendo-o visível em uma landing page criada com o GemPages, siga o guia abaixo.
Verifique como o ícone do WhatsApp é adicionado à sua página
Dependendo de como o ícone do WhatsApp foi adicionado à sua loja, o método para controlar sua visibilidade pode variar:
| Método de Integração | Solução |
| Adicionado via GemPages | Você pode removê-lo facilmente de qualquer página usando o editor. |
| Injetado automaticamente por um aplicativo | Você precisará usar o código do tema do Shopify ou as configurações de exibição do aplicativo. |
| Inserido via código do tema | Aplique a lógica condicional do Liquid para controlar onde ele aparece. |
Etapas para remover o ícone do WhatsApp da sua página inicial
Siga os passos rápidos para remover o ícone do WhatsApp.
Opção 1: Adicionado usando GemPages
Se o ícone do WhatsApp for adicionado ao Editor do GemPages, será fácil removê-lo de qualquer uma das suas páginas criadas com o GemPages.
Para remover o ícone do WhatsApp da página inicial:
- Acesse Painel GemPages > PÁGINAS > Home
- Localize a página inicial para abrir o Editor GemPages
- Navegue até o ícone do WhatsApp e delete .
- Acertar Economize para salvar suas alterações. Além disso, você precisa republicar a página inicial.
Para adicionar o ícone somente em uma página específica:
- Localize a landing page específica no Editor GemPages.
- Arraste e solte um Botão Element onde você quer que o ícone apareça.
- Carregue o ícone do WhatsApp (formato suportado: .svg).
- Configure o texto, a cor, o plano de fundo, o tamanho e o preenchimento do botão do WhatsApp.
- Economize as atualizações e republicar sua página.
Opção 2: Adicionado por meio de um aplicativo de terceiros
Muitos aplicativos de bate-papo do WhatsApp (por exemplo, SuperLemon, Chaty) inserem o ícone em toda a sua loja por padrão.
Para controlar onde o ícone é exibido:
- Acesse o aplicativo dentro do seu Administrador do Shopify.
- Procurar Configurações de exibição or Páginas de destino.
- Remova “homepage” da lista ou selecione regras de exibição personalizadas (por exemplo, URLs ou páginas).
- Salve suas alterações.
Opção 3: Incorporado ao seu tema
Se você adicionou o WhatsApp manualmente ao theme.liquid ou um arquivo de seção específico, você pode envolvê-lo na lógica Liquid para ocultá-lo da página inicial.
Como isso acontece na prática?
- Acesse Loja Online > Temas > Editar código.
- Encontre o arquivo (provavelmente
theme.liquidorfooter.liquid). - Localize o bloco de código do WhatsApp.
- Envolva-o com esta condição:
{% unless template == 'index' %}
<!-- WhatsApp widget code -->
{% endunless %}
Isso garante que o ícone do WhatsApp não apareça na página inicial (index), mas será exibido em todas as outras páginas, incluindo sua landing page.
Perguntas Frequentes
1. Como sei se meu ícone do WhatsApp vem de um aplicativo ou do GemPages?
Se o ícone aparecer em todas as páginas (mesmo naquelas que você não editou no GemPages), é provável que ele tenha sido injetado por um aplicativo de terceiros ou pelo seu tema.
Você pode confirmar isso verificando:
- Se o ícone for visível dentro do editor GemPages, ele é adicionado manualmente.
- Se é não visível dentro do GemPages, mas ainda aparece ao vivo, vem do seu tema ou de um aplicativo do Shopify.
2. Posso ocultar o ícone do WhatsApp de algumas páginas, mas mantê-lo em outras usando o GemPages?
Sim! Se estiver usando o GemPages V7, você pode adicionar o ícone do WhatsApp apenas em páginas selecionadas usando um botão ou elemento de imagem. Isso não afetará outras páginas, a menos que você o adicione manualmente.
Obrigado por seus comentários