How to Add a Sticky 'Book Now' Button in WordPress (Mobile Friendly)
By Saurabh Pandey · · 1 min read
On this page
On mobile, visitors read your page by scrolling down. If your only booking button is at the top, many never come back to it. A sticky book now button stays on screen while they scroll, so booking is always one tap away. Ideal for salons, clinics, restaurants, consultants and tour operators.
Method 1: Elementor (sticky bottom bar)
- Create a container containing your button(s), set to full width.
- Go to Advanced > Motion Effects > Sticky and choose Bottom (Pro), or use Advanced > Position: Fixed with bottom offset 0.
- Set Responsive > Hide on desktop if it's for mobile only.
- Add it to every page by putting it in the footer template, or in a popup set to show without overlay.
Method 2: A floating button plugin
Call-button and sticky-button plugins add a floating Call, WhatsApp or Book button with a few clicks, with options for device, position and pages. Good if you don't use Elementor Pro.
Method 3: Sticky header button
On desktop, a contrasting Book Now button in a sticky header does the same job (see making a sticky menu).
What should the button do?
- Open a booking page or calendar.
tel:+91XXXXXXXXXXfor one-tap calling.- A WhatsApp click-to-chat link (see WhatsApp buttons).
Design tips
- High contrast color, used nowhere else.
- Action words: "Book a Table", "Book Free Consultation".
- 48 pixels or taller for easy tapping.
- Add bottom padding to the page so content isn't hidden behind the bar.
- Don't place it over ads or the cookie banner.
Frequently asked questions
Where should a sticky button sit?
On mobile, a full-width bar at the bottom of the screen works best for thumbs. On desktop, a button in the sticky header or a small floating button is enough.
Can I have both a call and a WhatsApp button?
Yes. A two-button bar with Call and WhatsApp or Book is common for local businesses. Avoid more than two.
Will a sticky button cover my content?
Add bottom padding to the page equal to the bar's height so the last content isn't hidden.
What should the button link to?
A booking page, booking calendar, tel: link for calls, or a WhatsApp click-to-chat link.
