-
Notifications
You must be signed in to change notification settings - Fork 0
/
whatsapp-button-post.html
23 lines (21 loc) · 1.1 KB
/
whatsapp-button-post.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!-- BOTÃO CURINGA CALL TO ACTION WHATSAPP PARA BLOG POST.
>> Inserir o HTML abaixo com CSS inline em um bloco HTML e fazer os ajustes de link e texto submit. -->
<div style="text-align: center; margin-top: 20px;">
<a href="https://wa.me/numero-telefone" target="_blank" style="
display: inline-flex;
align-items: center;
padding: 14px 20px;
background-color: #25D366;
color: #fff;
font-size: 18px;
font-weight: bold;
text-decoration: none;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);"
onmouseover="this.style.backgroundColor='#1ebe5b'; this.style.boxShadow='0 6px 12px rgba(0, 0, 0, 0.3)'; this.style.transform='scale(1.05)';"
onmouseout="this.style.backgroundColor='#25D366'; this.style.boxShadow='0 4px 8px rgba(0, 0, 0, 0.2)'; this.style.transform='scale(1)';">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" style="width: 20px; height: 20px; margin-right: 8px;">
Enviar mensagem
</a>
</div>