In this tutorial, you will learn how to make a post-submission form. So you can enable your visitors to submit content from the front end. If you want to display your form only to logged-in users, check out this tutorial.

Video Tutorial

Check out more video tutorials for USP Pro »

Written Tutorial

We’ve already seen how to make any USP Form a contact form or registration form, so now let’s see how to make any form a post-submission form. This example shows a basic example. When building your own forms, you can add more fields, markup, text, and so on. To see an example of a “ready-to-go” post-submit form, check out the USP Demo Forms.

Step 1: Add form input fields

Create a form that includes the fields that you want to display. To make it a post-submission form, the following fields are recommended:

  • Post Author — Shortcode: [usp_name]
  • Post Title — Shortcode: [usp_title]
  • Post Content — Shortcode: [usp_content]

You can add these fields to any USP Form by clicking on their respective Quicktag buttons, USP:Name, USP:Title, and USP:Content.

Or, instead of using the Quicktags, you can add the shortcodes directly:

[usp_name]
[usp_title]
[usp_content]

You can add other fields as desired, and also customize each field via shortcode attributes.

Tip: Technically you don’t need to add any shortcodes/fields to a USP Form. When you submit a form that does not include any fields, the Post Title and Post Content will be provided via the setting, Default Form Fields. And the Name field will be provided according to your User Settings (under the USP Pro General tab).

Step 2: Display the form

After adding your fields, save or publish the form, and you’re done. You may now display, view, and test the form. Here are four ways to display USP Forms on the front-end of your site:

  • Display the form directly via the form URI (e.g., /usp_form/submit/)
  • Display the form on any Post or Page via shortcode* (e.g., [usp_form id="submit"])
  • Display the form in any widgetized area using the USP Form Widget
  • Display the form in your theme template using <?php do_shortcode('[usp_form id="submit"]'); ?>

* Note that your form must be Published (e.g., not Draft or Pending status) in order to display it on a separate Post or Page using its shortcode. For more information, check out Displaying USP Forms.

Combo Forms

All USP Forms are, by default, post-submission forms. In some cases, you may want to create a form that submits posts AND registers a user. Or maybe a form that submits posts and also sends an email, like a contact form. This is easily done with USP Pro with Combo Forms. Here are some tutorials that explain how it’s done: