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”
O atributo alt desta imagem está vazio. O nome do arquivo é image.png
  • 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.

Deixe uma resposta

O seu endereço de e-mail não será publicado.