HIDE

How to customize Frontend Post Submission

This Post Submission empowers your users to submit posts, and edit/delete posts on the frontend. It supports Custom Post Type, Custom Taxonomy, ACF Field, ACF Repeater, Jet Engine, Toolset, Pods, and MetaBox.

Tutorials

1. Create Fields:

  • Title* Required (Text Type)
  • Content (TinyMCE/Textarea Type)
  • Feature Image (Image Upload Type)
  • Terms Select (Type Terms Select)
  • Custom Fields (any Field Type)

2. Submit Button:

Create Submit Button > Actions After Submit > Add Submit Post

Edit Submit Button > Scroll to Submit Post Section

Enter your Title Field Shortcode (Required), Content Field Shortcode (Option) and Featured Image Field Shortcode (Option)

3. Custom Fields

3.1 General custom fields:

It supports Custom Post Meta, ACF Field, Jet Engine, Toolset, Pods, and MetaBox.

Click on Submit Button > Custom Fields List > map sequentially your custom field slugs, Field Shortcodes, and custom field types.

3.2 Repeater Form 

It supports ACF Repeater, Jet Engine Repeater, and MetaBox Group.

Step 1:

Firstly, Create MetaBox Group Fields like this

Screenshot 1 5

There are 3 important elements: ID, Field Group ID and Clonable checkbox

 
Step 2:

Secondly, create Repeater Fields with Repeater ID (Piotnet Forms) = ID in your MetaBox Field Setup

This is a tutorial on how to create repeater fields 

Screenshot 4

Section > Advanced > Repeater.

Put Fields into that Section with the Field IDs = IDs of the Sub Fields(Mandatory)

Note: Avoid using common words like “image” “date” and “time” for custom field slug.

Step 3:

Then Editing Submit Button > Submit Post > Custom Fields > Map repeater elements

Screenshot 3

Step 1:

Create ACF Repeater Fields as in the illustration below

submit post acf

Create JetEngine Repeater Fields.

1

Step 2:

Create Repeater Fields with Repeater ID = Repeater Name in your ACF Field/JetEngine Field.

This is a tutorial on how to create repeater fields https://piotnetforms.com/docs/repeater-fields-multi-level-nested/

Screenshot 1

Section > Advanced > Repeater.

Put Fields into that Section with the Field IDs = IDs of the Sub Fields (Mandatory), such as name, and image.

Step 3:

Then Editing Submit Button > Submit Post > Custom Fields > Map your repeater fields

Screenshot 2

4. Edit Post:

Add this shortcode to your single template.

The shortcode will be changed if you edit this form, so you have to refresh piotnetforms Editor Page and then copy the shortcode. Replace “YOUR-PAGE-URL-CONTAINS-THIS-FORM” with your Page URL containing your Submit Post Form.

submit post 8

5. Delete Post:

In the same way, add this shortcode to your single template.

The shortcode will be changed if you edit this form, so you have to refresh Elementor Editor Page and then copy the shortcode. Replace “http://YOUR-DOMAIN.piotnet.com” with your Page URL containing your Submit Post Form. Replace sm=’p85459111′  and smpid=’233′ with the sm argument and smid argument in “Delete post shortcode”

Screenshot 6 26. Redirect users to the post they just created:

Add Redirect feature from Actions After Submit and set Redirect URL = [post_url]

 

Screenshot 5

7. Only Show the Form if the user logged in