How to Publish WordPress Events on your website? - EventPrime

Our best plan is on SALE right now!

Skip to content
Home / Create Events / How to Publish WordPress Events on your website?

How to Publish WordPress Events on your website?

EventPrime offers 9 convenient shortcodes that allow you to effortlessly publish Events and their details on the frontend of your website. These shortcodes make the process quick and straightforward. Let’s take a closer look at each of them:

1. All Events Page

[em_events]

This shortcode displays the Event Calendar, along with its various views and search filters on the frontend. Consequently, this is the most important page of your EventPrime frontend setup.

The available Event search filters are:

  1. Keyword – Shows Events that include only the searched keyword.
  2. Quick Searches – Displays Events that are scheduled in next month, next week, next weekend, or online.
  3. Event Type – Displays Events that belong to the selected Event Types.
  4. Venues/Location – Display Events that occurring at particular Venues/locations.
  5. Performers – Displays Events where particular Performer is performing.
  6. Organizers – Displays Events which is organized by particular Organizer.
  7. Date – Shows Events by the date chosen in this filter.

The available Event Views are:

  1. Calendar View – A traditional calendar format showing Events on specific dates.
  2. Square Grid View – Events displayed in a grid format with equal-sized squares.
  3. Stacked Row View – Events listed in rows, stacked vertically for easy scrolling.
  4. Staggered Grid View – Events displayed in a grid format with varying sizes and positions.
  5. Slider View – Events presented in a sliding format for a dynamic visual experience.

These views allow you to customize how your Events are displayed on the frontend of your website. You can choose the one that best suits your design preferences and provides a user-friendly experience for your visitors.

The available Event Views in calendar views are:

  1. Month View – This view displays Events by the current month in calendar. Users can traverse to other months by clicking on the arrow icons on the left and right of the Month title.
  2. Week View – This view displays Events by the current week in calendar. Users can traverse to other weeks by clicking on the arrow icons on the left and right of the Week title.
  3. Day View – This view displays Events by the current day in calendar. Users can traverse to other days by clicking on the arrow icons on the left and right of the Date title.
  4. List View – This view displays Events of the current week in a list. Users can traverse to other weeks by clicking on the arrow icons on the left and right of the Week title.

2. All Event Types Page

[em_event_types]

This shortcode helps you list all your Event Types on a frontend page. All Event Types you have created with EventPrime will appear here, along with their title, color sprite, and link to visit the All Events page where Events will already be filtered by that Event Type.

3. All Performers Page

[em_performers]

This shortcode helps you to list all your Performers on a frontend page. All Performers you have created with EventPrime will appear here, along with their title, image, role, description, and no. of Events. Clicking on a Performer’s image or title will open that Performer’s individual frontend page.

4. All Event Sites/Locations Page

[em_sites]

This shortcode helps you list all your Event Sites/Location on a frontend page. All Event Sites you have created with EventPrime will appear here, along with their title, seating type, address, no. of upcoming Events, and link to each Event Site’s individual details page.

This shortcode also displays a map with location markers for each Event Site.

5. User Account Area Page

[em_profile]

This is the page from where a User can see and manage his/her activity with Events. Such as Event Bookings, Payments, Event Locations etc. The User Account Area will only display once the user has logged in. If the user is not logged in, he/she will be asked to login before accessing the User Account Area.

6. Individual Event Page

[em_event id=”x”]

Use this shortcode when creating a page to display a single Event. Replace the value of ‘x’ in the shortcode with the ID of the Event you want to display.

7. Individual Event Type Page

[em_event_type id=”x”]

Use this shortcode when creating a page to display a single Event Type. Replace the value of ‘x’ in the shortcode with the ID of the Event Type you want to display.

8. Individual Performer Page

[em_performer id=”x”]

Use this shortcode when creating a page to display a single Performer. Replace the value of ‘x’ in the shortcode with the ID of the Performer you want to display.

9. Individual Event Site Page

[em_event_site id=”x”]

Use this shortcode when creating a page to display a single Event Site. Replace the value of ‘x’ in the shortcode with the ID of the Event Site you want to display.

Questions, Support & Custom Solutions

  • Need more details or can't find what you're looking for? Let us know how we can help! Contact our support team here.
  • Looking for a tailor-made solution to meet your specific needs? Our dedicated customization team is here to help! Use this link to share your requirements with us, and we'll collaborate with you to bring your vision to life.
Subscribe
Notify of
guest

26 Comments
frantz Dupont

Bonjour,
Comment traduire le shortcode : [em_event_submit_form] coté client

Merci pour votre réponse

Joe

Hi, Please help

how do i show future events first ? then follow by past events

Thank you!

Mario

Hi, i need only a list of the upcoming next 8 events in the sidebar [em_events show=”3″ upcoming=”1″] does not work. Can you provide a full list of the options i can use in [em events…]?

Thanks for your help
Best regards

chris

Hi, is there a way to displace the upcoming events on the frontend page. Like a preview of the next let’s say three events? thnx in advance, best c.

Rico Demeter

[em_events limit=”1″ orderby=”start_date” order=”ASC” date=”2024-11-20″]

Hallo zusammen – das funktioniert leider nicht ;/ ich brauche nur eine betsimmen Eintrag auf der Startseite 😉

Kann mir bitte jemand sagen was ich falsch mache 😉

Viele Grüße,
Rico

Trinity College Kandy

Is there a way to disable “view Details” button on ‘Staggered Grid’ view on frontend? We only want to show the events and not the button that goes to each single event page.

Kuba

Hello
I am really happy with the plugin. I just started to play with it and all is pretty clear, its just one problem which I don’t know how to solve;
When on the page the booking starts when the event starts – where is the option to start the booking from now on until the event date?

Thank you

Thorsten G

Hello,
is it possible to order individually the views of event-types?

Kind regards

Olga

Hello, my shortcode [em_event_type id=”x”] does not work. The generic does work [em_events] I am using WordPress with Elementor. Could you help me, please? Thank you.

Kim

Hello – This page (http://theeventprime.com/how-to-publish-wordpress-events-on-the-frontend/) says:
7. Individual Event Type Page
[em_event_type id=”x”]
Use this shortcode when creating a page to display a single Event Type. Replace the value of ‘x’ in the shortcode with the ID of the Event Type you want to display.

I also need help with this and your answer is confusing.

Many thanks

MaKri

Hi

Is it possible to add events from the frontend? For eg. can the website user add an event from the frontend?

Thanks

Arthur Niu

Hello there,

Is it possible to preset a filter with shortcode [em_events]? for example [em_events event_type=”Training”], or [em_events event_type_id=27]

Art

lee

What is an Event Site ([em_event_site id=”x”])?

A Venue? Or is this legacy for an older plugin?

Hunny B.

Hello Lee,

Yes, this shortcode is related to the Venue.

26
0
Would love your thoughts, please comment.x