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.
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:
- Post Title — Shortcode:
- Post Content — Shortcode:
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]
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.,
- Display the form on any Post or Page via shortcode* (e.g.,
- 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.
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: