How to Create Elementor Dynamic FAQ with Crocoblock Plugins | JetEngine & JetTabs

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

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

  • @alexeypalamarenko8393
    @alexeypalamarenko8393 Год назад +1

    Exceptional information. Thank you very much!

  • @alanbradley5187
    @alanbradley5187 Год назад

    Nice one!!! Appreciate the info broken down!

  • @naabigaabdoulrazak1959
    @naabigaabdoulrazak1959 Год назад

    That's awesome, useful tricks. Thank you !!!
    KEEP UP THE GREAT WORK✌

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

    Nice tutorial! Any idea how we can add the "all" option within the term query that is used to filter the tabs?

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

      looks like to be a custom solution

  • @bompard07
    @bompard07 5 месяцев назад

    Thanks - Very cool and well explained :)

  • @fairestwebsites
    @fairestwebsites Год назад +2

    Would be good to hear Paul @WPtuts in this area

    • @MrDarcydr
      @MrDarcydr Год назад +3

      I like Paul too but Osamu does an awesome job with diverse tutorials that you never see Paul doing. Very helpful

  • @MoxetKhanPK
    @MoxetKhanPK Год назад +2

    Super useful

  • @daveswitzerland4442
    @daveswitzerland4442 10 месяцев назад

    Great one, thank you!

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

    nice video. if i had product and i had some metaboxes for faq, can i make dynamic faq in each product page?

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

      you can try the repeater field, for example
      if you have some questions which repeat, then it would be better to use taxonomies (or a separate CPT / CCT with relations)

  • @tarekal-lahaam367
    @tarekal-lahaam367 6 месяцев назад

    Awesome! Thanks you for everything. how I can active the first tab only.

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

      kindly try this option prnt.sc/tKH2ZLXO65T8

  • @MIRAJADESIGN
    @MIRAJADESIGN 6 дней назад

    This is very interesting. But I need to dynamically populate an accordion from a repeater field on a custom post type metabox. Any chance do you have a suggestion or tutorial for that?

    • @Crocoblock
      @Crocoblock  2 дня назад

      you can do it in 2 ways :)
      with the Dynamic Data Addon crocoblock.com/knowledge-base/tips-and-tricks/displaying-icon-from-the-repeater-field-using-the-dynamic-data-addon/
      or using the query :)

    • @Crocoblock
      @Crocoblock  2 дня назад

      I believe this option prnt.sc/vPs2TIHptkZT is what you need to show the content of selected pages in each tab.
      As stated in the instructions, you need to create a custom query for posts in the query builder crocoblock.com/knowledge-base/articles/jetengine-query-builder-posts-query-type/
      And the posts that you have as query results will be shown in the tabs accordingly.
      Please, check this explanation from the developer to understand how this functionality works github.com/Crocoblock/suggestions/issues/6181#:~:text=Tags%20for%20Elementor.-,Custom%20control%20for%20connecting%20query%20to%20any%20widget%20containing%20a%20repeater,-Ability%20to%20use
      To pull the data from the query into the tab, you can use the Current Object Field dynamic tag, and select the needed field from the custom query which needs to fill the part of the tab prnt.sc/dqjLW-Fsfqh6
      Accordion case
      You can display posts as Classic accordion widget where the Accordion label is the Post title (or meta field of the post) and the content is pulled dynamically from meta fields (it can be an image and description in your case). Just use the dynamic field widget instead of the table as I displayed in my example. I created an example for your case 🙂
      1. Create a template in Elementor (section) prnt.sc/TmeLcPSGcNFq
      2. Add widgets to display dynamic content: prnt.sc/oMh5JrcfStu5
      3. Open any static page now in Elementor and add the Classic Accordion widget there. Enable the toggle Use JetEngine query and select the query you want to use: prnt.sc/UtzLlVcRSkNJ
      In my example, it's a simple query where I order my tours in descending order.
      4. Add only 1 toggle (the number of toggles will be controlled by the results of your query). Choose the template we've created above. Apply "Current Object Field" or "Custom Field" dynamic tags to pull post data: prnt.sc/oBZdjNKGxA31

    • @MIRAJADESIGN
      @MIRAJADESIGN 2 дня назад

      @@Crocoblock Thanks. It works beautifully!

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

    Always enjoyed and appreciated all your videos. I'm creating the exact same FAQ on one of my websites and was wondering if there is a way to link to the FAQ page with a specific tab/category preselected, like having a query parameter in the URL. Any quick tips on that?

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

      thanks for your feedback :)
      hope this guide will help you :)
      crocoblock.com/blog/how-to-link-tabs/

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

      @@Crocoblock Exactly what I was looking for. Thanks!

  • @wiseguyfittness
    @wiseguyfittness 9 месяцев назад

    Great tutorial, how do i do this without the accordian? I just want to pull in the post content and title

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

      thank you 💙
      at the same time, I should admit that the main core idea of this video was to create dynamic tabs
      also, you can adjust this use case to your needs 💙

  • @ufocatchers
    @ufocatchers Год назад

    Thank your Video , it's great ! May you tell me how to set up an anchor or link directly to a dynamic term position?

    • @Crocoblock
      @Crocoblock  Год назад +1

      Could you contact our support team please so we could provide you with an instruction? crocoblock.com/help-center/.

  • @schumacherguilherme
    @schumacherguilherme 4 месяца назад

    at classic accordion widget i dont have the "use jet engine query" option. Can you please help? Thanks and congrats for this awesome tutorial!

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

      kindly try to see it in Elementor editor - it should be here prnt.sc/erxUsmygpBsU
      check it please from your side :)

  • @DorotaKuriataStudioreklamyFirm

    Great content, I would like to ask you, Is it possible to also create a linked menu with a submenu (FAQ section name) when creating a dynamic FAQ section in Elementor page builder?

    • @Crocoblock
      @Crocoblock  Год назад

      At the current moment, we do not have an option to make the Label for Tabs or Classic Accordion widget clickable (meaning add a permalink there) when you get the items from the query results.

  • @user-samueladema777
    @user-samueladema777 7 месяцев назад

    Nice one, but what if the taxnomy you use are custom posts how can we filter using custom posts ?

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

      could you please elaborate a bit what exactly you need to achieve?

    • @user-samueladema777
      @user-samueladema777 7 месяцев назад

      @@Crocoblock i creating a program which are cpt every program have course so the tabs will be programs and accordine will be course. so when i want add program can the tab will fetch to me also can the hold more than 3 in my case it is not working for me.

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

      proceed please to our support team crocoblock.com/help-center/

  • @redtvtalks3464
    @redtvtalks3464 Год назад +1

    how to do this with jet theme core?

    • @Crocoblock
      @Crocoblock  Год назад

      Hello! You can use the a free version of Elementor to create a Section Template in Elementor.

    • @redtvtalks3464
      @redtvtalks3464 Год назад

      Hi! I am Trying to get this result with Elementor free, but it's not working properly. FAQ Post Content (section) not display in Classic Accordion's template setting.@@Crocoblock

    • @Crocoblock
      @Crocoblock  Год назад

      It would be great if you could share your settings with us here: crocoblock.com/help-center/ Thank you ❤️

  • @user-samueladema777
    @user-samueladema777 7 месяцев назад

    very nice, but where if contents are custom posts

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

      it seems that this option - current object field prnt.sc/6Om1fZumObaS should work well with the posts if you are based on them
      or maybe you have another kind of question?

    • @user-samueladema777
      @user-samueladema777 7 месяцев назад

      @@Crocoblock tnx it works for me but what about when i add cpt will the tab will be added ?
      but it is no adding for instead it will override the other one it can not show more than 3 why?

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

      kindly proceed to our support team so we could investigate deeper your request :) crocoblock.com/help-center/

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

      kindly proceed to our support team so we could investigate deeper your request :) crocoblock.com/help-center/

  • @YulianDavid
    @YulianDavid 10 месяцев назад

    Hello, can I put a Tan widget inside a woocommerce product?

  • @yuyutalks
    @yuyutalks Год назад

    Hey Osamu. Thanks for the great video. However, I have been thinking about the feasiblity of making FAQ a custom post type for most projects. My own project, I want to add it as an FAQ under a custom post type. How possible it is to add a custom post type under a custom post type dynamically? That is why I'm a bit concerned.

    • @Crocoblock
      @Crocoblock  Год назад

      Hi there! I believe you could create a repeater field for FAQ under each post of your CPT. Feel free to build a Repeater query and use it for the Classic Accordion widget which is placed on the single post template.
      crocoblock.com/knowledge-base/jetengine/jetengine-how-to-set-repeater-query-type/
      If any question left, feel free to contact our support team crocoblock.com/help-center/

  • @seekknowledge1928
    @seekknowledge1928 Год назад +1

    Great content as always. I request you to record video on a small screen. Some users like me who dont have bigger screen like you and thats why its harder to see all the little text in our laptop screen. Everything looks very smaller in my laptop screen

  • @temanbintang
    @temanbintang 10 месяцев назад

    I created dynamic tabs to display repeaters, I did it successfully.
    I made a similar thing on a different website but there is a little problem, the data can be displayed in Desktop mode only, and is not readable when accessed on a cellphone.
    Can you help me with this problem sir?
    Which part should i fix.?

  • @yogik001
    @yogik001 Год назад +1

    Can we add search to this faq's page ?

    • @Crocoblock
      @Crocoblock  Год назад

      At the current moment, it is a feature request. Feel free to share your suggestions here: github.com/CrocoBlock/suggestions/issues

  • @tavolucas98
    @tavolucas98 Год назад

    Maravilloso

  • @Mika2068-r1l
    @Mika2068-r1l Год назад

    I installed a button in the container, a modal window appears when clicked, in which there is a feedback form
    How do I make the name of the record appear in the form ?

    • @Crocoblock
      @Crocoblock  Год назад

      It's better to contact our support team so we could check your settings and clarify the result you are trying to achieve. crocoblock.com/help-center/

  • @phi-peter-heck
    @phi-peter-heck Год назад

    I adopted it and it displays well in the Elementor editor. But on the normal page (no user loggen in to Wordpress), the Tabs are missing. Any idea, why this is the case?

    • @Crocoblock
      @Crocoblock  Год назад

      To provide you the solution we need to check your query settings. Could you please let our support team help you? crocoblock.com/help-center/

  • @eyepop_marketing_agency
    @eyepop_marketing_agency Год назад

    Hey Osamu, great video 👌. But...how do you achieve the "Custom Taxonomy Order" in your tabs? How do you order the tax categories in a non-alphabetical way? I tried to create a custom ordering of terms in Query. But there is not way to activate it in the Crocoblock JetTabs Tabs widget... Anyone can help?

    • @Crocoblock
      @Crocoblock  Год назад

      Hello! You need to set the term order in Query Builder: prnt.sc/6OgMnDbcoz-L After you enable this toggle, the number of iterms in tabs/accordion and their order is controled by the query prnt.sc/gve-3g7YPkoo

  • @zaydan_diary4434
    @zaydan_diary4434 4 месяца назад

    hi..i made the same tab for my posting blog, due to many posts, I put pagination from jet smart filter, but It didn't work as well as I expected. when the tab is empty post content, the pagination still shows and effect to other tabs. do you have a solution for this.?

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

      pagination works with the posts themselves and not with their content
      it means that if you have 2 pages in pagination, then on the second page there should be posts
      if you don't have posts there, then proceed please to the support team crocoblock.com/help-center/

  • @BehnamInanloo
    @BehnamInanloo 8 месяцев назад

    very nice, I have an important question. can I create a dynamic mega menu from my categories like this that when I add a new category my menu changes dynamically. I tried jet tabs and jet engine. but I couldn't do it. can you help me?

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

      could you please help us to understand you better?
      where exactly you have categories inside the menu: in the menu items or inside the mega menu template?

  • @GRNM-ro6hu
    @GRNM-ro6hu Год назад

    Is it possible to achive this with options pages? Bc i dont what to publish a post for every question

    • @Crocoblock
      @Crocoblock  Год назад

      There is no option to create a query for Options pages. If you do not need this dynamic feature, just add questions/answears manually into Classic Accordion widget.
      crocoblock.com/knowledge-base/jettabs/jettabs-accordion-widget-how-to-display-content-in-the-form-of-a-compact-accordion/

  • @codemilestone7697
    @codemilestone7697 Год назад

    How I add listing items dynamically inside jet tabs ??

    • @Crocoblock
      @Crocoblock  Год назад

      You may add a listing grid on the template and add a query according to your needs. For example I want to display current post information in the listing: prnt.sc/kzBcFURQYr_4
      Result: prnt.sc/pG7LmmnQb85r

  • @sekhsoyebali
    @sekhsoyebali Год назад

    If we create taxonomy terms for FAQ, will it not create a separate page for terms? How can we fix this?

    • @Crocoblock
      @Crocoblock  Год назад

      Could you please contact our support team and describe your issue in details so we could suggest a solutio for you?
      crocoblock.com/help-center/

  • @YaserAlhosani
    @YaserAlhosani Год назад

    Hi,
    How to the "current object field" in Elementor Pro?

    • @Crocoblock
      @Crocoblock  Год назад +1

      To achieve the same result as displayed in this video tutorial you do not need Elementor Pro plugin. Everything can be done in free version of Elementor (Section Template). If you need assistance of our support team, feel free to ask your quesitons here crocoblock.com/help-center/

  • @darthvader7814
    @darthvader7814 9 месяцев назад

    Why can't I just import repeater data from the woocommerce product meta fields which were created in jet engine.

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

      could you please elaborate a bit?
      or it would be even more efficient if you proceed to our chats crocoblock.com/help-center/

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

    thx

  • @Mr_Kenneth
    @Mr_Kenneth Год назад

    How do I overcome the GSC "Duplicate Fields" with FAQs?

    • @Crocoblock
      @Crocoblock  Год назад

      Please, contact our support team for clarification of your question- crocoblock.com/help-center/. We need to check the settings of your query to provide a solution.

  • @nayanponz7883
    @nayanponz7883 Год назад

    After month of learning and creating the website, crocoblock makes my website very slow, I tried lot of methods to speed it up, but I got nothing.

    • @wilsonrosagomes
      @wilsonrosagomes Год назад +2

      using the WP rocket plugin your site will gain performance, correctly configure the Elementor plugin if you are using it.
      Your hosting has to be with HD SSD Nvme to be very fast.

    • @nayanponz7883
      @nayanponz7883 Год назад +1

      @@wilsonrosagomes I'm using Cloudways server from DO, top speed, + Cloudflare enterprise CDN, I test all plugin that speed up your site, flying press, WP rocket and many more, even some codes snippet manual optimization, still have lot of issues with speed, 55 mobile and 75 desktop.

    • @wilsonrosagomes
      @wilsonrosagomes Год назад +1

      @@nayanponz7883 Minimum optimization standard:
      - IMAGES: Webp format, correct width/height
      - CSS/JS: minimized, removing unused code
      - Use CDN: fonts, css, js
      - HTML5: minimized and optimized
      - Database: optimize, remove unused tables from uninstalled plugins
      - Theme: remove unused files
      This is the least we must do, if you have already done all this I can help if you want by analyzing your site, give me the url

    • @Crocoblock
      @Crocoblock  Год назад

      Hello! Could you please check these articles?
      crocoblock.com/knowledge-base/articles/how-to-speed-up-wordpress-website/
      crocoblock.com/blog/speed-up-your-elementor-website/
      crocoblock.com/blog/gtmetrix-review/
      If you need further assistance, contact our support team, please
      support.crocoblock.com/support/home/

  • @LALINROBLES
    @LALINROBLES Год назад

    Hello. I would like to know, if the FAQ is always a Fixed text on a site, Why would anybody make all this dynamic mess to have a simple FAQ section on a site? Is not that too much work for a simple FAQ?. Sorry about my English. Best regards

    • @Crocoblock
      @Crocoblock  Год назад +5

      Hello! We got many requests from our customers who asked how to dynamic FAQ section. So now, you may put any dynamic information into tabs/accordions. This is just an example of a usecase. Feel free to use JetEngine Query functionality in the mentioned widgets according to your needs.

    • @MoxetKhanPK
      @MoxetKhanPK Год назад +6

      Its just an idea explained in FAQ style, for me i used terms as speciality and the content inside as doctors, so one can see different speciality and doctors within tabs.

  • @fairestwebsites
    @fairestwebsites Год назад

    Ok can see that need to slow the video down to actually follow him

    • @Crocoblock
      @Crocoblock  Год назад

      Follow the recommendations from this video, please. If any questions left, feel free to contact us here: crocoblock.com/help-center/

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

    How to do the tabs with a listing grid?

    • @Crocoblock
      @Crocoblock  2 дня назад

      if I get you right, then you can just add listing grids to the Tabs