Dynamic FAQs in Oxygen (CPT + ACF + Relationships + Facets)

Sdílet
Vložit
  • čas přidán 10. 07. 2024
  • Join the Inner Circle: digitalambition.co/inner-circle/
    Do you add FAQs manually inside the Oxygen builder or in some sort of FAQ plugin? Stop doing that! It's time to upgrade your skills.
    In this video, I'll show you how to add FAQs to an Oxygen site using a custom post type, custom taxonomies, and the Oxygen repeater.
    Things covered:
    • Adding CPT for FAQs
    • Adding FAQ Categories
    • Adding Advanced Custom Fields
    • Oxygen Repeater to Query FAQs
    • Inserting Dynamic Data
    • Using the Advanced Query Builder
    • Filtering by Category Using Advanced Query Builder
    • Tips for Building a Toggle in Oxygen
    • Using a Toggle in a Repeater
    This foundation will also give you the ability to relate FAQs to specific services, products, or pages using bi-directional relationships as well as sorting, filtering, and searching FAQs using facets. I'll teach all this advanced functionality inside my Inner Circle.
    ** Join the Inner Circle: digitalambition.co/inner-circle/ **
    0:00 I Got Covid
    01:37 Intro
    01:50 What NOT to Do
    04:13 Good UX for FAQs
    04:58 Structural Foundation
    07:30 Creating the CPT
    10:55 Adding FAQ Categories
    12:50 Adding Custom Fields
    18:00 Adding Sample FAQs
    22:15 Creating the Page
    26:15 Adding the Repeater
    29:30 Creating the FAQ Toggle
    39:40 Query by FAQ Category
    43:30 Wrap-Up

Komentáře • 74

  • @Gearyco
    @Gearyco  Před 2 lety +14

    Glad to be back! Thanks for all the continued support and love!

  • @superchaqueta3253
    @superchaqueta3253 Před 2 měsíci

    I always come back to your videos: no matter how many years go by, your content continues to provide great value. You are the CZcamsr I've learned the most from. If things keep going well for me, I will likely join the inner circle. A hug from Chile

  • @BillyRybka
    @BillyRybka Před 2 lety +2

    Hey Kevin! Love what you do. Im part of your Inner Circle, its fantastic! Super helpful!
    A suggestion for these videos. It would be great to know what the end result will be in the beginning of the video Instead of having to search for it to see if its something I want to add or not. Hope that makes sense. It could just be having broll of the functionality while your explaining whats up.

  • @rjfortis5415
    @rjfortis5415 Před 2 lety +1

    Glad you and your family are better. Thanks for all you share. Your content are awesome!

  • @jameswthrasher
    @jameswthrasher Před 2 lety

    So glad you and your family are feeling better. Also, fantastic tutorial. Keep up the great work! I always look forward to your posts. Really looking forward to your utility classes! Blessings!

  • @DesignwithCracka
    @DesignwithCracka Před 2 lety

    This is a brilliant solution to dynamic and scalable FAQs. Great video Kevin!

  • @cokidevssiregar2474
    @cokidevssiregar2474 Před 2 lety +1

    Again... You are always making us easier to use oxygen... me personally learn many things from your youtube and since getting in into your inner circle :D
    I hope you and your family are always healthy... success for you Kevin

  • @fady904
    @fady904 Před 2 lety

    At first it looked complicated, and I almost gave up. Your advice about wrapping the repeater with DIV is a great one!!

  • @Rajjjj19929
    @Rajjjj19929 Před 2 lety

    A godsend tut, thank you Kevin as always!

  • @larryodaniel926
    @larryodaniel926 Před 2 lety

    Glad your back and doing better!

  • @davidwalls2304
    @davidwalls2304 Před rokem

    Kevin, catching up on past videos and learning great concepts to improve my current/new websites. I especially liked the description of the repeater/query filtering.

  • @VillyReality
    @VillyReality Před 2 lety

    Bro, i need more of these awesome vids!

  • @melanieperez297
    @melanieperez297 Před rokem

    Fantastic tutorial, thank you so much!

  • @farhan-app
    @farhan-app Před 2 lety

    GOLD!! Keep it up bud

  • @webmovie
    @webmovie Před 2 lety

    Great tutorial! This query stuff still confuses me, but with tuts like yours (and the inner circle) I guess I will finally manage it.

  • @AmandaLucaseu
    @AmandaLucaseu Před 2 lety

    Love the video Kevin 🤗

  • @GavinDavidson
    @GavinDavidson Před 2 lety

    Excellent! Thanks a mil...!!!

  • @DimitryChamy
    @DimitryChamy Před 2 lety

    Glad you are better and took care of you and family are good 💗.

  • @brucetunkel
    @brucetunkel Před 2 lety

    Awesome, thank you!

  • @alphatras4573
    @alphatras4573 Před 2 lety

    Love the insights! thanks for the tutorial really made a difference here.

  • @ZamaNRaPBanD
    @ZamaNRaPBanD Před 2 lety

    I am glad you and your family are ok brother. Keep hustling. You are doing awesome. I see you as a teacher of mine.

  • @morozara4962
    @morozara4962 Před rokem

    Kevin, you mention the advanced lesson for inner circle. Which video would that be? Or is it sections? Trying to wrap my head around this. Thank you in advance.

  • @dariuszak1402
    @dariuszak1402 Před 2 lety

    fantastic tutorial! it makes me think to join your inner-cirle full training

  • @yvesmattle
    @yvesmattle Před rokem

    Hey Kevin great video thank you :)
    Can it be that the function with the ACF no longer works?
    I have to get the Pro version so that I can feed the fields in the repeater...

  • @BillyRybka
    @BillyRybka Před rokem

    Hey Kevin! What are your thoughts on bringing this piece of content inside of the IC? Could just add to the overall training people receive. I know its literally 1 year old, but it still works!

    • @Gearyco
      @Gearyco  Před rokem

      I try to keep the trainings separate for the most part. I’ve done similar stuff in the IC already in full site builds.

    • @BillyRybka
      @BillyRybka Před rokem

      @@Gearyco Fair enough. Just a thought

  • @shibupandit24
    @shibupandit24 Před 2 lety

    Nice video sir, I choose filter option inside the repeater by selecting category

  • @pavlemarinkovic3221
    @pavlemarinkovic3221 Před 2 lety

    I'm interested in what's in the Gun bookmark folder : 'D
    It is a pleasure to watch and listen and always learn something new with your video !

    • @Gearyco
      @Gearyco  Před 2 lety +1

      Links to guns/parts I’m looking at getting

  • @sbw94
    @sbw94 Před 2 lety

    Can inside your inner cercle explain also how to reorder FAQ item?
    For example if the client want one specific FAQ added previously to the top of your repeater in the front-end, how you would do that?
    Thanks for the awesome video 🙏

  • @JohnBrown-nm3pd
    @JohnBrown-nm3pd Před 2 lety

    Glad to have you back! Is there a way to wrap this in schema automatically and conveniently?

    • @Gearyco
      @Gearyco  Před 2 lety

      Not needed you can just add the schema to the page before footer

  • @mzosama
    @mzosama Před 2 lety

    Good to see you back. Please do take of yourself and your family.
    What is your opinion on OxyMade?

    • @Gearyco
      @Gearyco  Před 2 lety

      Good for people who like tailwind approach

  • @eduardoyi
    @eduardoyi Před 2 lety

    Great video! How would you go about allowing clients to determine the order of the FAQ questions?

    • @Gearyco
      @Gearyco  Před 2 lety +2

      Order by post order allows order control in the back end

  • @simonepagnini6735
    @simonepagnini6735 Před rokem

    T H A N X! Another great tutorial... I regret I discover +1 year after... :( Just a question: can you order by date or other criteria? Does this method fit with search results blog posts? I looked inside innercircle but I could not find a tutorial with search term field and results page....

  • @solarvance2437
    @solarvance2437 Před 2 lety

    This is a great tutorial to make the WP site with the higher level. Have a question here. If using Elementor editor, can the filtering function work like Oxygen builder?

    • @Gearyco
      @Gearyco  Před 2 lety

      I’m not sure. I’ve never used Elementor.

  • @TamingTech
    @TamingTech Před 2 lety

    Great video! How would you implement FAQ schema with this method?

  • @filippoponzetti
    @filippoponzetti Před 2 lety

    Great video as usual mate!
    You mention that to see how facets work, there is a tutorial inside the Inner Circle, but actually I cannot find it... Are you planning to release this tutorial soon?
    Many thanks.
    PS
    I have just joined the Inner Circle and I'm already addicted to it ;-)

    • @Gearyco
      @Gearyco  Před 2 lety

      Coming soon yes

    • @ReubenHochstetler
      @ReubenHochstetler Před 2 lety

      @@Gearyco I'm also looking forward to this. Hopefully using Meta Box.

  • @nocodecreative
    @nocodecreative Před rokem

    It's all making sense now, CPT UI is how you build the database table and define the columns, data types and tag etc, then you can query the data via the repeater and load it into the front end dynamically with the relevant elements. Nice. Is there a way to serve data to WordPress via an API like this? I want to pull data from a 3rd party source.

    • @Gearyco
      @Gearyco  Před rokem +1

      Yes through the REST API

    • @nocodecreative
      @nocodecreative Před rokem

      @@Gearyco any plugins to interact with the API or will I need to get hands-on with some JavaScript and JSON?

  • @eucalyptech
    @eucalyptech Před 2 lety

    Thank you for your tutorial. Quick question : Is a toggle a problem for SEO ?

    • @Gearyco
      @Gearyco  Před 2 lety +1

      There are no issues as long as the content inside the toggles is visible in the html.

    • @eucalyptech
      @eucalyptech Před 2 lety

      @@Gearyco Is it the case by default in Oxygen or should we modify/add something ?

    • @Gearyco
      @Gearyco  Před 2 lety +1

      @@eucalyptech It's in the HTML by default in Oxygen. No changes needed.

    • @eucalyptech
      @eucalyptech Před 2 lety

      @@Gearyco Perfect, thank you Kevin !

  • @franckboursin7308
    @franckboursin7308 Před 2 měsíci

    Hello Kevin,
    Do you know I can display simply all the FAQ Categories in a reapeter ?
    Thanks

    • @Gearyco
      @Gearyco  Před 2 měsíci +1

      In bricks you can. Not in oxygen.

    • @franckboursin7308
      @franckboursin7308 Před 2 měsíci

      @@Gearyco Thank you for your answer.

  • @DesignRobPearce
    @DesignRobPearce Před 9 měsíci

    Using FAQs in Bricks with directional like you've done here - how did you manage to make it work smoothly on archive pages? Using ACF not MB but it seems getting the bi-directional stuff to work on archive pages isn't as smooth?
    Admittedly not using categories, just simply using the bi-directional relationships to choose which ones to show on which pages, which works really well to be fair on everything bar archive pages. TIA :)

    • @Gearyco
      @Gearyco  Před 8 měsíci +1

      I’d have to see an example of what you’re trying to do.

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

      @@Gearyco really a limitation it seems to ACF and how it displays and deals with bidirectional stuff on archive pages.
      Mostly FAQs and Testimonials I’m using Kevin trying to get on archive pages. You can’t pick the pages or anything with bidirectional ACF excludes archives I think due to having no internal id.

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

      I haven't run into many limitations. I'd have to see what the implementation looks like.
      @@DesignRobPearce

  • @quadcom
    @quadcom Před 2 lety

    How can you incorporate the FAQ schema in these as well?

    • @Gearyco
      @Gearyco  Před 2 lety

      Schema can be added to a page separately.

    • @quadcom
      @quadcom Před 2 lety

      @@Gearyco but is there a way to take advantage of oxygen's dynamic fields so they are generated automatically too? Perhaps on the same FAQ CPT?

    • @Gearyco
      @Gearyco  Před 2 lety

      @@quadcom I don't think so. Not easily. Schema is a beast.

  • @udithawishvajith9334
    @udithawishvajith9334 Před 2 lety

    I need to learn Bi directional relationship. 😑

  • @danielkumar5195
    @danielkumar5195 Před 2 lety

    23:40 ACSS is going to be free 🤔🤔

    • @Gearyco
      @Gearyco  Před 2 lety +1

      It became way bigger and more desired than originally intended. Took about 100x as much work because of that. And then because I saw it was going to be used on thousands of sites and would need constant updates and support and a plug-in dashboard to integrate it … the economics were impossible.

    • @danielkumar5195
      @danielkumar5195 Před 2 lety

      @@Gearyco the LTD still was a good deal, i understand, i just was suprised after rewatching this video, had to go back a few seconds to make sure i understood it correctly 😅😅