2 Ways to Develop FAQs - a Webflow Tutorial

[@kilian8201]

Never apologize for trying to make money off your channel,never. However,great work.Keep it up.Much appreciated

[@SigmaLance3375]

You are amazing at teaching, when I watch your vids I make sure to never skip the ad. Thank you for your work.

[@wearestudiotonic]

Thanks a lot man - just used the SVG code from Figma to Webflow and it saved me. Had no idea it existed. Love your videos.

[@benfield1866]

Thanks for all the webflow work you do! It's so helpful to have high quality webflow tutorials, there aren't many around!

[@Bonakaren]

As always, amazing! Jose, you make the best tutorials ever!

[@Ludvio]

to open only one faq item at a time you have to have in your interactions animations: pane class only affect siblings and the trigger class only affect children

[@hamishmaclean1629]

Great work!I recently learnt about the Select tag. Webflow needs to enable developer customisation options quick smart - add own tags, add own properties, bind attributes to CMS items.. end rant! Thank again

[@viddakraft]

Thank you for this video. I build the website for my company, you saved me a lot of time. I have also a question, how to change sequence of my questions in the CMS?

[@poncardas]

Beautiful tutorial! Love the execution and it's simplicity! Thanks Jose.

[@Installator1]

You saved my day with this tutorial! Thank you Jose 🙏🏼

[@Ludvio]

thats dope.love all the neat optimisation tricks you explain

[@olehansen6568]

As always top notch tutorials. I have already used lots of your tricks

[@JoseOcandoVideos]

Thanks Ole!

[@mourtac]

Your timing is great! I just finishes building an FAQ on my own, that matches your first example pretty much... but that came with the cons you mentioned (left-open-state etc.). So, I'm gonna rework the whole thing tomorrow by following your second method... Thanks so much for sharing!

[@JoseOcandoVideos]

Awesome! I love that this helped you out immediately.

[@Leo-rd5bb]

Your videos are awesome man, thanks for taking the time to make them 🙏

[@JoseOcandoVideos]

Appreciate it Leonardo;

[@okikioluwashokunbi4512]

PLEASE HOW DID HE GET THE 2ND PLUS LINE I HAVE TRIED ITS DRIVING ME CRAZY PLEASE SOMEONE HELP

[@linksandmaria]

Loved this, thank you so much for sharing! Great tutorial (and voice!) Cheers!

[@rifkiedr]

I love your content

[@kamranimtiaz2215]

Please, sir Upload videos more frequently. BTW your new profile picture is really good.

[@JoseOcandoVideos]

Trying! If the monetization helps, I'm hoping to do them more frequently :)

[@werewolf5]

Great Video!!! Bravo, you earned yourself a fan.

[@sudeshdas1755]

hi nice tutorial. one doubt how to collapse other when you open one.

[@ziaulmustafadanish1286]

problem is responsiveness when question text is increased

[@caseypalmer5874]

This is great. Love how you have different options. Sadly, webflow has changed and we can't follow all the instructions anymore. For example, I'd love to know how to use current interaction capabilities to only have one faq content open at a time. Any tips?

[@tuskanyagency9282]

A great tutorial - saved the day thank you

[@ClaraLouiseMartin]

Thanks for the tutorial, it was really helpful!

[@jenniferward6821]

Happy to do the cup of coffee thing Thank you

[@digitalvarshabairagi]

i'm not using collection list (content for answer). i have used 2nd way but there is the question is not responsive in mobile device. In mobile device scroll is shown.

[@techbyusman]

Hi, thanks for the tutorial Can you guide me about this problem? When I click on the First Faq Question, It automatically opens all the other FAQ. I don't want this. I want Only One FAQ open at a time. Is there a solution?

[@Pichaya333]

Thank you so much for this tutorial!!

[@faruqbakre9532]

Thank you so much

[@mgonda]

Great walkthrough.

[@derartas]

hey ,maybe you could help im follwoing your tutorial but it seems like when im using a custom animation (like you do) for the dropdown interaction - the close other tabs function isnt working anymore :(

[@analysemarches576]

i think this one is really long too. though you don't have to justify for monetisation by the length. Just go for it, i really appreciate your work and if you can earn more bucks by monetisation i would be happy to help you. I know it take a lot of work ;) bless you

[@GocePetrov]

Hi there, First of all, thank you for this video, sure helpful. I am making the build on the second faq, now I like to ad individual Calendly embedded dose for all the headings. So when you click to open the dropdown you will see the Calendly booking page. I able to put a code instead of the answer and it works perfectly. The only problem I need the code to be defferent for every section. As when I put it lie this it automatic fill all the headings with the same code. Any idea of how to achieve this but with individual embed for each heading?

[@Starjohnathan]

thenx

[@andrewjudson2750]

The answer text is not responsive in your linked project (if you open an answer and then change screen width). How do you make it responsive?

[@joranblock7665]

do you have a solution for it?

[@crarls27]

Just a heads up, I would not recommend using the second method (using native webflow dropdowns) because if you have long questions the question text will not wrap onto a new line. This gets especially problematic on smaller screens.

[@matildakurtsonbellman7296]

Wow hey! I built an FAQ thinking I had such a flow using an easier version om method 2, but then I had this exact problem with responsivness, would you say if I used the first method it wouldnt emerge? Or do you have any other tips? 🙏

[@joranblock7665]

@@matildakurtsonbellman7296 is there a solution about this topic now?

[@joranblock7665]

is there a solution about this topic now?

[@MarutiWebStudio]

I know it's too late...but this is what I did. I set the typography Breaking to Normal explicitly and that seemed to resolve the issue.

[@klkhabo3272]

Congrats on the videos!

[@JoseOcandoVideos]

Thanks K!

[@ashleyrose6106]

Thank you! I recently created a slider from your custom video, and now I found this one for the accordion! Is it ok to use the html code that you included in the read only link? Or would you prefer we generate our own svg code? I tried with Adobe XD and it didn't work for me :/ Cheers!

[@analysemarches576]

awesome

[@CryptoNationReal]

way too fast man

[@Mert-pd2ht]

the amount of times, you doing mistakes is such time waste.

[@Installator1]

are you for real????

[@Mert-pd2ht]

@@Installator1 cry us a river

[@ОленаМарусіна]

It's super helpful, Thank you! Absolutely brilliant llifehackwith the embedded SVG code. I always suffered with a backbackground-image-and-opacity approach for changing icon color.