Do you want to allow users to submit calendar events on your WordPress website?
Adding user-submitted events is a great way to build a community and boost engagement on your website.
In this article, we’ll show you how to create a user-submitted events calendar in WordPress without giving visitors access to your admin area.
Thankfully, there’s an easier way. Let’s see how you can let people add calendar events in WordPress.
Upon activation, simply head over to WPForms » Settings from your WordPress dashboard and enter your license key. You can find the license key in the WPForms account area.
Next, click the ‘Verify Key’ button to continue.
After verifying the license key, you’ll need to go to WPForms » Addons and then scroll down to the Post Submissions Addon.
Go ahead and click the ‘Install Addon’ button.
Once the addon is installed, you’ll notice the Status change from ‘Not Installed’ to ‘Active.’
Upon activation, you’ll be redirected to Events » Settings in the WordPress admin panel. The plugin will ask you to join its community. You can simply click the ‘Skip’ button for now.
After that, you can go through different settings for your events calendar.
There are settings in the ‘General’ tab to change the number of events to show per page, activate the block editor for events, show comments, edit the event URL slug, and more.
We suggest using the ‘Use the site-wide time zone everywhere’ option. This will help match the events times that users submit with your site’s time zone.
When you’ve made the changes, click the ‘Save Changes’ button.
After that, you can go to the ‘Display’ tab and edit the appearance of your events calendar.
Once you’ve made the changes, let’s see how you can create a form to accept calendar events.
To start, you can go to WPForms » Add New from your WordPress dashboard. This will launch the drag and drop form builder.
Simply enter a name for your form at the top and then select the ‘Blog Post Submission Form’ template.
Next, you can customize your post submission form.
Plus, it also lets you rearrange the order of each form field and remove fields you don’t need.
For example, we’ll add the ‘Date / Time’ fields to our form template to show the ‘Event Start Date / Time’ and ‘Event Finish Date / Time’.
Pro Tip: When you add the Date / Time field, make sure to click the checkbox for ‘Disable Past Dates.’ You can find this option under the Advanced Options tab.
This will ensure that all your new events have a future date. It also helps catch mistakes if someone accidentally enters the wrong year.
When creating your form, you can rename different form fields. To do that, simply click on them and then change the ‘Label’ under Field Options in the menu on your left.
For our tutorial, we changed the label for Post Title to Event Title and Post Excerpt to Event Description.
After that, you’ll need to go to the Settings » Post Submissions tab in the form builder.
Now, make sure that the ‘Post Submissions’ option is On.
Besides that, you’ll need to match your form fields with the fields that The Events Calendar plugin will look for.
For example, this is how we mapped our demo form fields:
Next, you’ll also need to map the event start and end date/time. For that, scroll down to the ‘Custom Post Meta’ section and enter a code to map the respective fields in your form.
To start, add _EventStartDate code and select your event start time field (like Event Start Date / Time) from the dropdown menu.
Then click the ‘+’ button to add another Custom Post Meta and enter the _EventEndDate code to map the event finish form field (like Event Finish Date / Time).
Next, you can also change other settings of your form.
If you go to the ‘Confirmations’ tab, you’ll see settings for showing the thank you page that will appear when users submit a calendar event.
Other than that, you can also change the ‘Notifications’ settings.
Here, the plugin lets you choose different settings for receiving a notification when someone submits a form. For instance, you can change the send to email address, subject line, from name, and more.
Don’t forget to click the ‘Save’ button at the top when you’ve made the changes.
Now that you’ve created a user-submitted events form, it’s time to publish it on your WordPress website.
For this tutorial, we’ll use the Embed wizard offered by WPForms.
To start, simply click the ‘Embed’ button at the top right corner.
When you click the button, a popup window will appear.
Go ahead and click the ‘Create New Page’ button, and WPForms will automatically create a new page for your form.
You can also click the ‘Select Existing Page’ to add the form to a published page.
Next, you’ll need to enter a name for your page. Once that’s done, simply click the ‘Let’s Go!’ button.
On the next screen, you can see your user-submitted events form on the new WordPress page.
Go ahead and preview the page and then click the ‘Publish’ button.
You can now visit your website to see the form in action.
Here’s what it will look like on the front end of your website.
Next, you can review the calendar events your users submit by going to Events from your WordPress dashboard.
When reviewing the event, ensure that the user has filled out all the details. If any information is missing, you can add it or reject the calendar event if it doesn’t meet your website requirements.
After that, simply Publish the user-submitted event. You can then view your events by visiting the URL created by The Events Calendar: