The above code would pre-fill a message saying 'This is your message' to the number +001-(555)1234567, which would look something like the below if they clicked your link from a desktop or laptop. To add pre-filled message text, you will need to add a string of code to the end of your link.Īdd ?text= after your phone number, then enter your message but replace any spaces with %20.

Our software allows you to add pre-filled text to the message when someone clicks your link, rather than the user having to enter their own message. If they're on a desktop or don't have the mobile app installed, it will allow them to send you a message via their web browser. Link Create WhatsApp Sharing button Create WhatsApp Sharing icon using image. When the user clicks your link, it will open a conversation with your number in their WhatsApp application if on their mobile. This chapter will guide you on adding a WhatsApp sharing link or button. Do not use any brackets or dashes when adding the phone number in international format. Your link should be where the is your full phone number in international format. To add a WhatsApp link, select either the Link icon or WhatsApp icon and enter your WhatsApp link. Your WhatsApp link can be added to any contact field or social icon, and works with mobile devices and desktop. Here we have created one example to change color of icons with css classes.You have the ability to enter pre-filled message text when the user clicks your link, or create a new message and allow them to enter the text themselves.

Sometimes we need icons in different color, as we suggested by adding css style we can change color. Change Bootstrap Icon Icon Whatsapp Color Smililarly you can add border color, shadow and other font styles to Whatsapp. On the same way you can change size of Whatsapp icon by just adding style='font-size:50px '. It is pretty simple to change color of icon Whatsapp just add style='color:red' it will make font color red. You can customize Bootstrap Icon whatsapp Icon Whatsapp as per your requirement, suppose that you need to chnage the color of Whatsapp icon or change the size of size. You need to add the icon class along with bi, it is basically main class and mandatory for icons so do not forget to add this class. up the Link block and fill the Module Link URL with WhatsApp universal link. Bootstrap Icon whatsapp Icon | whatsapp | HTML, CSSĪdding Bootstrap Icon icon HTML Whatsapp( whatsapp) in web project is very simple. On the Icon field, search for the WhatsApp icon so we can use it as our.

Whatsapp icon link