Visit Eventchamp WordPress theme to create a new events & conference website. Eventchamp WordPress Events Theme
View Categories

How to Create Frontend Submission

3 min read

📢 Looking for a More Advanced or Custom Solution?

If you need a fully customized event submission form with advanced features, professional styling, or additional integrations, we can help! Visit our Hire Us page to discuss your requirements and get a tailored solution.

Once you’ve installed and activated WP User Frontend (WPUF) and Eventchamp, you can create a frontend event submission form. This allows users to submit events without accessing the WordPress admin panel. Let’s start!

Step 1 – Install and Activate WP User Frontend #

To create an event submission form, you need to install and activate the WP User Frontend plugin.

  1. Navigate to Plugins > Add New from the WordPress dashboard.
  2. Search for WP User Frontend.
  3. Click Install Now and then Activate.

Once the plugin is active, you can create a custom form for event submissions.

Step 2 – Create a New Event Submission Form #

  1. Go to WP User Frontend > Post Forms.
  2. Click Add New to create a new form.
  3. Enter a title for your form (e.g., “Submit Your Event”).
  4. In the Post Type section, select event so that submitted forms are registered as Eventchamp events.
  5. Now, add the necessary form fields to match the event details.

Step 3 – Add Event Fields to the Form #

You need to include the essential fields so users can input all event details. Here are the key fields to add:

Basic Event Details #

  • Event Title (Text Field – Required)
  • Event Description (Text Area – Required)
  • Event Category (Taxonomy – Category: Events)
  • Event Tags (Taxonomy – Tag: Events)

Date & Time #

  • Start Date (Textfield – Required)
  • Start Time (Textfield – Required)
  • End Date (Textfield – Required)
  • End Time (Textfield – Required)

Event Location #

  • Venue Name (Textfield – Optional)
  • Event Address (Textfield – Optional)

Media & Visuals #

  • Featured Image (File Upload – Required)

You can also add any other fields you want.

Step 4 – Configure Form Settings #

Once you have added all the necessary fields, go to the Settings tab:

  1. Post Status: Set this to “Pending Review” if you want to approve events before they go live.
  2. Update Post: Allow users to edit their submitted events if necessary.
  3. Redirect After Submission: Choose whether users stay on the page, get a confirmation message, or are redirected to a thank-you page.

Step 5 – Publish and Embed the Form #

Once your form is ready:

  1. Click Save Form.
  2. Copy the generated shortcode (e.g., [wpuf_form id="123"]).
  3. Paste the shortcode into the page where you want users to submit events (e.g., Events Submission Page).
  4. Publish the page.

Step 6 – Testing and Approving Events #

After setting up the form:

  1. Open the page with the submission form and submit a test event.
  2. Go to Events > All Events in the WordPress dashboard.
  3. Review the submitted event and publish it if necessary.
  4. If there are missing fields, edit the event before approval.

Step 7 – Enhancing the Form (Optional) #

To improve user experience:

  • Use Conditional Logic (Pro feature) to show/hide fields based on user selections.
  • Integrate WooCommerce if you want to sell tickets directly.
  • Add Custom Notifications to inform users when their event is approved.

Now, your frontend event submission form is ready, and users can submit events easily without needing backend access. Enjoy your new event system!