Como colocar Botão WhatsApp na sua Loja Integrada

Pessoal, nesse artigo ensinamos como você colocar o botão do WhatsApp na sua loja integrada

Segue os detalhes e passo a passo de como fazer isto:

• Entre no painel da loja integrada
  https://app.lojaintegrada.com.br/painel/
• No canto superior direito, clique no icone da engrenagem, depois “Incluir codigo HTML”

• Clique no botão de “Adicionar codigo”
• Insira um codigo HTML conforme a imagem:

• No campo conteudo, coloque o seguinte script:
  OBS-1: SUBSTITUA O SEU_TELEFONE, PELO SEU NÚMERO DO TELEFONE DA LOJA (seguinte padrão DDD + TELEFONE, Exemplo: 1699174277, tudo junto sem espaço)
  OBS-2: Se você desejar que esse botão apareça somente no mobile, somente mudar o texto
  var somenteMobile = false; para var somenteMobile = true;
  OBS-3: Se você quiser trocar o lado do botão (padrão é do lado esquerdo), somente mudar o texto
  var ladoBotaoWhatsApp = “esquerdo”; para var ladoBotaoWhatsApp = “direito”;

<script>
    var ladoBotaoWhatsApp = "esquerdo";
    var telefone = "SEU_TELEFONE";
    var somenteMobile = false;
    
    if (!somenteMobile || $(window).width() <= 760) 
    {
    	$("body").append("<a href='https://wa.me/55" + telefone + "' style='position:fixed;width:60px;height:60px;bottom:40px;" + (ladoBotaoWhatsApp == "esquerdo" ? "left:40px;" : "right:40px;") + "background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;z-index:1000;' target='_blank'><i style='margin-top:16px' class='fa fa-whatsapp'></i></a>");
    }
</script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Pronto, agora se você colocou o código corretamente, ele deve aparecer dessa maneira:

Você já conhece nossas ferramentas especializadas pra loja Integrada? entre em contato conosco e teremos o prazer em te ajudar.

Ajude a espalhar esse conteúdo rico, alguns outros lojistas podem estar precisando desse mesmo código.