How to Create Frontend Submission for Contents

Creating a frontend submission process using WP User Frontend (WPUF) is a great way to allow users to contribute content directly from the frontend of your website. Since you’ve already created a form in WPUF, in installation of the theme this plugin will be installed. for more complicated forms you can buy premium version of plugin from here.

Step 1 – Creating a Form in WPUF
If your form is already created, you can skip this step.

1. Install and Activate WPUF: Go to your WordPress dashboard, navigate to Plugins > Add New, search for “WP User Frontend,” install, and activate it.
2. Create a New Form:
   • Go to WP User Frontend > Post Forms and click Add Form.
   • Choose a form template or start from scratch.
   • Drag and drop fields (e.g., text, image upload, categories) as needed.
   • Configure form settings like post type, post status (draft/publish), and notifications.
3. Save the Form: Once satisfied, save the form. A shortcode will be generated, which you’ll use in the next step.

Step 2 – Adding the Form to a Page

1. Copy the Shortcode:
   • Navigate to WP User Frontend > Post Forms.
   • Find the form you’ve created and copy its shortcode (e.g., [wpuf_form id=”123″]).
2. Add the Shortcode to a Page:
   • Go to Pages > Add New (or edit an existing page where you want the form to appear).
   • Give the page an appropriate title, like “Submit Your Post.”
   • Paste the copied shortcode into the page editor.
     • Classic Editor: Paste the shortcode directly into the editor.
     • Gutenberg Editor: Use a Shortcode block and paste the shortcode inside it.
   • Save or publish the page.
3. Preview the Page: Open the page on the frontend to ensure the form displays correctly.

Step 3 – Customizing the Submission Workflow

• User Permissions:Under WPUF > Settings > General, define which user roles can submit posts.
• Post Status:To moderate submissions, set the Post Status to Draft in the form settings. Admins can then review and publish submissions manually.
• Redirect After Submission: In the form settings, specify where users should be redirected after submitting the form (e.g., a thank-you page).

That’s it! you created frontend submission form should now and ready for user submissions.