Módulo HTML Content
Botão do WhatsApp para OpenCart
Adicione um widget de chat do WhatsApp ao OpenCart em minutos. Qualifique visitantes, encaminhe conversas e mantenha o tema rápido.
Configuração em 4 min Destino: HTML Content module → Content Bottom on every layout
Instalação passo a passo para OpenCart
Siga estes passos para incorporar o WAButton no seu site OpenCart. Sem desenvolvimento complexo nem taxas de app.
- 1
Instale um módulo HTML Content
No admin do OpenCart, vá em Extensions → Extensions, defina o tipo como Modules, encontre HTML Content, clique em Install e depois no ícone de mais para adicionar uma nova instância.
Dica: O HTML Content é um módulo de várias instâncias. Dê a esta instância o nome WAButton para encontrá-la depois nos layouts.
- 2
Cole no modo de código-fonte e depois salve
Abra o módulo. Deixe o título vazio. Clique no botão de código-fonte / HTML (</>) em Description, cole o snippet, clique em </> de novo para que o editor mantenha as tags de script, defina Status como Enabled e clique em Save.
Dica: Se você colar no editor visual, o CKEditor do OpenCart remove a tag <script>. Alterne sempre para o modo de código-fonte antes e depois de colar.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Atribua o módulo a todos os layouts que você usa
Vá em Design → Layouts. Edite Home, Default, Product, Category e qualquer outro layout que a sua loja use. Em cada um, adicione o módulo HTML Content do WAButton em Content Bottom e depois clique em Save.
Dica: Atribuir só à Home esconde o botão nas páginas de produto e de categoria. Content Bottom é a posição nativa que todo layout padrão exibe.
Por que lojistas e agências escolhem o WAButton para OpenCart
Sem extensão de marketplace
O módulo HTML Content do OpenCart já vem incluído. Você não precisa de uma extensão paga do tipo 'adicionar JS às páginas'.
Atualizações do tema não apagam o snippet
Um módulo atribuído em Design → Layouts sobrevive à troca de tema. Uma edição no footer.twig não sobrevive.
Todas as rotas da loja virtual
Atribua o mesmo módulo a Home, Default, Product e Category para que o botão não fique restrito à Home.
Perguntas frequentes
O script sumiu depois que salvei o módulo. Por quê?
- O editor visual remove a tag <script>. Edite o módulo de novo, clique no botão de código-fonte / HTML (</>), cole, clique em </> uma segunda vez e depois em Save.
Posso colar no footer.twig em vez disso?
- Sim, em Design → Theme Editor → seu tema → common → footer.twig, logo antes do fechamento da marcação. Atualizações e trocas de tema vão apagar essa edição. O módulo HTML Content é o caminho mais seguro.
Ferramentas gratuitas relacionadas
Utilitários gratuitos de WhatsApp para aumentar a conversão da sua loja.
Mais guias de instalação
- Ver guia de instalação2 min
Shopify
Shopify 2.0 e temas legados
Adicione um widget de chat do WhatsApp ao Shopify em minutos.
- Ver guia de instalação3 min
WooCommerce & WordPress
WooCommerce e WordPress 6+
Adicione um widget de chat do WhatsApp ao WooCommerce & WordPress em minutos.
- Ver guia de instalação2 min
Magento & Adobe Commerce
Magento Open Source e Adobe Commerce
Adicione um widget de chat do WhatsApp ao Magento & Adobe Commerce em minutos.
Você já tem os visitantes. Dê a eles um jeito fácil de perguntar.
Conseguir mais visitas custa tempo e dinheiro. Um botão de WhatsApp ajuda você a conquistar mais pessoas entre as que já visitam seu site, enquanto elas ainda estão interessadas.
Uma linha de código. Sem cartão de crédito. Sem espera.