The purpose of this article is to help you understand how to: 

  • Make the booking summary scrollable 

 

Enable the Scrolling Booking Summary

To make your booking form scroll up or down as the client navigates your booking form, go to:

Settings > Design Forms and Website > Website Builder and Themes

Click on the orange "Customize Theme" button to open the website builder.

Click on the "Page" drop-down menu at the top center of the screen and select the "Book Now" page. 

Close the side menu that appears on the left.

Scroll down slightly until you see the buttons for "Change Background", "Customize", "Rearrange", and "Settings".  Click on "Settings".

A pop-up window will appear.   

Under "Enable scrollable booking summary on mobile?", select "Yes" to enable the scrollable booking summary on mobile.

Under "Booking summary should be scrollable?", select "Yes" to enable the scrollable booking summary for desktop web browsers.

Optionally, you can set a top margin for how much space you'd like between the top of the screen and the booking summary by entering the number of pixels into the box below.  Then, click the blue "Save" button.

For the booking summary to scroll on desktop browsers, it must be positioned below the other sections on the left side of the booking form.

To do this, click on the "Rearrange" button just left of the "Settings" button.  

On the left side of the page, click and drag the "Summary Box" down to the bottom of the list.

Then scroll down to the bottom of this section and click the green "Save and Publish" button to update the order.

Finally, click the blue "Save and Publish" button in the top right-hand corner of the screen to push your updates live to your site.

Your booking summary will now scroll with your customers as they navigate your booking form.