User submitted events in WordPress

How to Create a User-Submitted Events Calendar in WordPress (Easily)

Do you want users to submit events to a calendar on your website?

Letting users submit their own events is an awesome way to let your users build a community calendar.

In this article, we’ll show you how to create a WordPress events calendar so your visitors can freely submit events to your site.

Create Your User-Submitted Events Form Now

What Is Frontend Event Calendar Submission?

Frontend submission lets you accept event listings without making the user log in. That makes it super easy for people to contribute events to your WordPress calendar.

WPForms Pro has an awesome Post Submissions addon that you can easily integrate with a calendar plugin called The Events Calendar.

The Events Calendar homepage

Using this combination of plugins, it’s easy to take frontend submissions for:

  • Local community events
  • Film screenings
  • Street parties
  • Concerts and festivals
  • Webinars
  • Sports matches
  • …and more.

You could also make money online by charging for event listings posted to your website’s calendar or adding payment buttons to sell tickets.

How to Create a User-Submitted Events Calendar Form in WordPress

Step 1: Install the WPForms Plugin

The first thing you’ll need to do is install and activate the WPForms plugin. WPForms is the best WordPress form builder plugin. If you’re new to WordPress, here’s a step-by-step guide on how to install a WordPress plugin.

Next, you’ll need to install and activate the Post Submissions addon for WPForms. The addon is available with the Pro version or higher. This addon will add frontend post submission functionality to your WordPress site.

To do this, go to WPForms » Addons.

Open WPForms addons menu to add user submitted events

Scroll down until you find the one labeled Post Submissions.

Click Install Addon and then Activate.

Add the Post Submissions addon to add user submitted events

That’s it for step 1. Now it’s time to make your event submission form.

Step 2: Create a Form for User-Submitted Events

WPForms makes it easy to create any kind of form for your website thanks to its huge library of pre-built templates. You get a whole category of event planning form templates so you can easily find the perfect form for your specific needs.

When you install the Post Submissions addon, you’ll get a new template called Blog Post Submission Form template. Note that the template you need has the Addon label to show that it’s specifically designed to work with the Post Submissions addon:

Blog post templates in WPForms

Next, let’s rename the fields to turn this into an event submission form:

  • Post Title: Rename as Event Title
  • Featured Image: Rename as Promotional Image
  • Post Excerpt: Rename as Short Event Description

Now we need to add some more fields to the form.

First, let’s add a Rich Text field so that your visitor can add fully formatted event listings with images.

Delete the existing text field for Post Content and then drag a Rich Text field in its place. You’ll want to name it Full Event Description.

Rich text post submission field

In the Field Options for the Rich Text field, we turned on all 3 of these settings:

  • Allow Media Uploads: this will let your visitor add images to their event listing
  • Store files in WordPress Media Library: adds uploaded images to the Media Library in WordPress
  • And we also set the field as Required.

Rich Text field options

Now let’s add two Date/Time fields: one is for the event start time and one for the event end time. Using these fields, visitors can add either single-day or multi-day events to your WordPress calendar.

Edit user submitted events form in WordPress

On both the Date / Time fields, it’s a good idea to Disable Past Dates. You’ll find this in the Advanced Options for the Date / Time field.

Disable Past Dates will mean all of your new events have to have a future date. That can help to catch mistakes, like accidentally selecting the wrong year.

Disable past dates in datepicker

OK, we’re done. Let’s click Save.

Step 3: Install The Events Calendar Plugin

Next, you’ll need to install a WordPress events calendar plugin. The Events Calendar is a free plugin for WordPress websites that works great with WPForms.

The Events Calendar plugin creates a custom post type called Events that will appear in your WordPress dashboard.

When a visitor submits your form, it’ll create a new event post. We’ll be using some metadata on the form that will tell The Events Calendar how to list it. If you prefer a simpler way to allow users to submit events on your site, be sure to check our tutorial on allowing user-submitted events using WPForms and Sugar Calendar.

Let’s get started with our WordPress event calendar now.

The free version of The Events Calendar lets your users create single local community events. You can create recurring events with The Events Calendar Pro.

To install it, go to Plugins » Add New in your WordPress dashboard and search for The Events Calendar.

Click Install Now to install the plugin.

Install The Events Calendar plugin

Activate The Events Calendar plugin now and run through the settings. It’s important to do this now so that your Events post type is ready for the next step.

Now we’re going to create a connection between your form and your WordPress events plugin.

Also Read: How to Switch from The Events Calendar to Sugar Calendar

Step 4: Connect Your Form to Your WordPress Event Calendar

After setting up The Events Calendar plugin, you need to connect the form you’ve created to your calendar.

Open up the event submission form you created earlier. Then go to Settings » Post Submissions in the form editor and Enable Post Submissions.

post-submissions-on-user-submitted-events-form

Next, you’ll want to match your form fields with the fields that The Events Calendar is looking for.

Since we used the Blog Post Submission Form template, some of this mapping will already be done. However, there are a couple of things that you need to set manually.

Set up your mapping as follows:

  • Post Title mapped to Event Title
  • Post Content mapped to Full Event Description, which is the Rich Text field we added
  • Post Excerpt maps to Short Event Description
  • Post Featured Image maps to Promotional Image

Post submissions addon mapped fields

Further down, we also mapped these fields from the form to the events post:

  • Post Type will likely be set to Posts, so we need to change this to Events
  • Post Status should be set as Pending Review
  • Current User can be anything you like – we mapped it to our Site Administrator account in WordPress.

Post submission addon - post type mapping

The Pending Review status will allow us to approve each event submission before it goes live. You’ll definitely want to use this if you’re taking payment for your event listings so that you can check payment was made successfully.

If you want to publish events as soon as they’re submitted, we’ll show you how in the FAQ section at the end of this article.

Setting Up the Custom Post Meta

To map the date and time, scroll down to the Custom Post Meta section.

We’re going to set some parameters here to map the start and end times in your form to the start and end times in The Events Calendar. Please note that all 4 of these parameters must be set.

  • _EventStartDate is mapped to Start Time
  • _EventEndDate is mapped to End Time
  • _EventStartDateUTC mapped to Start Time
  • _EventEndDateUTC mapped to End Time

Post meta for published events

In fact, the Custom Post Meta section is handy for all kinds of custom fields. Check out the FAQ section at the end of this article for more fields you can use here.

We’re done now, so let’s click Save.

Step 5: Customize Confirmation Message After Event Submission

Before you publish your event submission form, it’s a good idea to change the default thank you message that your users will see.

You can do this by going to Settings » Confirmations.

Events form confirmations

In the preview panel, customize your message in any way you like.

Events form confirmation message

WPForms gives you lots of options after someone submits an event to your website’s calendar. You can also:

  • Use conditional confirmations to show a different message depending on the event type
  • Forward your visitor to a designated thank you page
  • Forward them to a separate website.

For help with form confirmations:

Don’t forget to let your users preview their entry before submitting the form. Here’s our guide showing you how to preview a form entry before submitting it.

Also Read: Appointment Reminder Templates for Email and SMS

Step 6: Publish Your User Submitted Events Form

OK, now we’re ready to publish the event on your WordPress site!

WPForms allows you to add your forms in different ways, like:

Let’s add your event registration form with the Embed wizard in this example. This will automatically create a new page for your visitors to add user submitted events.

At the top of the form builder window, click Embed.

Embed event submission form

Now click Create New Page.

Embed user submitted post form in WordPress

And finally, type in a name for your page and click the orange Let’s Go button to create it.

Name your user submitted event page in WordPress

Now all you need to do is hit Publish to publish your form.

Publish your user submitted events form

And that’s it! Your form is live. You can use CSS to style the form further if you want to.

Now visitors can submit events through your form, and you can manage them using The Events Calendar plugin.

Step 7: Review and Publish Event Calendar Submissions

Awesome! Now we’ve published your user-submitted events form in WordPress, let’s test it out.

Here’s what ours looks like on the frontend:

Frontend user submitted events form

Go ahead and submit the form.

To review the event, go to Events in the WordPress dashboard.

The Events Calendar menu in WordPress

You’ll see that any submitted events that are submitted through your calendar form will be listed as Pending. This means they need to be approved by you in the events manager screen before they appear on your site’s calendar.

To edit events, click Edit underneath the event title.

Edit pending event

Preview the submission; with the rich text field of WPForms, you can view the complete event details, including images, within your dashboard.

details-for-event-submision-form

A special note of the Time & Date near the bottom of your screen. If you mapped this correctly, it’d show the event in your WordPress site’s timezone.

The Events Calendar start and end time

When you’re finished reviewing all the event details, click Publish. You’ll see the listed in your new events calendar at  http://yoursite.com/events

Published event in WordPress

And there you have it! You now know how to create a user-submitted events calendar in WordPress using WPForms.

FAQ on User Submitted Events Calendar

Got more questions on user-submitted events? Let’s look at more ways you can use this WPForms Events Calendar integration.

Can I Add Events to WordPress Without Approval?

Yes! If you want, you can publish submitted events as soon as someone submits your calendar form. That way, you don’t need to approve them manually, and they’ll show up on your WordPress events calendar instantly.

The WordPress events calendar plugin we’re using supports this.

To make it work, there are 2 things you’ll need to tweak in the steps above.

In the Post Submissions settings for your calendar form, set the Post Status to Published instead of Pending Review.

Publish events without review in WordPress with The Events Calendar

And that’s it! You’ve synced up your event registration form with The Events Calendar. Now your events will go live as soon as the calendar form is submitted.

If you have any issues with this, it’s usually because of a timezone mismatch. To fix it, go to the General Settings in the Events Calendar and click Update Time Zone Data.

Update Time Zone data

Can I Charge For Listing Events in WordPress?

Yes, WPForms makes this easy too!

You can add a payment field to your events listing form and connect your payment gateway to WPForms. You can integrate WPForms with several major payment gateways like Stripe, Square, Authorize.net, and PayPal.

Here are a few helpful guides that explain how to collect payments through WPForms in detail:

Keep in mind that you’ll want to manually check that the payment was successful before manually approving the event.

Can I Send Email Notifications for Event Submissions?

Yes, you can! By default, WPForms will email the admin email address in WordPress when you receive a new event listing. If you’d like to customize the email notification or add more notifications, check out this guide to sending form notification emails.

If you want, you can turn WPForms notifications off and let The Events Calendar send an email notification for each event. If you’re not getting those alerts from The Events Calendar, check out how to fix The Events Calendar not sending email.

The guide will also show you how to log emails sent from The Events Calendar.

Can I Notify My Visitors When I Publish an Event?

Sure! Did you know that you can send browser push notifications from WordPress with a free plugin? Check out this article on how to send push notifications from WordPress.

Can I Send New Events to Google Calendar?

Yes! WPForms lets you easily send WordPress form entries to Google Calendar as well.

How Do I Export Events to CSV?

With WPForms, you can export any form entries to CSV or XLSX. Please check out this guide on how to export form entries in WordPress.

Can I Use More Custom Post Meta Fields?

Yes, you can use fields like:

  • _EventAllDay – map to a checkbox field with the value YES if checked, and blank if unchecked
  • _EventCost – map to a number field on your form to display a price, or use a hidden field with the value 0 (zero) if all your events are free
  • _EventShowMap – map to a checkbox with TRUE and FALSE values, or a hidden field with the value TRUE if you always want to show the map
  • _EventURL – map to a URL field on your form.

Before adding more fields, please know that:

  • Fields beginning with _Venue or _Organizer won’t work with the event post type
  • Serialized arrays can’t be mapped to a form
  • Fields that pull data from other posts, like _EventVenueID, likely won’t work.

Mapping additional fields is an advanced technique. Please check out The Events Calendar post meta documentation for more help.

Create Your User-Submitted Events Form Now

Next, Accept User Submitted Blog Posts

Now that users can submit a WordPress event to your site, wouldn’t it be neat if they could also blog about it? If you accept user submitted posts, your visitors could share press releases and other event information to drive traffic to the calendar.

To set this up, check out the easy way to accept user submitted posts in WordPress.

And if you plan to take pictures at your event, don’t forget to make an online model release form.

Ready to build your form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes an event form template and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPForms is funded, why it matters, and how you can support us.

Claire Broadley

Claire is the Content Manager for the WPForms team. She has 13+ years' experience writing about WordPress and web hosting. Learn More

The Best WordPress Drag and Drop Form Builder Plugin

Easy, Fast, and Secure. Join over 6 million website owners who trust WPForms.

Please enable JavaScript in your browser to complete this form.