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

Поделиться
HTML-код
  • Опубликовано: 15 июл 2024
  • In this video, Osamu from ‪@osamu_wakabayashi‬ will show you advanced usage of JetTabs and JetEngine WordPress plugins. For creating a dynamic FAQ section in Elementor page builder, you’ll need:
    00:00 Introduction
    01:50 Creating a term query that will display all terms from FAQ types taxonomy.
    This query is used for the Tabs widget.
    03:08 Creating a post query that will display FAQ posts from the current term.
    This query will be used for the Classic accordion widget.
    05:00 Building a section template for the content of FAQ posts.
    This template will be used for the Classic accordion widget in the next step.
    06:04 Creating a section template to display the FAQ post with the Classic accordion widget. This template will be used for the Tabs widget in the next step.
    07:58 Setting up a page for the dynamic FAQ with the Tabs widget.
    09:44 Checking the result
    -------------
    📄Query Builder overview:
    bit.ly/407tbDo
    📄Query Builder Posts Query Type overview:
    bit.ly/3zZimZs
    📄How to display content in Classic accordion widget:
    bit.ly/3KEEFsn
    📄How to arrange the content built with Elementor inside the tabs:
    bit.ly/3A0AOAM
    -------------
    ►Get JetEngine plugin:
    bit.ly/3zYHOhC
    ►Get JetTabs plugin:
    bit.ly/3A0pGnM
    ►Choose Crocoblock subscription:
    bit.ly/3zZ3hqQ
    -------------
    Follow Zen Ideas for more helpful content:
    ► / @osamu_wakabayashi
    ►zenideas.ca/
    Join us here:
    ► FB Community: / crocoblockcommunity
    ► Facebook: / crocoblock
    ► Twitter: / mrcrocoblock
    ► Instagram: / mrcrocoblock
    ► Pinterest: / crocoblock
    ► LinkedIn: / crocoblock
    #faq #elementor #jetengine #wordpress #dynamicfaq #dynamiccontent
  • НаукаНаука

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

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

    Exceptional information. Thank you very much!

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

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

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

    Nice one!!! Appreciate the info broken down!

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

    Great one, thank you!

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

    Super useful

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

    Maravilloso

  • @tarekal-lahaam367
    @tarekal-lahaam367 22 дня назад

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

    • @Crocoblock
      @Crocoblock  19 дней назад

      kindly try this option prnt.sc/tKH2ZLXO65T8

  • @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

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

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

  • @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/.

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

    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.?

  • @user-th6vd7qi5p
    @user-th6vd7qi5p 6 месяцев назад

    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  6 месяцев назад

      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.

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

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

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

      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 💙

  • @phi-peter-heck
    @phi-peter-heck 10 месяцев назад

    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  10 месяцев назад

      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/

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

    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  6 месяцев назад

      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/

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

    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  9 месяцев назад

      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

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

    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  2 месяца назад

      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/

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

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

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

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

  • @user-dw8yn8ys5j
    @user-dw8yn8ys5j 8 месяцев назад

    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  8 месяцев назад

      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/

  • @user-samueladema777
    @user-samueladema777 Месяц назад

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

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

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

    • @user-samueladema777
      @user-samueladema777 Месяц назад

      @@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  Месяц назад

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

  • @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/

  • @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

  • @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.

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

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

    • @Crocoblock
      @Crocoblock  10 месяцев назад +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/

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

    How I add listing items dynamically inside jet tabs ??

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

      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

  • @redtvtalks3464
    @redtvtalks3464 10 месяцев назад +1

    how to do this with jet theme core?

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

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

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

      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  10 месяцев назад

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

  • @user-samueladema777
    @user-samueladema777 Месяц назад

    very nice, but where if contents are custom posts

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

      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 Месяц назад

      @@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  Месяц назад

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

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

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

  • @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 11 месяцев назад

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

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

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

  • @fairestwebsites
    @fairestwebsites 11 месяцев назад +1

    Would be good to hear Paul @WPtuts in this area

    • @MrDarcyJR
      @MrDarcyJR 11 месяцев назад +2

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