CTA GeneratorWhether you use Calendly, Acuity, Cal.com, or your own booking system, a floating 'Book Now' button keeps the link visible on every page. Visitors don't have to navigate to a specific page to schedule — the option is always one click away.
Booking-based businesses lose up to 40% of potential appointments because visitors can't find the scheduling link at the moment they decide to commit. A floating button solves this by keeping the booking option persistent across your entire site. Consider a therapy practice: a potential client reads the therapist's bio, checks insurance information, and browses specialties across multiple pages — the floating 'Book Now' button is there on every page when they finally decide. The same principle applies to salons, fitness studios, photographers, and tutoring services. For best results, link directly to a specific appointment type rather than a generic booking page, because each extra click reduces completion rates by roughly 20%. If you offer a free initial consultation, make that clear in the button text to lower the commitment threshold.
Suggested Setup
Button text
Book Now · Schedule a Call · Book Appointment
Colors
Blue (#2563EB) for professional trust or orange (#EA580C) for urgency
Position
Bottom-right — persistent but non-intrusive
Why it works
Always-visible booking access
Visitors browse your site, read testimonials, check pricing — and the Book Now button is always there when they're ready.
Works with any booking tool
Link to Calendly, Acuity, Cal.com, Google Calendar appointments, or any URL. The button is just a styled link.
Reduces booking friction
Instead of navigating to a separate booking page, visitors click one button from any page on your site.
No external scripts
Unlike Calendly's embed widget, a floating CTA button adds zero JavaScript to your pages.
Ready to build your button?
Design it visually, export clean code, and paste it into your site.
Open the GeneratorFrequently Asked Questions
Can I link to Calendly or Cal.com?
Yes. Set the button URL to your Calendly link (e.g., https://calendly.com/yourname) or any booking page URL.
Will it open in a new tab?
The default exported code opens in the same tab. You can add target="_blank" to the link in the exported HTML if you want a new tab.
What button text converts best for appointment-based businesses?
Specific text outperforms generic text. 'Book Free Consultation' converts better than 'Book Now' because it tells visitors what they're getting. If you charge for appointments, 'Schedule Appointment' works well because it sets clear expectations.
Can I link to a specific appointment type in Calendly?
Yes. In Calendly, each event type has its own URL (e.g., https://calendly.com/yourname/30-minute-call). Use that specific URL as your button link to skip the event type selection step.
How does this compare to embedding a Calendly widget?
A Calendly embed widget loads JavaScript and an iframe on every page, which slows down your site. A floating CTA button is pure HTML + CSS that links to your Calendly page — zero performance impact, and visitors see the full Calendly interface on a dedicated page rather than a cramped popup.