Build a Working Profile Completion Bar In WordPress using JetEngine Plugin | Crocoblock Tutorial

Поделиться
HTML-код
  • Опубликовано: 20 янв 2025

Комментарии • 93

  • @LucianoCezareto
    @LucianoCezareto Месяц назад +1

    Fantastic!!! You showed one more powerfull functionality from JetEngine, and now I have a step by step that looks easy.
    I've been looking for this type of content for a long time.
    Thank you very much Tobi!

    • @tobisalami
      @tobisalami  Месяц назад

      I am so glad to have been of help. That's why I created this channel, so I am glad that it is yielding the results I want it to!

  • @mihaiciobanu01
    @mihaiciobanu01 3 месяца назад +2

    I don’t know if you are reading my mind or something but all videos released until now are exactly what i am looking for. 😊
    Great tutorial as always! Thank you

    • @tobisalami
      @tobisalami  3 месяца назад

      @@mihaiciobanu01 Haha! I'm glad! You're very welcome!

  • @zer0-vq8hl
    @zer0-vq8hl 3 месяца назад

    Well done, Tobi. Next make a booking appartment sale/rent

    • @tobisalami
      @tobisalami  2 месяца назад

      I'll probably do this on the official Crocoblock channel. Not here. Thanks for the suggestion.

  • @ceciliatabbi4218
    @ceciliatabbi4218 3 месяца назад

    Odd, I was already subscribed. Oh well, subscribed again!
    And finally got around to watching; I'm loving your tutorials dude. I love how you explain things about 'why' as to just a do-this-do-that instruction set. :)

    • @tobisalami
      @tobisalami  3 месяца назад

      Thank you plenty! I appreciate the commendation a lot.

  • @JMOY19902
    @JMOY19902 3 месяца назад

    The Master as its craft. Thanks Tobi and glad to see you in Crocoblock official channel posting officially with them as well. As powerful as jetengine is we need more tutorials and improve that official documentation. Lets go 🙏👏

    • @tobisalami
      @tobisalami  3 месяца назад

      Thanks a lot! I appreciate the support!😊

  • @shahinulislam9304
    @shahinulislam9304 3 месяца назад

    Thanks a lot for providing such an advanced tutorial. Just Wow🥰😍

    • @tobisalami
      @tobisalami  3 месяца назад

      You are very welcome!

  • @peterlowen9505
    @peterlowen9505 20 дней назад

    Great tutorial!
    I had a square image picture that was overlapping the circle counter. All of our users will be uploading square images, so I set the Circle Size = 200px and then used custom CSS to change the styling of the image. Under "Appearance" > "Customize" > "Additional CSS" I added: .circle-counter .circle-counter__title img{border-radius:50%;width:180px !important;height:180px !important} and played around with the width and height to get the best results.

    • @tobisalami
      @tobisalami  20 дней назад

      Excellent adaptation. Be sure to set object-fit to 'cover' so that it also appears nicely across all image types.
      Thanks for watching!

    • @SreeVellaiamman
      @SreeVellaiamman 3 дня назад

      @@tobisalami Good Suggestion... You are great man...

  • @HaseebElKhafaji
    @HaseebElKhafaji 3 месяца назад

    Wonderful wonderful Tobi! 💐💐💐Excellent everything down to the fine details. These tuts take Croco use cases to a complete new level. What is your next project? Can we vote on some? I have a few in mind😄

    • @tobisalami
      @tobisalami  3 месяца назад

      Thank you so much for the feedback. I usually create a poll on the Crocoblock community on Facebook. All the videos I released, I took polls for.
      But sure.. please, let me know what's on your mind. I have 27 videos in the pipeline at the moment

    • @HaseebElKhafaji
      @HaseebElKhafaji 3 месяца назад

      @@tobisalami thanks for your positive reply Tobi!
      One of the challenging things for business owners is the level of platform engagement. To encourage users to engage in certain activities is the possibility to incentivise users with points or credits after completing certain tasks such as leaving a review, verify their account, blog about their latest stay, complete watching a lesson in a series and so on. User can collect points to earn Brons, Silver, Gold status. These credits can be stored in profile builder and redeemed as voucher in next purchase or spent at a program partner.
      I hope this belongs to your list of items 🙏
      I really love your work. Presentation and Content is 100%. Keep up the good work, Tobi. Best of regards
      💐

  • @masum_techs
    @masum_techs 3 месяца назад

    Every video released so far has been exactly what I needed.
    Great tutorial as always! Thank you ❤❤❤❤❤❤

    • @tobisalami
      @tobisalami  3 месяца назад

      You are welcome! Thank you for watching!

  • @officialsimeontaiwo
    @officialsimeontaiwo 3 месяца назад

    Thank you so much Tobi Salami. Like I told in the Facebook group where you shared the video alert, this really came through as at the time needed. Few things that stood out for me are how the meta field data is being saved in the database, the robust use of that query builder to filter out the things required, and the need for a listing to keep the output within the required query. Those were new some profoundly new things I picked from your videos. Thanks a lot, man.

    • @tobisalami
      @tobisalami  3 месяца назад +1

      You're very welcome, and thanks a lot for taking the time to leave a detailed feedback. I appreciate that, much.

    • @officialsimeontaiwo
      @officialsimeontaiwo 3 месяца назад

      @@tobisalami It's a pleasure, man. You're doing an amazing work and you deserve all the flowers 🌸🌺🌻🌹🌷🌼💐.
      Please, I have a question. Is it possible to filter out from a jet dynamic table, the list of users who have completed their profile and those who haven't?

    • @tobisalami
      @tobisalami  3 месяца назад +1

      @@officialsimeontaiwo Yes. But the way to do it is a lot more complicated than I can write here. It'll demand a video of its own. But I have a lot of other videos in the pipeline already.

  • @web_genius_bd
    @web_genius_bd 3 месяца назад

    Awesome tutorial Tobi Salami.. Thanks For This.

    • @tobisalami
      @tobisalami  3 месяца назад

      Thank you for thanking me! 😊

  • @wordpressjunkie8830
    @wordpressjunkie8830 3 месяца назад

    This is very advanced stuff, thanks for this!

    • @tobisalami
      @tobisalami  3 месяца назад

      Thank you too, for watching and leaving a comment. I appreciate that!

  • @techiesreviews
    @techiesreviews 3 месяца назад +1

    Amazing Tobi, the amount of information packed in this short time is just on point. How much time do you spend creating this video?

    • @tobisalami
      @tobisalami  3 месяца назад +1

      Thank you Lex! I spent about 5 hours, thereabout.

    • @techiesreviews
      @techiesreviews 3 месяца назад

      @@tobisalami 5 hours, good to know that is normal haha. Keep going Tobi!

    • @tobisalami
      @tobisalami  3 месяца назад +1

      @@techiesreviews Haha! One of my videos (about an hour long) took me about 12 hours. Until I started creating content, I used to think it wasn't that hard. Haha! Jokes on me.

    • @techiesreviews
      @techiesreviews 3 месяца назад

      @@tobisalami Hahaha we are in the same boat buddy. I thought it was easy as well. For every video I have a concept in mind, create the thing I want to make a video about, then recreate it again for the video. Awkwardly create an intro and outro.. Then the editing starts removing all the coughs, aahs, umms and misteaks uuuhhh.. mistakes. Takes around 5 hours to do. Than create Social posts, thumbnail and schedule everything, which is about 1 to 2 hours as well...

    • @tobisalami
      @tobisalami  3 месяца назад +1

      @@techiesreviews Haha! We can only get better!

  • @daveden2
    @daveden2 3 месяца назад

    Nice! Thanks for the easy tutorial.
    I tend to do most of these manually with code.

    • @tobisalami
      @tobisalami  3 месяца назад +1

      You are welcome! And yes, it's very easily doable if a person writes PHP.

    • @tobisalami
      @tobisalami  3 месяца назад +1

      I tailored it towards people who do not write PHP. The entire channel will continue the no-code route unless there's no other option. LOL. Then, I will show how to write code. I see CSS being the culprit in most cases.

  • @Ethan_IC
    @Ethan_IC 3 месяца назад

    amazing! I am looking forward to seeing more, thank you very much and I greatly appreciate this project, you are going to grow very quickly ;)

    • @tobisalami
      @tobisalami  3 месяца назад

      You are welcome! Thank you too.

  • @nikhilb8345
    @nikhilb8345 3 месяца назад

    Solid tutorial!

  • @visualmodo
    @visualmodo 3 месяца назад

    Very good video!

    • @tobisalami
      @tobisalami  3 месяца назад

      @@visualmodo thank you very much! I appreciate that.

  • @MilanPavlovicFX
    @MilanPavlovicFX 3 месяца назад

    Best tutorials for Crocoblock !

    • @tobisalami
      @tobisalami  3 месяца назад

      Thanks a lot for saying that!

  • @LioraAz
    @LioraAz 3 месяца назад

    Great stuff informative as always, could you please teach us how to create a commenting system with reply option as well ,thanks your the best

    • @tobisalami
      @tobisalami  3 месяца назад

      Hi. Thanks. This is already on my list of videos coming in the future.

  • @stefanradu4550
    @stefanradu4550 3 месяца назад

    Well done, Tobi. You made an advanced task look very easy. Keep these tutorials coming, they are fire!

  • @owenmul7209
    @owenmul7209 День назад

    Great Tutorial Thanks so much! Quick Question - how would you set up the conditional display option to hide the progress bar when completed 100%. Thanks in advance for any help!

    • @tobisalami
      @tobisalami  14 часов назад

      You are welcome! You can set a dynamic visibility condition on the widget, and "Hide" if the "Query Result Count" dynamic tag = 100.00
      This way, once it's 100, it hides.

  • @andreasorrentino5885
    @andreasorrentino5885 3 месяца назад

    Amazing tutorial, as always! Congrats!

  • @mauro500designs
    @mauro500designs 3 месяца назад

    Keep rocking Tobi. Great job here.

  • @dipoksaha2310
    @dipoksaha2310 3 месяца назад

    Its awesome, we want to know about query builder as a begainer, crocoblock is a powerful plugin. Please make details of jet engine query builder. Thank you

    • @tobisalami
      @tobisalami  3 месяца назад

      @@dipoksaha2310 kindly look at my channel. There's a dedicated video about the query builder.

    • @tobisalami
      @tobisalami  3 месяца назад

      @@dipoksaha2310 thanks for watching!

  • @sergio23878
    @sergio23878 3 месяца назад

    Thank you very much for the video. Can you make a video of the jet-engine calculated callback master plugin? Or how to put calculations with code in wordpress?

    • @tobisalami
      @tobisalami  3 месяца назад

      You're welcome. Erm, I also showed that in this video, but the video was taking a lot of time already. I may show that in a different video. Stay tuned.

  • @lwifunyomangula
    @lwifunyomangula 3 месяца назад

    Very nice

    • @tobisalami
      @tobisalami  3 месяца назад

      Thank you so much!

    • @lwifunyomangula
      @lwifunyomangula 3 месяца назад

      @@tobisalami can you make video for Jetformbuider Map features: Current Location, Draw Polygon on a Map, Clustered Pins, Find Distance and Area

  • @farhan-app
    @farhan-app 3 месяца назад

    This is awesome! Thank you for sharing :)

    • @tobisalami
      @tobisalami  3 месяца назад +1

      Thank you Farhan! I appreciate the comment.

  • @popopp2297
    @popopp2297 Месяц назад

    Love your videos! In my opinion they would be so much better if you were producing them with Bricks. Elementor is a great design tool, however not so great from a developer perspective. Elementor is schematically lost in the real world of proper HTML, CSS and JavaScript.

    • @tobisalami
      @tobisalami  Месяц назад

      You're absolutely right about Bricks Builder being more developer friendly and Elementor missing the mark.
      I produce videos in Elementor because the majority are still using Elementor. I take polls from time to time to confirm this. And really, I can count on Bricks Builder users to follow when what I'm showing doesn't depend on a particular builder. But most Elementor users can't tell what's what across Bricks and Elementor. The best way to appease both worlds, I suppose, would be to demonstrate in Elementor and count on Bricks Builder users to follow.
      What do you think?

  • @Nass3R
    @Nass3R 3 месяца назад

    Awesome, I loved the video Thank you Tobi! ❤❤❤

    • @tobisalami
      @tobisalami  3 месяца назад

      Thank you very much too!

  • @Crocoblock
    @Crocoblock 3 месяца назад

    Thank you so much!

    • @tobisalami
      @tobisalami  3 месяца назад

      You are very welcome, awesome Team.

  • @HappyHappy_1314
    @HappyHappy_1314 2 месяца назад

    Excellent video!!! at 17:30, you mentioned to choose Site - shortcode, but I cannot see at my side, wonder if needs Elementor Pro upgrade?

    • @tobisalami
      @tobisalami  2 месяца назад

      @@HappyHappy_1314 thank you.
      It needs Elementor Pro to do that. But if you don't have Elementor Pro, feel free to use a Listing template to do the same thing instead of an Elementor template. Put your form in the listing grid template.
      Now, inside of the Tables Builder column option, pick template and pick your listing grid template.
      It'll work the same way.

    • @HappyHappy_1314
      @HappyHappy_1314 2 месяца назад

      @@tobisalamithank you so much for sharing smartest way🎉🎉🎉you are awesome ❤

  • @nadmak9093
    @nadmak9093 3 месяца назад

    Excellent video! Question for Gutenberg developers: Can we use JetElements? It is not listed as supporting Gutenberg on Crocoblock website. What would be an alternative? Also what is the alternative to build shortcodes if we don't use Elementor? Furthermore, is there a way to make the formula more dynamic when calculating the percentage complete (instead of hard coded /4)? If the user meta has repeater fields for instance when users can add as many entries as they want?

    • @tobisalami
      @tobisalami  3 месяца назад +1

      Hi. Thanks for watching.
      About Gutenberg, there are a lot of addons having blocks like the Circle Progress widget. I don't have any in mind, but I am sure you won't look too deep to find them.

    • @tobisalami
      @tobisalami  3 месяца назад +1

      Also, If you don't use Elementor, you can use your shortcode in most places in Gutenberg. You don't need to use a special dynamic tag.

    • @tobisalami
      @tobisalami  3 месяца назад +1

      About the expected field number... In place of 4, you can replace it with a macro. In fact, that macro can get its count from a different query if you so please. Jet Engine macros work there too. So, you can make that dynamic and as you described even query repeaters and return their count. All possible.

  • @raminalizadeh6304
    @raminalizadeh6304 27 дней назад

    Hello,
    Is there a way to change the date format in the Jet Engine plugin from the Gregorian calendar to the Persian calendar? We use a different calendar as our main one for date selectors in forms and other features..
    Thank you!

    • @tobisalami
      @tobisalami  26 дней назад

      I am not very sure about that. I can write that down and take a look at it much later.

  • @BilalShirzadDev
    @BilalShirzadDev 3 месяца назад

    Rock!❤ I want to master Crocoblock which type of website I need to create as test? Realestae , e-commerce, Ticketing System I want to explore every adding and functionality like: map listing…….

    • @tobisalami
      @tobisalami  3 месяца назад +1

      Good idea! Any of these can expand your knowledge. I wish you all the best with the journey.

    • @BilalShirzadDev
      @BilalShirzadDev 3 месяца назад

      @@tobisalami Inshallah

  • @HappyHappy_1314
    @HappyHappy_1314 2 месяца назад

    Excellent video, may I know if one field is from Taxonomy, do I still need to create a new meta field for that Taxonomy field? Thanks a lot

    • @tobisalami
      @tobisalami  2 месяца назад

      Thank you for the feedback. If one of the fields is from a Taxonomy, you will just need to fetch that taxonomy term using the same SQL query from the table. That way, you can make calculations based on whether that term field exists.

    • @HappyHappy_1314
      @HappyHappy_1314 2 месяца назад

      ​@@tobisalami thank you so much, do you mean I need choose join table as "
      term_taxonomy", and When current table column as "
      term_taxonomy_id"?

  • @BilalShirzadDev
    @BilalShirzadDev 3 месяца назад

    You are working and editing in Desktop? Brother! I have see your website about u page offff! you are Ninja.

    • @tobisalami
      @tobisalami  3 месяца назад +1

      Haha. Thanks! I appreciate that.

    • @BilalShirzadDev
      @BilalShirzadDev 3 месяца назад

      @@tobisalami Always happy and respect!

  • @loliradotopper
    @loliradotopper 3 месяца назад

    JetEngine said "What?, I could do that ?"

    • @tobisalami
      @tobisalami  3 месяца назад

      Oh, Hahaha! That cracked me up so much!