Hello friend, on this occasion we will learn to make WhatsApp Contact Button that floats on the Blog page. The function of this WhatsApp button makes it easier for Visitors to contact us via WhatsApp. This trick is perfect if you are applying through a blog selling niche or online shop.
Here is how to add WhatsApp Contact Button on the blog
1. Open a Blogger Account >> Choose a Theme >> Select Edit HTML
2. Copy the CSS code below, then place (paste) above the code]]> </ b: skin>
3. Copy the HTML code below, then place (paste) above the code </ body>
4. Change the number "xxxxxx" with your whatsapp number
5. Change the text "contact% 20 us% 20".
The text% 20 indicates the space.
6. Save Template
Also read
Here is how to add WhatsApp Contact Button on the blog
1. Open a Blogger Account >> Choose a Theme >> Select Edit HTML
2. Copy the CSS code below, then place (paste) above the code]]> </ b: skin>
.kurachat {bottom:10px;right:10px;background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6);position: fixed; z-index: 99999999;border-radius:20px;padding:5px 10px 5px 5px}
.kurachat span{background:green;padding:3px 6px;border-radius:100%;color:white}
.kurachat a{color: rgba(0, 0, 0, 0.6)}
<div class="kurachat"><a href="https://wa.me/xxxxxxxx?text=contact%20us%20" target="_blank"><span><i class="fa fa-whatsapp"></i></span> Hubungi Kami</a></div>4. Change the number "xxxxxx" with your whatsapp number
5. Change the text "contact% 20 us% 20".
The text% 20 indicates the space.
6. Save Template
Comments
Post a Comment