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.