Um pedido recorrente dos clientes nos sites é um botão de chat flutuante. Enquanto diversos plugins disponibilizam essa funcionalidade, não encontrei nenhum que tivesse a possibilidade de usar o WhatsApp Link, que direciona os usuários diretamente para a janela de chat, sem a necessidade de cadastrar o número de telefone.
Para contornar essa situação, foi necessário incluir o botão de chat diretamente na página, sem plugins, usando o módulo de código do Divi no rodapé da página. Segue código necessário e imagem utilizada:
<div id="whatsapp-flutuante">
<a href="https://whats.link/meu-link" data-et-target-link="_blank" rel="noopener noreferrer">
<img src="https://blog.amandadelavra.com.br/wp-content/uploads/whatsapp.png" alt="whatsapp">
</a>
</div>
<style>
#whatsapp-flutuante {
position:fixed;
bottom: 20px;
right: 20px;
}
</style>
Com a nova atualização do Divi (4.2), qualquer elemento pode ser colocado como fixo na página, tornando o código acima denecessário. É só colocar um módulo de imagem, com o link, posição fixa e deslocamentos vertical e horizontal.
