Jump to content

Floating "Online Booking" Button

Recommended Posts

I am creating a site for a client which is looking to have a floating "online booking" or "book your room" button that is floating on the top right hand corner of the screen. 
We want to have the call to action button always there.  I've seen code injections for adding the "top" button to scroll to top, but how do i create an "online booking" button that will link to the reservation site. (another page).


Any tips would help!  Thank you!





Link to comment
  • Replies 1
  • Created
  • Last Reply

This should be very straightforward, but it will depend on 'how' the online booking service is called. You'll need some simple JavaScript to add the button to the page, with an absolute or fixed position. To help you further, we'll need a working link to the site. If your site isn't live yet, please set a site password and tell us what it is, so that we can view it. Also, please post the code that will trigger the booking service - if this is external to your website.

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.