With the Services Vagaro components, you can show off the services you sell and have your customers book directly on your MySite. This Vagaro component syncs with your Service Menu on Vagaro, so ensure you've set up your Service Menu before adding this component.
Before continuing, we recommend you learn how to place components and the different Vagaro component types.
Prerequisites: This feature requires MySite. To set up your first website, see Getting Started with Vagaro MySite.
With the Services component, you can customize and choose what items on your service menu should be shown on your MySite.
To choose what services appear in this component:
-
Select MySite
.
-
In the MySite Editor, select the Services component to be customized. The right Style pane will appear for you to customize.
-
In the Services Style panel, scroll down to the Services option and select All Services.
-
Search for and select the services and categories to be included on your website.
-
Preview and publish the changes to your MySite:
-
To preview your MySite, go to Publish, then select Preview.
-
To publish your website, go to Publish, then select Publish.
-
To customize your Services component:
-
Select MySite
-
In the MySite Editor, select the Review component to be customized. The right Style pane will appear for you to customize.
-
Optionally, to make changes to the content of the component, select Edit in Vagaro.
-
Customize the component as needed:
-
Size: Manually set the width and height of the container. Select the Lock button to lock in an aspect ratio (shape).
-
Location: Choose what business the Services component will generate from. For example, if you have a Service Menu for two of your businesses, select the correct Location.
-
Allow Booking for: Choose whether to allow customers to select a location they want to book with (if you have multiple locations) or just the Location you selected.
-
Layout: Change how each service appears on your website. You can see an example of each layout here.
-
Services: Customize the services shown in this component.
-
Panel Radius: Change the roundness of each panel.
-
Panel Spacing: Change the distance between each panel.
-
Advanced Settings: More advanced users can change the CSS, Shape, and Effects of the component.
-
-
Customize the color of elements in the Services component:
-
Font Color
-
Title
-
Description
-
Price
-
Panel Color
-
Panel Border
-
-
Preview and publish the changes to your MySite:
-
To preview your MySite, go to Publish, then select Preview.
-
To publish your website, go to Publish, then select Publish.
-
Comments
0 comments
Please sign in to leave a comment.