Event Calendar

by Admin on Jan 02, 2025

1. What is the Event Calendar?

The Event Calendar showcases events, promotions, and announcements on your storefront. It helps customers stay informed, enhances engagement, and supports features like ticket sales and calendar integration for seamless event participation.

2. Section Components

Section		Showcase events, promotions, and announcements with interactive features.
Available block		Add more event cards to the section Set up the event information

3. Location & Setup

Go to “Online Store” > “Themes” > “Customize”.
Select where you want to place it
Click "Add Section".
Search for Event Calendar.
Click on it to add.

4. Highlight features

Showcase Events: Made for event display, showing event name, date, time, and location, with options for start and end times.
Pop-Up Descriptions: Provide detailed event information when customers click on event titles.
Direct Calendar Integration: Enable users to add events to platforms like Google Calendar, Apple Calendar, Outlook, etc. with one click.
Event Tickets: Link events to products, selling them as tickets with customizable variants.
SEO-Friendly Descriptions: Use heading tags to optimize event content for search engines.

5. Common Use Cases

🤔 How to add and show events?

To simply set up and showcase upcoming events on your storefront, you need to take some steps:

STEP 1:

Add the Event Calendar section, and:

Change the Heading as you want.
Choose the right Time zone.
Choose the Time format (12-hour or 24-hour).

STEP 2:

Click on an Event block, and fill in several important fields::

Event Name
Summary
Location
"Add to calendar" button label

Start date
End date (optional)

STEP 3:

Fill in the Detailed description field to add more information in a pop-up for customers to see when they click on an event title.

STEP 4:

Click “Save” when done.

If you want to explore more customization options for your Event calendar, continue reading the next part.

🤔 How to Sell Tickets for an Event?

Need to link an event to a ticket product? Follow these steps:

STEP 1:

Click on one Event block to open the setting panel, under the Event tickets group, enable Offer Tickets for This Event.

STEP 2:

Link the event to a ticket product by pasting the product URL or searching for it in the Ticket page link field.

⚠️ Note: You must create a digital product first to have the link.

STEP 3:

Customize the Ticket button label (e.g., “Buy Tickets”) and select the Button style (Primary or Secondary).

STEP 4:

Click “Save” when done.

🤔 What customization options can you give your Event Calendar?

For the whole Event Calendar section
✨ Change color scheme:	Click on the Event calendar section, and choose the overall scheme you want to use in both light and dark mode in the Color schema.
✨ Change the heading size:	Click on the Event calendar section, and choose the Heading size to be Small, Medium, or Large.
✨ Change the Heading tag (for SEO purposes)	Click on the Event calendar section, and choose the Heading tag from the list.
✨ Change the heading alignment	Click on the Event calendar section, and choose the Heading alignment to be Left, Right , or Center.
✨ Change the image ratio for all the events	Click on the Event calendar section, and choose the ratio you want by clicking on Image style setting.
✨ Add a border to all the event cards	Click on the Event calendar section, and choose the Line and border option from the list.
✨ Change the desktop layout for this section	Click on the Event calendar section, and scroll down to Desktop layout , you will have the option to make it 1 or 2 columns.
✨ Change the section width, add padding, or add a divider	Click on the Event calendar section, and scroll down to the Section layout group, and you will be able to change those settings.
For a single *Event* card block:
✨ Add an image for an event	Click on an *Event* block, then in the Background image setting, select an image you want.
✨ Change the button style	Click on an *Event* block, then in the Button style setting, select to make it follow Primary or Secondary style.

Need help? Contact our support team at Omni Themes Support.