MySite: Component Types – Vagaro Support

In Vagaro MySite, there are four different component types:

Text Components: Headers and text blocks on your website. You can customize up to three text blocks and four header styles in your global site stylings.
Layout Components: The building blocks of your website; used to organize and separate content and keep your website organized.
Element Components: Simple components, such as images, videos, and buttons.
Vagaro Components: Sync from your Vagaro business and require no maintenance once added. For instance, if you add the Facility Information Vagaro component, it will appear all the information set in your Vagaro settings exactly as it appears on your Vagaro Listing Page. Any changes you make to the Facility Information within Vagaro will automatically be reflected on your website.

Each component has its own use and functionality. Play around and test the different components to see what they do and how they can improve your website. We also have some articles that cover the more complex components.

Component	Description
Text Components
Text	Plain text, including bulleted lists and numbered lists.
Heading	A header. Use this to separate larger blocks of text.
Layout Components
Container	A smaller element that can be used to hold components like images. A container can be placed inside a column.
Column	Divide components inside of a section.
Spacer	Create space between different components, like a line break.
Section	Divide the website into different groupings of components. You can't place any details without a section.
Element Components
Image	Show off your photos on your website.
Button	Create a selectable link to another webpage. You must link to a webpage when creating a button.
Image Slider	Create an image carousel that can be used to hold multiple images in one component.
Before & After	Place side-by-side images.
Video	Add a video to your site.
IFrame	Add a website within your website. You can use an IFrame to embed a form directly on your site.
HTML	For Advanced Users. Add custom HTML to your site.
Vagaro Components
Book Now	Best used as a section. Embed a scheduling widget directly into your site.
Call	Create a selectable button to call your business directly.
Classes	Add a scheduling widget directly on your site that displays available classes and workshops.
Daily Deals	Add your current Daily Deals directly on your webpage.
Description	Add your Business Description directly on your webpage.
Facility Information	Best placed as a Section. Adds your Facility Information directly from your webpage.
Form	Place fillable forms directly on your webpage.
Gift Cards	Best placed as a Section. Adds all the different Gift Card designs your business offers so that customers can purchase them directly on your webpage.
Hours	Add your business hours directly on your webpage.
Location	Add a map pinpointing your location directly on your webpage.
Memberships	Add all the different Memberships available at your business so customers can purchase them directly from your webpage.
Message	Add a button to allow customers to message your business email directly.
Packages	Add all the different Packages available at your business so customers can purchase them directly from your webpage.
Products	Best used as a Section. Adds your Online Store directly to your website. Displays product images and prices directly from your webpage.
Reviews	Add individual reviews from your customers.
Review Summary	Show a quick summary of your business's ratings.
Services	Add your service menu directly onto your website. Shows product names, images, and a Book button so customers can book instantly from your website.
Socials	Add selectable buttons with all social media platforms you've linked to Vagaro.
Staff	Add your entire Staff list to your webpage. Your customers can view reviews, descriptions, and photos from this component. They can also book from this component as well.
Venue Gallery	Add all your beautiful photos from your venue gallery directly to your site.