Jump to content

Adicionar botão Whatsapp no prestashop


Recommended Posts


Olá pessoal,
eu posso ter pesquisado pouco, mas não achei um tutorial eficiente para me ajudar a colocar aquele botãozinho do whatsapp no site para atendimento, só achava
modulos pagos, e para eu que sou leigo e comecei a pouco nessa plataforma é complicado....

Mas acabei achando uma solução simples e gratuíta para quem quer colocar o atendimento por whatsapp no site.

- No site abaixo ele tem uma opção free para gerar o codigo com seu telefone e inseri-lo no codigo do prestashop:
https://getbutton.io/

- http://prntscr.com/pj24pj

- Mais abaixo tem umas opções para customizar a gosto e apos isso ele irá pedir seu email para enviar o script para você inserir no seu site.

Que será um codigo assim:
------------------------------------
<!WhatsHelp.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "SEU TELEFONE", // WhatsApp number
            call_to_action: "Atendimento Online", // Call to action
            position: "right", // Position may be 'right' or 'left'
        };
        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>
<!/WhatsHelp.io widget -->
------------------------------------

com o seu codigo em mãos, vá até a pasta do seu layout que no meu caso é esse o caminho:
themes/theme_urani4/templates/_partials/footer.tpl

e cole o codigo no final e salve, e pronto, já irá aparecer o icone fixo no seu site.
http://prntscr.com/pj27c9


Espero ter ajudado, abraço!

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...