Calendar View

The Calendar Module will allow visitors to check the calendar for upcoming events. You can add a calendar and choose which events you want to add to the calendar. There are two ways to do this. One method uses the Shortcode and the other uses the Elementor Widget.

Shortcode for Events with Calendar #

From your Dashboard, go to Eventin -> Available Shortcode -> Events With Calendar. Here, find Events with Calendar and click on Generate Shortcode.

calendar

Event Calendar Settings #

Next, set the following parameters to generate the shortcode:

  1. Select Calendar Event – Choose Event with Calendar.
  2. Select Style – 2 different styles to choose from which are Style 1 and Style 2.
  3. Select Category – Choose the category of events you want to show on the calendar.
  4. Display Calendar – 3 different styles which are Left, Right and Full Width.
  5. Show Description – enable/disable description to be viewed in the event list.
  6. Event Limit – Limit the number of events to display.

Paste the shortcode on a New Page and click on Publish.

Now visit your page and you will see the calendar with events. The dates for the events will be highlighted in the following manner.

2 Different Styles for Calendar #

You can choose 2 different styles for displaying the calendar.

3 Different Calendar Layouts #

You can choose 3 different layouts for your calendar which are Left, Right and Full-width.

Calendar View Pro #

For WPEventin Pro users, you will get a pro version of the calendar view. Here, you will be able to select daily, weekly or monthly events. From your dashboard, go to Eventin -> Available Shortcode -> Events With Calendar Pro. Here, find Events with Calendar Pro and click on Generate Shortcode. You can edit the following settings:

  1. Select Calendar Event – Choose Event with calendar.
  2. Select Category – Set the category of events you want to display.
  3. All Day Slot Enable – Select YES to turn on all day slot.
  4. Display Calendar – Choose daily view, weekly view or monthly view for your calendar.

Daily Calendar View #

Weekly Calendar View #

Monthly Calendar View #

Calendar Event with Elementor #

Find Eventin Event from your Elementor sidebar and Drag and Drop the Event Calendar widget.

Then edit the event details from the sidebar. These settings or parameters are exactly the same as the ones from the shortcode generator.

What are your feelings
Updated on April 3, 2024