How to Add and Edit Custom Post Types via WordPress Form | JetEngine & JetFormBuilder

Osamu from Zen Ideas continues our Profile Builder series, in this video, you'll find out how users can add events to the calendar using JetEngine & JetFormBuilder plugins and list submitted events in the user account.
Add or edit your website events via CPT, Front End Form, and Profile Builder easily!
-------------
📄Profile Builder overview:
• Getting Started with P...
📄Dynamic Calendar overview:
bit.ly/3QIXFI3
📄Create front end forms with JetFormBuilder:
bit.ly/3R5yKOF
📄Dynamic Link overview:
bit.ly/3T5Sbsq
-------------
►Get JetEngine plugin:
bit.ly/3QVzZ2A
►Choose Crocoblock subscription:
bit.ly/3QJ7s0z
►Download JetFormBuilder:
bit.ly/3pysHGu
-------------
Follow Zen Ideas for more helpful content:
► / @osamu_wakabayashi
►zenideas.ca/
► TIMESTAMPS
00:00 - Introduction
03:00 - Required features and plugins
03:13 - Creating a custom post type
05:33 - Adding subpages on the account page with the profile builder module.
07:08 - Creating a form for adding an event with JetFormBuilder
13:05 - Creating a template for the Add an Event subpage on the account page
18:10 - Creating a form for editing an event with JetFormBuilder
22:50 - Creating a template for the Edit an Event subpage on the account page
24:47 - Creating an event (CPT) listing template
29:10 - Creating a template for the event listing subpage on the account page
33:54 - Redirecting to custom URL after users submit their forms.
35:54 - Adding the dynamic link for deleting posts via the account page
38:34 - Wrap up
------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► Pinterest: / crocoblock
► LinkedIn: / crocoblock
#jetengine #profilebuilder #jetformbuilder #eventform #addevent #eventcalendar #submitevent

[@naabigaabdoulrazak1959]

Really liked this tuto and the way you drove us through the different setup. Keep doing the amazing work ! ✌

[@KOBE42__]

Just as I was about to start a new project, you guys gave me a tutorial that I was looking for. Thanks guys!

[@kmmujahidulislam1218]

BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY

[@burner918]

Great tutorial. Thank you.

[@brink6876]

Very nice. Calendar functionality of Jetengine was the original selling point for me on the Crocoblock suite in 2018. Every time you make a flick though I learn something new. Keep it up.

[@Crocoblock]

Thanks for sharing!

[@Art-01]

Thank you for sharing.

[@jeromedebruyne4091]

Thanks for your tutorial. Maybe it's only me but i am very sensitive to the sound quality to keep focus on this type of video. Would be great to use in a heaset and a good microphone to keep audience attention and not hear the little disturbing noise of your mouse or keyboard .. thanks a lot again

[@Crocoblock]

We are sorry for that, thank you for sharing your feedback!

[@taidang26]

Hi, at 35:31 can I redirect to the detail page of the post I just created or updated?

[@huynhhieutravel6645]

Can I add members (other users) invited to the Event? When they enter My Event, it will appear (As an event requires participation). And it doesn't appear when the event doesn't include them as a member?

[@stillready6405]

Great video and a off topic question: What are your experiences using the "kava" theme compared to other themes you used, like maybe "Astra" or "Hello Elementor"?

[@osamu_wakabayashi]

Kava is great, especially when my projects are running JetEngine and other Croro plugins. If anything goes wrong, the Croco team always gives timely support.

[@andreasalardi5623]

Hi, How does the ability to show custom post types fit into roles below admin? in the wordpress control panel?

[@Crocoblock]

Hi! Please, contact our support on this issue - crocoblock.com/help-center/

[@HappyHappy_1314]

Excellent video! May I know if possible to set listing grid content to be only viewed by logged in user?😊

[@Crocoblock]

Hi! Could you please enable Dynamic visibility for the listing grid and set the rules to display the widget Show element if User logged in prnt.sc/JS2p6AOXG0qE ?

[@HappyHappy_1314]

@@Crocoblock thanks for great advice😄

[@guilhermevilasboas9818]

Amazing video I learned a lot, an idea the next video "how to delete a post after a certain date automatically"

[@Crocoblock]

Thank you for the suggestion!

[@Website-Developer]

Is it possible to build the forms using The Events Calendar post types that are already created?

[@Crocoblock]

You can create a form which Adds new posts in your existing CPT or Update posts. So yes, it's possible to build forms for any of the CPTs on your website :)

[@Website-Developer]

@@Crocoblock Thank you so how do I call The Events Calendar's form fields to a Jet form?

[@nicolasschiff6164]

Hello, thank you for this great tutorial! I followed all of this to the letter to make a system for adding, editing or deleting musical instruments. I don't use the profile builder because I don't need it in this case. However, I notice that when I am just a logged out visitor and want to edit a post that was created while logged into my WordPress admin account, the form fields are not pre-populated. Whereas if I connect to my account, I see the pre-filled fields. Is this normal? How can any user or visitor be able to edit an article with fields pre-filled by someone else? Thanks a lot for your help !

[@Crocoblock]

For security reasons the pre-sets work for authors of the post which you are trying to edit. Please, contact our support team for clarification of your task - crocoblock.com/help-center/. We will do our best to assist you with your questions.

[@VFA91]

@@Crocoblock does this mean that if any user enters through the url with an id which he has not created, he will not be allowed to perform any operation on the form? Thank you very much

[@Crocoblock]

It depends on a user's role: www.wpbeginner.com/beginners-guide/wordpress-user-roles-and-permissions/

[@VFA91]

@@Crocoblockthank you very much,

[@temanbintang]

How to edit slug with jetformbuilder.?? Please tutorial

[@Crocoblock]

Please, contact our support team for clarification of your question- crocoblock.com/help-center/.

[@digdoyopradananurkholis2386]

how to create a calendar event menu that can only be seen by others without logging in?

[@Crocoblock]

Hi! Please, contact our support on this issue - crocoblock.com/help-center/

[@paige470]

When someone is editing a post, how do you prevent them from simply changing the post ID in the URL to edit a post that they should not have access to?

[@burner918]

This is a great question. Never thought of that but yeah, someone could change the post ID in the URL to pull up a pre-filled form for someone else’s info, right? Did you ever figure out how to prevent this?

[@paige470]

@@burner918 Yes, they can change the ID and edit a post you don't want them to access! I did eventually find a solution though. Logically, the only way for the site to know if someone should be able to edit a specific post is if the user is the author of the post OR they're related to it. In either case, you'll need to go into JetEngine settings and enable "Dynamic Visibility". Then edit your page where the JetForm for editing posts lives and add Dynamic Logic to the widget. The tricky part is for the source, you need to pick "Query Variable" and enter the post ID query value (ex: _post_id). In my case, I have 2 relations set up: "User to Agency (CPT)" and "Agency to Family (CPT)". The posts users are editing have a grandchild relation to users, but there isn't an option for such relations in the Dynamic Visibility settings; only parent to child relations. So I added a meta field to Users for "Agency ID". In that field, I add the post ID for the Agency post the User is associated with. It's annoying, but a user's Agency will never change so it works fine for me. For the Dynamic Visibility on the form, here are my settings: 1. Condition = Equal | 2. Field = User Field (Field = Agency ID, Context = Current User) | 3. Value = Related Items (From Relation: Agency to Family, From Object: Parent, Initial Object ID: Query Variable, Variable Name: _post_id) | 4. Data type = Numeric. Now if a user tries to edit a post that they're not associated with, the widget will not appear.

[@burner918]

@@paige470 Thank you so much for the super detailed response. 🙏 I will try this approach, but it's great to know there is a way to prevent this, even though it's a bit of a workaround.

[@davidsantiagopaucar9894]

@@paige470 I don't see the metabox data even though I configure the URL query variable.

[@alishayanofficial]

Hi Osamu! I have a very important question about the custom post type adding and editing with form. I created the form and custom post type but without using the account page and the templates. So, when I added form on the normal page and add post, the page itself become the post of the post type. is it necessary to use the account and template page or was it some other mistake? I will really appreciate this and was waiting for long time for this tutorial> Best Regards,

[@Crocoblock]

Hey Ali, you can use form editing without account page/templates. For instance, you want add the form to the page and set the Post Submit Action as you need. If anything goes wrong, please drop a line to the support team, they will gladly guide you or check what is wrong :)

[@roygh]

To edit a post select as source that is querry variable and put _post_id. If you enter the current ID it will take the page ID and return it to publication.

[@passtscho8796]

Nice tutorial, thanks for that :) Is it possible to use this workflow without Elementor? for example only with Gutenberg or other page builders. I don't want to pay for Elementor Pro or using other Crocoblock plugins or themes only for getting the template functionality. It would be nice if there will be an additional toturial for this, which only uses jetengine and jetformbuilder and no other 3rd party plugins :)

[@Crocoblock]

Sure, you can use JetFormBuilder + JetEngine with WordPress Gutenberg editor. Just follow the workflow in the video and add the form to the page created in Gutenberg :) We have JetEngine Gutenberg playlist here: kzbin.info/www/bejne/j6XclGeOjdF4j8U And planning to create more tutorials with WordPress editor :)

[@osamu_wakabayashi]

Just FYI, all my tutorials were made without Elementor Pro.

[@lodesign5911]

hi the listing grid very strong :) can you pls tell me how i can show woo product that on/have sale price only (product on sale) , super thanks :)

[@Crocoblock]

Thank you! These tutorials can help: Custom stock status with JetEngine: kzbin.info/www/bejne/gofIpKhrZrScZ80 Also, you can drop a line to our support team and they will guide you :)

[@lodesign5911]

@@Crocoblock thanks alllot :)

[@madeinusa5395]

Wow. So cunfusing. So much back and forth without completing the task at hand. And ending with the start - adding a new post. Very bizarre.

[@Crocoblock]

Hello! We are sorry to hear you found this tutorial difficult for understanding! Could you please contact our support team and ask all the questions you have about this functionality? crocoblock.com/help-center/

[@e1nspieler]

Same here! These tutorials need a clear structure :-D

[@StoneyBoi0613]

yeah this was.... pretty bad. I appreciate the attempt though