Whatsapp button (floating button) on scroll

andrew555.atttt
4 Posts
andrew555.atttt posted this 14 August 2024
Ask a Question

Good afternoon! I wanted help designing a button with the WhatsApp icon that follows the scrolling of the website. When you click on the WhatsApp icon, it takes you directly to the WhatsApp conversation link.

Vote to pay developers attention to this features or issue.
4 Replies
Order By: Standard | Newest
MEHDI48
67 Posts
MEHDI48 posted this 14 August 2024

Hi,
Download this code
And See Attached
and finaly Preview
Here an Example

Whatsapp-button1.png

Whatsapp-button2.png

Whatsapp-button4.png

Whatsapp-button3.png

Whatsapp-button5.png

Last edited 14 August 2024 by MEHDI48

Support Team
Support Team posted this 15 August 2024

Hello Andrew,

Please check the ticket below
https://nicepage.com/questions/409533/whatsapp-button-floating-button-on-scroll
...................................................
Sincerely,
Ahmad.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

andrew555.atttt
4 Posts
andrew555.atttt posted this 16 August 2024

Hey, I did it step by step. But the button on his website was green and the WhatsApp icon was gray and not green with the white icon. I would like to know how I could change this gray to white inside the green circle.

site: dosmanos.com.br

Att. Andrew Tavares

Last edited 16 August 2024 by andrew555.atttt

MEHDI48
67 Posts
MEHDI48 posted this 16 August 2024

Check if you have correctly set the color code as indicated in the CSS Code

position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;

You must log in or register to leave comments