How to Add and Publish Events

Welcome to EventON! After installation, adding events is straightforward using the familiar WordPress editor. This guide walks you through creating your first event, from basics like title and dates to optional customizations. Events power your calendar, so start here to populate your site.

Prerequisites:

• EventON installed and activated (see our Installation Guide).
• WordPress 5.0+ with Gutenberg editor.
• Basic WP knowledge (e.g., publishing posts).

Once set up, events appear via shortcodes like [add_eventon]. Learn more in our Shortcode Guide.

Step 1: Accessing the Add Event Screen

1. In your WordPress dashboard, look for the Events menu item on the left sidebar (it appears after activation).
2. Click Add Event (or hover on Events and select Add New).

This opens a new event post in the block editor, similar to adding a page or post.

Step 2: Adding Title, Description, and Content

1. Enter the Event Title (e.g., “Annual Conference 2025”).
2. In the Gutenberg editor below, write the Event Description using blocks for text, headings, or media.

Enhance with Media and Files:

• Add images, videos, or galleries directly in the editor—they’ll appear in the event details on the calendar.
• Embed links to PDFs or downloadable files (e.g., agendas) using the Link block. These show under event details for easy access.

Step 3: Setting Event Dates & Times

1. Scroll to the Main Event Details section (metabox).
2. From Time & Date side menu item, set Start Date/Time and End Date/Time using the calendars.
   • Note: Always select an end date— if omitted, EventON defaults to the start date, which may cause display issues for multi-day events.
3. You can select your desired Event Timezone here.
4. Under Event Time Extended Type you can select, if the event will be full day long, month long, or year long. — this will override the event date/time from above.
5. For repeat events – Click Repeat Event and fill in repeat event data.

Other Event Date Time Options Explained.

Event Option Type	Description
Virtual End Time	Set a virtual event end date/time, which is visible on the calendar. However the event end date/time will be used for displaying the event in calendar.
Hide End Time	Hide end event date/time on calendar — show only event start date/time.
Hide Live Progress Bar	Hide the live event progress bar from eventTop on the event.
Show Event Duration (@v5.0)	Display duration of the event on eventTop and on eventCard time box.

Step 4: Setting Other Data

Other Data Explained.

Option	Details
Event Subtitle	Set a subtitle for an event, which can be configured in eventON Settings > EventTop > EventTop Designer to appear on the eventTop.
Event Status	Specify current event status. – Scheduled, Cancelled, Moved Online, Postpones, Reschedules, Preliminary, or Tentative. Some options like Cancelled will allow you to add a reason/ further details. — Add this field to eventTop from EventTop Designer.
Event Attendance Mode	Set whether the event is, Physical Event, Online Event, or Online and Physical Event. Attendance mode will create a tag that will can be shown in eventTop (enabled via EventTop Designer). It will also populate SEO Schema data.

Step 5: Creating or Choosing a Location

Location Options Explained.

Option	Description
Visible Only to Users	Make event location only visible only to registered users of your website.
Hide Location Name	Hide location name from eventCard location box.
Generate Google Map	Generates a google map from the location address in eventCard. Must be added in EventCard Designer.
Location Info over Location Image	If you add a location image for the location, this will show location name and description over the location image. — Location Image must be added to EventCard via EventCard Designer.

“Note: Google maps API must be set for the google map to appear in event.”

Adding a New Location

Create a new location and provide the necessary location information.

Adding New Location Options Explained.

Option	Description
Latitude/ Longitude	Leave empty when creating a new location. It will be automatically populated once the location is saved. When editing a location, you will see a new button to populate location (Next to save changes).
Location Image	Set location images by clicking on the + box, which will open WP Media Library.
Link for Location	Add http:// url for the location you would like to be opened from location information sections.
Related Locations	If you have added other locations, you can select those in here that are related to this location. This will show on location archive page and location lightbox.
Location Type	Select whether this is Physical Location or Virtual Location. This will be populated in event’s SEO Schema data.

Step 6: Creating or Choosing an Organizer

Adding a New Organizer

Add a new Organizer by clicking Add New button on the organizer section.

Organizer Options Explained.

Option	Details
Organizer Secondary Description	Add HTML based organizer description content in here. The main organizer description may remove HTML content when saved, but this field allows HTML content.
Organizer Image	Add organizer image by click Select an Image.
Related Organizers	If you have other organizers, this allow you to choose related organizers to this organizer, which will appear in Organizer archive page or Organizer lightbox.

Step 7: Setting User Interaction

User Interaction Options Explained.

Option	Details
Do nothing	Clicking on eventTop will not do any interactive actions, such as open event lightbox or open event page.
Slide down EventCard	Clicking on eventTop will slide down the eventCard details below.
External Link	Clicking on eventTop will open an external link saved in the link field. You can set this to open in same window or new window, as well.
Popup Window	Open lightbox of eventTop and EventCard details within the same web page.
Open Event Page	Clicking on eventTop will open the event page.

Step 8: Set Learn More Link

Enter a complete URL e.g., http://test.com — of a link you want to add as Learn More. Learn more data must also be enabled from EventCard via EventCard Designer.

Step 9: Setting Related Events

This allows you to show other related events, to the current event on event page and eventCard. Related Events data must be enabled via EventCard Designer.

Configuring Related Events

• Configure button will open a lightbox with other events found in your website. You can search among the list by typing event names in the Search Field.
• Click on desired related event, a check mark will appear to indicate selection.
• Save Changes once complete with related event selection.

Optional Extra SEO

These are optional data that will supply relevant Schema data on the event page. Sometimes, missing this data will throw notices when validating event SEO.

Step 10: Adding Event Types (Optional)

1. In Event Type and Event Type 2 fields, select or create tags (e.g., “Workshop” or “Virtual”).

These taxonomy tags enable filtering on calendars (e.g., show only “Conferences”).

• Not required, but useful for organization.
• Learn more: Using Event Types for Filtering.

Step 11: Choosing an Event Color

1. In Event Color (on the sidebar), click the color box.
2. For your first event, click the top swatch to open the picker and select a hex code (e.g., #FF5733 for orange).
3. Save—it’ll appear as a preset for future events.
4. (Optional) Click Set Gradient Colors to create dramatic gradient color effects.

Colors tint the event on calendars and cards for visual categorization.

“Note: Saved colors auto-populate the dropdown in new events. Customize further in settings.”

Step 12: Setting a Featured Image (Optional)

1. In the right sidebar, click Set Event Image.
2. Upload or select an image from your media library.

This image displays prominently on the event top & event card (If configured to .

• Recommended size: 800x600px for best quality.
• Once added to the event card layout, it shows site-wide (see Event Card Designer Guide).

Final Step: Publishing and Verifying the Event

1. Review everything in the editor preview.
2. In the Publish panel (top-right), click Publish (or Update if editing).

Your event is now live!

Verify on Frontend:

• Click View Event to open event page on new window, and verify details.
• Add the calendar to a page using the shortcode [add_eventon] .
• View the event: Check date accuracy, color, image, and slide-down details.
• If using lightbox or bubbles, test interactions.

Troubleshooting and Next Steps

• Event not appearing? Ensure the calendar shortcode is on a published page and clear cache. Check for date conflicts (e.g., past events hidden set in settings).
• Description issues? Gutenberg blocks may need the event card field enabled—see our Event Card Guide.
• Repeating events? Use the Repeat Event option in Time & Date section in Main Event Details for recurring setups.

Ready for more?

• Display events: Calendar Shortcodes.
• Configure Event Top: Event Top Designer.
• Customize cards: Event Card Designer.
• Add FAQs or tickets: Explore addons in our Documentations.