Service

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

The Service element allows adding a Service card to any page (except Booking).

Adding Service Element

Option 1

  • Hover over the desired section and click Add Element:

  • Choose Service from the modal that appears:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Option 2

  • Hover over the left sidebar of the Site Editor and click Build (+) button:

  • Choose the element:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Moving and Resizing Service Element

Please refer to the Elements Management (New Grid) article to learn more about moving and duplicating elements.

Customizing a Service Element

To edit, duplicate or delete the element, click on it and switch between the buttons that appears in its toolbar:

Editing the Product

  • Click the service element to display the Edit button to be able to modify the product's View and Design:

View Tab

The View settings allow configuring the following options:

  • Service Picker. Click the Select button to open the pop-up and select a service to display, then click Select to confirm your choice:

  • Image Shape: Choose the image shape from the drop-down list: Circle or Square.
  • 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.

Design Tab

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

  • 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.

Duplicating the Service Element

  • To duplicate the service, click on the element and choose the Duplicate button that appears in its toolbar:

  • The duplicate of the element will appear immediately.

Deleting the Service Element

  • To delete the service, click on the element and choose the Remove button [Bin] that appears in its toolbar:

  • The element will be removed immediately.