Demo

Demo Site System Stats: WordPress v.5.3 & EventON v.2.8.3 (Changelog)

This page is a demo of EventON main plugin ONLY and does NOT include any paid addons.

Default Use

The Event Calendar plugin will look like this out of the box after you have added few events. By default the calendar events will slide down once a viewer click on the event.

Colorful Events

Colorful events can be enabled easily via shortcode to add lots of color to your events.

[add_eventon eventtop_style='2']

Event Bubbles

Generate excitement among your website visitors with EventON event bubbles. When clicked on a bubble the event details will be opened as lightbox or as single event page.

[add_eventon eventtop_style='3']

Tile View of Calendar

EventOn Calendar comes in a tile style layout. You can achieve this easily with the below shortcode. Tile view is also compatible with our other addons. You can add upto 4 tiles in a row (per each month). And they are build to be responsive, so when you view the calendar on a smaller screen tiles will shrink down to lesser tiles per row.

IMPORTANT: Tile view on event list version will not show multiple tiles in a row regardless of month.
You will need to use event lists ext. addon in order to show continuous row of tiles from other months.

[add_eventon tiles="yes" tile_count="3" tile_height="250" ]

Tile View of Calendar with Images

Tile version of eventON can also be modified via shortcode to show event features images as the tile background image instead of event color. If an event does not have an image the event color will show as background color. Below shortcode in eventON can achieve this.

[add_eventon tiles="yes" tile_count="3" tile_bg="1"]

Tile View with Event Details Below

Another layout modification of the tile view is to show tiles with event details below the event image.

[add_eventon tiles="yes" tile_bg="1" tile_style="1" ]

Calendar Filtering

EventON calendar comes with filters that can be turned on to allow viewer to easily filter through events to find what they exactly need. EventON support 2 styles of filtering — dropdown filter and multi checkbox filtering. NOTE: Below examples have event counts limited to 1 event.

[add_eventon exp_so="yes" ]

Calendar with Month Jumper

You can enable the month jumper for eventON using the below shortcode. This will allow users to easily jump to other months. Below example show the jump month section open by default and it can be set to open on click of the button.

[add_eventon jumper="yes" exp_jumper="yes" ]

Open Calendar Events as Lightbox

You can set the calendar events to be opened as in-window lightboxes using below shortcode.

[add_eventon ux_val='3' ]

Open Calendar Events as Single Event Page

Below shortcode will open events in its own single event page. This gives users a clear non distracted view of the event information.

Learn moe: How to customize single event page

[add_eventon ux_val='4 ']

Calendar with events from Dress-code = formal Event Type only

This variation of the calendar can show events only belonging to a certain event types. In this example below we are showing events that have event_type category set as “formal”.

Learn more: How to do more with event types, Event type categories guide

[add_eventon event_type="3"]

Calendar with thumbnails on eventTop

This calendar version calendar will show a thumbnail of the event’s featured image on the EventTop.

Learn more: How to set featured image for event.

[add_eventon show_et_ft_img='yes']

Accordion effect calendar

This version for eventON will make the calendar “slide down” events close all other slided down events close first while creating an accordion effect. This only work for slide down interaction state events only.

[add_eventon accord='yes']

Don’t do anything when clicked

Using the shortcode variations below you can set the calendar to not do anything when someone click on the events. This is a good example when you want to ONLY show few events and have a link at the bottom of the events that link to a full list of events.

[add_eventon ux_val='X']

Load more events as you go

You can also set eventON calendar to show X number of events on initial load and have rest of the events show up in increments as needed. In the example below we are showing 1 event and load more events button will show events one by one.

[add_eventon event_count='1' show_limit='yes']

Load more events as you go via AJAX

EventON also allow you to load more events via AJAX driven pagination. This method will allow you to load only few events on the website at first without draining resources and visitor can load more events as needed via AJAX. (Above method load all events on load and show events in increments)

[add_eventon event_count='1' show_limit="yes" show_limit_ajax="yes" ]

Single Event Box

With EventON you can show just that one event only in your website via shortcode pasted exactly where you wanted the single event box to look just like the below example. You can further customize what you want to happen when clicked on these event boxes – below example will redirect to single event page. This event box can also be set to open as lightbox, external link, slide down or do nothing.

[add_single_eventon id="40"]

ICS download all events

Apart from allowing individual events to be added to calendar and google calendar you can also allow users to download all the calendar events as a ICS file (example below).

[add_eventon ics="yes"]

Search Box

EventON calendar also comes with its own search box that allows your website visitors to search for events easily. You can implement a search box like below or have the search bar appear above calendar to allow searching only events in calendar view range.

[add_eventon_search number_of_months="2" search_all="yes" ]

Location, Organizer and Event Types Archive Page

EventON calendar auto generates archive pages for location, organizer and all event types. These archive pages show information about the taxonomy term and a list of all the events in this term (eg. events at this location) as a event list calendar.

Location Archive Page

Basic Event List

The basic event list version of eventON can show set number of months of events as an event list. The separating month titles can be removed via shortcode as well to further customize. You can also hide empty months in the list and hide repeating events between months.

[add_eventon_list number_of_months="3" show_year="yes" ]

Other Variations of EventON

Below are several other variations you can achieve with eventON main calendar plugin.

Upcoming Event List Past Events List RTL Calendar Tile Event List Search