Skip to main content

Expandable Content for FAQ section

  • 23 September 2021
  • 13 replies
  • 1699 views

I’m looking for a way to have expandable content for an FAQ section on my landing page. Like when you click on a question, the answer expands below it. Much like the FAQ section at the bottom of this page:




Thanks


Gareth

13 replies

Finge
Userlevel 6
Badge +4

Hi @smilestories 🙂

You’ll find the recipe for doing this here

Finge
Oliver_Lord
Rank
Userlevel 4
Badge

Hi @smilestories ,

In addition to Finge’s link, there’s also this link for accordion FAQ sections which might be of use:

K

Hi everybody, I added my solution + code for a free and easy to implement (mobile + dsktop) FAQ for Unbounce here in this post: Feel free to use it for your projects! 😊
 


 

 

Md_Mahinur_Khan
Userlevel 4
Badge +1

@kurs.dev Amazing!!!

Mahin K. 🚀 boost conversions by 👉 https://www.grooic.com
Md_Mahinur_Khan
Userlevel 4
Badge +1

Hi @kurs.dev!

I tried already, it’s working perfectly for FAQ and after FAQ section. But facing problem if i want to add some more sections after the FAQ section. Please take a look at his link and loom: 
https://ub.grooic.com/accordion-faq-widget-for-unbounce/

 

Let me know if you have any idea. Thanks

Mahin K. 🚀 boost conversions by 👉 https://www.grooic.com
K

Hi @kurs.dev!

I tried already, it’s working perfectly for FAQ and after FAQ section. But facing problem if i want to add some more sections after the FAQ section. Please take a look at his link and loom: 
https://ub.grooic.com/accordion-faq-widget-for-unbounce/

 

Let me know if you have any idea. Thanks

 

Hi Mahin and thanks for trying out the FAQ widget. Did I see it right that the section (red and blue) move down as they should and the text box in the blue section does not move?

Md_Mahinur_Khan
Userlevel 4
Badge +1

Hi @kurs.dev, Yes, you see it right. Text box doesn’t move in the blue section. Please let me know if you have an idea for it? Thanks so much again for checking up!

Mahin K. 🚀 boost conversions by 👉 https://www.grooic.com
C

@kurs.dev , thanks for the code! I added it to my page to test but the dropdowns aren’t opening. I copied your code right into the HTML box on Unbounce and have no other coding added. Wondering what could be the issue?

Md_Mahinur_Khan
Userlevel 4
Badge +1

@CGreen Could you please share a screenshot of what you added? It seems there is something wrong with what you copied, because it was working fine for me. There was just another issue that I described above.

Mahin K. 🚀 boost conversions by 👉 https://www.grooic.com
C

@Md_Mahinur_Khan Here you go. 

 

 

 

 

 

Md_Mahinur_Khan
Userlevel 4
Badge +1

@CGreen It should work. However you can try this Unbounce file that i setup. It’s working in there. https://drive.google.com/file/d/12EOZPqMXH-yUl0o6gZ5QwQ2W9etO2bfO/view?usp=sharing

Mahin K. 🚀 boost conversions by 👉 https://www.grooic.com
C

@Md_Mahinur_Khan Thanks! That’s super weird. I imported your Unbounce file and the imported page has the accordion working fine but if I copy the HTML box or the section or anything to any other page, the accordion doesn’t open.

 

I even set up a brand new page with no styling or anything on it and it doesn’t work there either.

Md_Mahinur_Khan
Userlevel 4
Badge +1

@CGreen It’s probably you copied the code in wrong way. Maybe the syntax doesn’t copied properly.  

Mahin K. 🚀 boost conversions by 👉 https://www.grooic.com

Reply


Terms & ConditionsCookie settings