How to Integrate Events Calendar in WP User Frontend

A- A+

WP User Frontend (WPUF) allows administrators to seamlessly integrate with The Events Calendar plugin. This integration enables users to create and manage events directly from the front end of the website.

Features & Benefits

Users can create events without accessing the backend.
The free version supports basic event creation.
The premium version provides additional customizable fields.
A built-in template simplifies form setup.

Requirements

To use this integration, ensure that the following plugins are installed and activated:

WP User Frontend Free
The Events Calendar Free
WP User Frontend Pro (Required for full access to all fields)

Configuration

Follow the steps below for configuring the WP User Frontend with the Events Calendar:

1. Create an Event Form

Navigate to WP admin Dashboard → User Frontend → Post Forms → Add Form.
Select the Events Calendar built-in template from the pop-up window.

The form builder will open with default fields.
You can remove, edit, or add new fields as needed, though it’s better to keep some fields such as organiser and venue field as it is.

1. Make the necessary changes to the form fields as needed.
2. Enter a Form Title.
3. Click Save and publish the form.

2. Paste the post form shortcode to a page

After creating the form, copy the shortcode provided by WP User Frontend. This shortcode will be used to embed the form on your desired page.

Create or edit a page where you want the Events Calendar to appear. Paste the shortcode into the page content.

Now, navigate to wp-admin → Pages → Add New → Paste the shortcode → Save.

Frontend View

Users will be able to fill out the event submission form.
The form allows users to create Venues and Organizers.
Users can select predefined Categories from the form.
Admins can predefine Event Categories, Venues, and Organizers via wp-admin → Events.

Event Submission

Fill in the event details in the form.
Click Create Event to submit.
Users will see a summarized version of the event details upon submission.

Managing Events

Admins can manage submitted events by:

Navigating to wp-admin → Events → All Events.
Viewing, editing, or removing events from the dashboard.

This integration offers a user-friendly method for creating and managing events, while enabling administrators to efficiently review and manage event submissions.