Atendimento ao cliente – em tempo real – é um grande gatilho de conversão em sua loja virtual. A dica de hoje na #pilulasdevendas é como colocar botão do whatsapp na loja virtual. Em tempos que vivemos conectados quase que 24 horas por dia em nossos smartphones, o atendimento por whatsapp virou o preferido entre os clientes das lojas online e para ter isso em sua loja é muito simples!
Muitas empresas chegaram até a criar serviços pagos para comercializarem, mas aqui na FK+ a gente vê isso como um benefício para nossos clientes. E para tudo se tornar mais acessível para todos, vamos disponibilizar gratuitamente este script para você! 🙂
Veja como colocar botão do whatsapp na loja virtual
Esse código serve para quaquer plataforma: Tray, Loja Integrada, entre outras. E até mesmo em seu site, assim como você pode ver em nosso site! No código abaixo você terá um PLUS: além do botão do whatsapp na loja virtual, ele também mostrará o botão para o Facebook Messenger, ou seja, o cliente escolherá se deseja falar com voê pelo whatsapp ou messenger. Explicaremos abaixo do ódigo onde mudar com suas informações.
Insira o código abaixo ANTES te fechar a tag </body>:
<script type=”text/javascript”>
(function () {
var options = {
facebook: “424213937960371“, // Facebook página ID
whatsapp: “+5511981772692“, // WhatsApp número
company_logo_url: “//storage.whatshelp.io/widget/53/5303/5303881aa6a0be7bf19009c927d52a32/18921945_425298971185201_4759738231444287133_n.jpg“, // URL com seu logo (png, jpg, gif)
greeting_message: “Olá, sou Diego e estou aqui para te ajudar. Clique abaixo no Whatsapp ou Messenger e fale agora comigo.”, // Texto de boas vindas
call_to_action: “Tire agora suas dúvidas online :)”, // Call to action
button_color: “#FF6550“, // Cor do botão
position: “right”, // Posição que quer que apareça right (direito) ou left (esquerdo)
order: “facebook,whatsapp” // Ordem dos botões
};
var proto = document.location.protocol, host = “whatshelp.io”, url = proto + “//static.” + host;
var s = document.createElement(‘script’); s.type = ‘text/javascript’; s.async = true; s.src = url + ‘/widget-send-button/js/init.js’;
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName(‘script’)[0]; x.parentNode.insertBefore(s, x);
})();
</script>
IMPORTANTE:
- na linha 4, troque pelo número de sua página no Facebook
- na linha 5 coloque o número do seu whatsapp, sem espaços nem hífen, começanco com +55 e o código de área
- na linha 6, troque pelo seu logo, com o tamanho de 50x50px
- Troque Diego pelo nome que será seu atendimento
- Altere o #FF6550 com as cores de sua loja
Viu como é simples?
Se tiver dúvidas, deixe seu comentário abaixo ou entre em contato por nosso chat! 🙂