With Form Extensions+, Gloo has opened the door to true, seamless Post Submission from the frontend of your website, by any user you want to make such a feature available to. All it takes to enable such an amazing solution is selecting the Frontend Post Submission action in the Actions After Submit field of your Elementor Form‘s settings, and your Form will become a section within which users will be able to directly post their content to your website.
Once we have selected the Frontend Post Submission action, we’ll be greeted by a new section in which we will be able to tweak just what happens once the post has been submitted by the user. Select the Post Type you want the user-submitted post to be, even among your Custom Post Types, and set its Publishing Status afterward between Draft, Pending Review, Published, and Private.
Once that’s done, all that’s left to do is set up our Form Fields. We can do so as we’re used to with Elementor Forms already, creating fields for our post’s title, content, and even a File Upload field that will be the post’s featured image. With that done, we will hop back into the Frontend Post Submission settings section and make sure our Field IDs match for each respective field type.
Toggling this on will provide your users with a preview of the image they just uploaded to the form, just under the lable of the form field. On top of that, it changes the unsightly “Choose File” button with the preview itself that the user can click on to choose the image to upload. It will also allow you, in the settings, to choose which image placeholder you want to display as preview until the file is choosen to upload.
This self-explanatory feature simply makes sure that every image submitted through this form will be assigned an ID and uploaded to your website’s media library as well after being submitted according to the selected After Submit Form Action.
Extremely easy set-up for a solution that was simply unthinkable until Gloo came into play.