How To Add a WhatsApp Floating Button On Your Website

 Introduction 

Welcome to Krypto Board. 

Today in this article we would reveal a step by step guide on how to embed a simple "WhatsApp" floating button that would enable visitors or client to chat you directly on your blog or website, stay focused till the very end of this page. 

 

There are many ways to embed a floating whatsapp button, this varies the type of blog or website you are about to embed in. Let's try some site developers. Example 

For blogger site; 

• Goto your blogger dashboard 
• Scroll to layout and click it.. 
  
  
  
• Select add gadget 
  
  
  
• Now click on HTML/JAVA and paste the following code. 
  
  
  
• Now paste this code in after the html tag has open. 

Read also; how to submit your website to Google Search Console GSC. 

{----<div style="position: fixed; bottom: 20px; left: 20px; z-index: 1000;"> <a href="https://wa.me/+2349025343428?text=Greetings%2C%20I%20have%20a%20question%20to%20ask." target="_blank" style="background-color: #25D366; color: white; padding: 18px; border-radius: 60%; text-decoration: none; display: flex; justify-content: center; align-items: center;"> <i class="fab fa-whatsapp" style="font-size: 28px;"></i> </a> </div>----}

You can edit the phone number to your desired country WhatsApp number. 

If you want the WhatsApp button to appear by the right, you can change from the code where "left" is written to "right. 

If you are not using blogger; Goto the root directory of your website and paste the code.  

If you are using WordPress try using elementor or goto YouTube and ask how to add Whatsapp Floating Button On WordPress.  

Congratulations you have successfully embed your site WhatsApp buttons