1. Home
  2. Docs
  3. WP User Frontend Pro
  4. Posting Forms
  5. Creating Posting Forms

Creating Posting Forms

Location

To create a posting form, you can click on the + New button on the top of your WP Admin page or navigate to,

WP Dashboard → User Frontend → Post Forms → Add Form

How to create a form

  1. Click on the Add Form button on the Post Forms page of User Frontend (the location showed above)
  2. A list of predefined Form Templates is available for you. Initially, there will be Blank Form and Post Form.
    wpuf-form-templates
  3. You can create predefined Post Form by clicking on the template, It will generate a form for you
  4. If you have WooCommerce installed, then another template will be enabled titled “WooCommerce Product”.
    wpuf-woocommerce-product-template
  5. By clicking on WooCommerce Product, you can easily create a product form.
  6. You can also create a blank form, which can be configured manually according to your requirement. For this, click on Blank Form template.
  7. Now, Give the form a title. Try relevant names like- WooCommerce Product Posting, Restaurant Listing etc.
  8. Post title and Post Body element is placed there by default. Only the post title field is mandatory. So you can keep or remove the post body field if you want.
  9. You can add category and tags fields for your users to use. If you do not use the category field in your form, then the post will be listed under “uncategorized” category. Or you can set a default category for each form from the post settings tab in the form.
  10. If you need custom fields, then you can add those with proper meta keys. For more details about custom fields and meta keys, please refer to our tutorials section.
  11. When you are done building your form, hit save. On the right side of the post creation screen, you will see the shortcode. If you can not, then head over to the forms listing page.

Embedding forms

After creating a form, you will get a shortcode like this: [wpuf_form id="2541"], inserting this shortcode to a page will show the form. Here are the steps to follow-

1. You can copy the shortcode of your newly created form directly from the form builder. Just click on the shortcode which is placed above the form. It will automatically copy the shortcode to your clipboard.

2. You can also copy the shortcode from the right side of the form or the forms listing page.

wpuf form list shortcode2. Create a new page or paste if you already have a page to embed the form.

wpuf-use-shortcode

3. Save/publish the page and view from frontend to see if the form is showing right.

wpuf-shortcode-embed-fontend

Was this article helpful to you?

How can we help?