Posts

Showing posts with the label whatsapp button with css

How to create a floating WhatsApp call to action button for website (No Plugin) ?

Image
            Today in this post I will share with you how to create a floating WhatsApp call to action button for your website. This call to action button will help your website visitors to send you a message through WhatsApp instantly from any page of your site. This button will float at any position of your website viewport as you wish, maybe in the bottom left or bottom right etc. Benefits of WhatsApp CTA button If your website has a WhatsApp CTA button, website visitors will be able to contact you easily whenever they want and it also gives your website a nice look.  Coding for WhatsApp CTA button Let's begin the coding part. In this case to get the WhatsApp icon we will use the font awesome. So at the very beginning let's paste the font awesome CDN link in the head section of your webpage. The CDN link is given below. <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="