Skip to main content

How to add a Booking Page to your store?

Support avatar
Written by Support
Updated over 2 weeks ago

There are few ways to add a Booking page in your store.

1. As a Product or Collection for Events

2. Use Events Widget with Calendar

1. As a Product or Collection for Events

Once you create any event in Servv app, you will see a “product" will be created automatically in your Shopify store. This product will be linked to your event. You can now customize your website and add this product anywhere you like in your website where customers can easily book the event.

Screen_Shot_2020-12-18_at_2.55.45_PM.png
Screen_Shot_2020-12-18_at_2.59.40_PM.png

Use a Collection

Additionally, you can create a collection under `Products->Collection->Create Collection` section and select "Manual" or "Automatic" collection type based on your requirements. For "Automatic", you can select a vendor id to different between different types of events e.g zoom events, events or recordings as shown in screenshot below:

mceclip0.png

2. Use Events Widget with Calendar

Servv also provides "Storefront Widget with Calendar” which allows you to display all events within one widget. The widget can be enabled on homepage or dedicated page within your site. The widget is only available for Events (Online, In-Person, LiveShopping etc).

First, you need to activate the Events widget under "Servv app->Widget->Event Widget" section. You will see two options for the widget. You can choose either "in-page" display or "pop-up" display for your widget.

mceclip1.png

This widget will automatically show all the upcoming events on your site homepage. Customers can easily book events through this widget.

Here is the view of the widget provided by Servv:

Screen_Shot_2021-05-19_at_9.48.34_AM.png

To add Events Widget to other pages within your site, please refer to this article:

Other articles to refer to for information on events within the store space:
How to add images to your event?
View Products and Orders for the events.
How to move your event product to separate collection?

Did this answer your question?