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

Sdílet
Vložit
  • čas přidán 31. 07. 2024
  • 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
  • Věda a technologie

Komentáře • 50

  • @naabigaabdoulrazak1959

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

  • @KOBE42__
    @KOBE42__ Před rokem

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

  • @brink6876
    @brink6876 Před rokem

    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.

  • @kmmujahidulislam1218
    @kmmujahidulislam1218 Před rokem

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

  • @burner918
    @burner918 Před rokem

    Great tutorial. Thank you.

  • @Art-01
    @Art-01 Před 9 měsíci

    Thank you for sharing.

  • @taidang26
    @taidang26 Před rokem

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

  • @jeromedebruyne4091
    @jeromedebruyne4091 Před rokem +2

    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
      @Crocoblock  Před rokem

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

  • @huynhhieutravel6645
    @huynhhieutravel6645 Před rokem

    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?

  • @andreasalardi5623
    @andreasalardi5623 Před rokem +1

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

    • @Crocoblock
      @Crocoblock  Před rokem

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

  • @guilhermevilasboas9818

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

  • @stillready6405
    @stillready6405 Před rokem

    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
      @osamu_wakabayashi Před rokem +1

      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.

  • @HappyHappy_1314
    @HappyHappy_1314 Před 11 měsíci

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

    • @Crocoblock
      @Crocoblock  Před 11 měsíci

      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
      @HappyHappy_1314 Před 11 měsíci

      @@Crocoblock thanks for great advice😄

  • @Website-Developer
    @Website-Developer Před 8 měsíci

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

    • @Crocoblock
      @Crocoblock  Před 8 měsíci

      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
      @Website-Developer Před 8 měsíci

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

  • @nicolasschiff6164
    @nicolasschiff6164 Před rokem

    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
      @Crocoblock  Před rokem +1

      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
      @VFA91 Před rokem

      @@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
      @Crocoblock  Před rokem

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

    • @VFA91
      @VFA91 Před rokem

      @@Crocoblockthank you very much,

  • @digdoyopradananurkholis2386

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

    • @Crocoblock
      @Crocoblock  Před rokem

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

  • @temanbintang
    @temanbintang Před 4 měsíci

    How to edit slug with jetformbuilder.?? Please tutorial

    • @Crocoblock
      @Crocoblock  Před 4 měsíci

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

  • @paige470
    @paige470 Před rokem +1

    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
      @burner918 Před rokem

      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
      @paige470 Před rokem +2

      @@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
      @burner918 Před rokem +2

      @@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
      @davidsantiagopaucar9894 Před 4 měsíci

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

  • @passtscho8796
    @passtscho8796 Před rokem

    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
      @Crocoblock  Před rokem

      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: czcams.com/video/Ytyc4XXlEYc/video.html
      And planning to create more tutorials with WordPress editor :)

    • @osamu_wakabayashi
      @osamu_wakabayashi Před rokem

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

  • @lodesign5911
    @lodesign5911 Před rokem

    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
      @Crocoblock  Před rokem +2

      Thank you! These tutorials can help:
      Custom stock status with JetEngine: czcams.com/video/LVesu51Oi1k/video.html
      Also, you can drop a line to our support team and they will guide you :)

    • @lodesign5911
      @lodesign5911 Před rokem

      @@Crocoblock thanks alllot :)

  • @alishayanofficial
    @alishayanofficial Před rokem

    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
      @Crocoblock  Před rokem +1

      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
      @roygh Před rokem +1

      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.

  • @madeinusa5395
    @madeinusa5395 Před 9 měsíci +2

    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
      @Crocoblock  Před 9 měsíci

      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
      @e1nspieler Před 9 měsíci +1

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

    • @StoneyBoi0613
      @StoneyBoi0613 Před 5 měsíci

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