Neste tutorial, vamos lhe mostrar como criar um Widget de WhatsApp no seu Site.
Com o codigo abaixo, é possivel você implementar um widget com direcionamento para seu canal de WhatsApp, cadastrado no seu Sonax Chat. Basta passar o codigo abaixo para seu programador de Site, que ele poderá implementar facilmente no seu site.
A única coisa que deverá fazer é alterar no código abaixo, será substituir o número 552140404799 pelo seu número cadastrado no Sonax chat ( pois este é o número da nossa central de atendimento )
Segue abaixo o código para fazer esta configuração:
<!DOCTYPE html>
<html>
<head>
<title>Ícone do WhatsApp</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<style>
.whatsapp-icon {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background-color: green;
border-radius: 50%;
text-align: center;
font-size: 30px;
color: white;
line-height: 60px;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.whatsapp-icon a {
color: white;
text-decoration: none;
}
</style>
</head>
<body>
<div class="whatsapp-icon">
<a href="https://wa.me/552140404799" target="_blank" rel="noopener noreferrer">
<i class="fab fa-whatsapp"></i>
</a>
</div>
</body>
</html>
Com o codigo acima , seu site passará a exibir o botão de redirecionamento para seu canal de whatsapp, como mostrado no exemplo abaixo de um site em branco:
