Como podemos ajudar?

FC 14505 :: Como inserir link para compartilhar um produto pelo WhatsApp?

O visitante que acessar a loja com smartphone poderá enviar link para o produto para seus contatos no WhatsApp.

A grande rede social da vez é o WhatsApp. A facilidade do seu uso permite com que as informações se multipliquem rapidamente, o que torna esta rede, em muitos casos, mais eficiente que o Facebook e o Twitter na divulgação dos produtos de sua loja.

Este artigo mostra como adicionar um botão para compartilhamento do produto de sua loja no WhatsApp.

O visitante que clicar no botão verá uma lista de seus contatos e grupos no WhatsApp. Poderá assim selecionar um contato ou grupo que receberá uma mensagem pelo WhatsApp contendo link para a página do produto.

É recomendado inserir este botão na versão mobile da loja virtual ou na sua versão responsiva, quando o cliente estiver no design feito para smartphones.

Exemplo de botão em um design responsivo

Exemplo da mensagem enviada para o WhatsAp

Segue abaixo exemplo de código para inserir o botão :

<span class="ShareWhatsApp"><a href="whatsapp://send?text=Veja o produto '<NomeProd>'. Segue o link: http://lvfc.co/l<IDLojaNum>/p<IDProduto>" target="_blank"><img src="<BaseLoja>images/IcWhatsApp.svg" width="35" height="35" border="0" alt="Recomende este produto pelo WhatsApp" title="Recomende este produto pelo WhatsApp"></a></span>

Caso a loja tenha ativado a versão mobile da loja virtual, este código deve ser inserido no arquivo MbhEstiloProduto.htm, dentro da seção <ProdDet>...</ProdDet>, que é onde fica o design do detalhe do produto.

Para inserir na versão responsiva da loja virtual, este código deve ser inserido no arquivo EstiloProduto.htm, dentro da seção <ProdDet>...</ProdDet>, que é onde fica o design do detalhe do produto. Além de inserir este código, a loja deverá inserir no arquivo LojaSite.css a classe ShareWhatsApp para fazer com que o botão só seja exibido no design exibido no celular.

Obs¹: A imagem IcWhatsApp.svg deversá ser enviada para a pasta Images pelo gerenciador de arquivos da loja. Clique aqui para fazer o download desta imagem.

Obs²: A posição onde deverá ser inserido o código irá depender de onde se deseja que o botão seja exibido.