Booking Page Settings

Please note: Depending on your subscription plan, the Booking functionality may be unavailable for your project. Only subscriptions that include MySchedulr integration will have Booking functionality.

  • In the Site Editor, hover over the left sidebar and click Pages:

  • In the Pages panel of the Site Editor, click the Gear icon next to the Booking to open the Booking Page Settings.

  • Page Settings sidebar appears on the left side of the Editor:

Page Tab

Booking Page settings allow you to configure basic information about your store page, including:

  • Page Name: The internal name of the page.
  • URL: The page's address.
  • Hide Page: Click the Hide Page button to remove the page from the navigation menu. Hidden pages can still be accessed through links and appear in the Hidden section at the bottom of the Pages panel. You can also hide a page in the Menu section of the Pages panel if at least one other page is hidden.
  • Unhide Page: Click the Unhide Page button to show the page in the navigation menu. You can also drag and drop the page to any location within the Menu section.

SEO Tab

SEO settings allow you to optimize your store page for search engines. You can manage:

  • Title: The title will be displayed in the browser tab.
  • Description: A summary of the page's content.
  • Social Share Image: Set an image that will appear on a thumbnail when the page is shared on social media platforms.
  • Show Page in Search Results: Control whether the page is visible on the website and in search engines.

Layout Tab

Layout settings determine the overall appearance of your store page. You can choose from different layout formats and customize their appearance.

  • Layout Format Options: Choose between Grid, and List.
  • Compact: Changes the card's appearance and places a button under the rest of the information (List layout only).
  • Line: Adds and changes a line between cards (List layout only).
  • Total Rows: Set the number of rows displayed on the page.
  • Services Per Row: Specify the number of services in each row (Grid layout only).
  • Margin: Set the margin around the product catalog.
  • Services Spacing: Adjust the spacing between services cards.
  • Categories: When enabled, this setting will show a drop-down list of categories on the Booking Page. It also allows you to select the desired category to display by default.

View Tab

Manage View Page settings on the View tab.

  • Image Shape: Choose the image shape from the drop-down list: Circle or Square.
  • Image Aspect Ratio: Set the image aspect ratio (available only for Square): 2:3 Standard, 3:4 Three-four, 1:1 Square, 4:3 Four-three, 3:2 Standard.
  • Switches: Determine which product information is displayed on the card: Image, Service Name, Short Description, Description, Price, Duration. 
  • Button. Set the name of the button.
  • Full Width. Switch the Full-Width toggle on to stretch the Button across the entire width of the service card (Grid layout only).

Design Tab

Design settings allow you to customize the color scheme and visual style of your store page. You can manage:

  • Catalog Background: Set the background color of the catalog.
  • Catalog Border: Adjust the color and size of the catalog border.
  • Card Background: Set the background color of service cards.
  • Card Border: Adjust the color and size of the card border.
  • Hover Effects: Configure visual effects when hovering over product cards (Highlight Border, Highlight Background, Highlight Shadow, Scale, Shine, Grayscale, Sepia, Blur).

Please Note: No effects are applied if the toggle is turned off.