How to add a 'tap to call' button on mobile?

Design help General
1

Hi, wondering how I can have something similar to this on the mobile site? In which it’s always showing but sticking to the button of the mobile page?

Screen Shot 2020-03-18 at 11.08.37 PM
Screen Shot 2020-03-18 at 11.08.37 PM1214×328 296 KB

Thanks!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

@arodceo - I can help you out, but can you share your read-only link so I can give exact instructions?

Here’s how to get that read-only link:

Also, if you reply, please @myonke me so I get a notification.

3

hey sorry for the delay. here’s the read only link (by the way site isn’t finished yet).

https://preview.webflow.com/preview/level-edge-construction?utm_medium=preview_link&utm_source=designer&utm_content=level-edge-construction&preview=8492b1f3157540ee48ec9097df435ac2&pageId=5e35f2eaa3d85b81b11b0ee1&mode=preview

4

No worries, it’s super easy:

https://www.loom.com/share/f3d0dfc00a604fd2977056a779659923

5

Okay dope. so it would be a button with ‘tap to call’? How could I assure it stays as the footer the whole time someone is scrolling (meaning that it’s always there for them to call.

6

Super simple too, just change the button position to fixed. hope this helps!

https://www.loom.com/share/2944056f1fc14bafb33452b51f0d5e43

7

How can I have it where that ‘call now button’ is fixed at the bottom but only appears on mobile. Not on laptop or desktop view?

8

display set hide

2 Likes
9

Thank you! This did it. Mind me asking what the easiest way to stay floating? So when a user is scrolling it is always at the bottom of the screen. So they can call, without having to wait until they scroll to the bottom.

1 Like
10

If you’re still around, just wondering how people get the button to disappear when they scroll down but they can pull it back up on scroll up