Jump to content

Code (iFrame) within an accordion

Recommended Posts

Hi! 
I am trying to find a way to get an iframe embedded within an accordion. I found the code to create a button within an accordion, but I would like to get an iframe put into one of the accordion sections so when my users expand it, the iframe is loaded to pull in content from another site. 

I don't have a link to share to my current site as since I can't get it working, I don't have the accordion active on the site. Sorry! 

Is this possible? 

Link to comment
  • Replies 4
  • Views 476
  • Created
  • Last Reply

Top Posters In This Topic

You would likely have to try one of the many solutions for building an accordion with code (in the dark days before Squarespace had an accordion block), like this one:

https://www.will-myers.com/articles/accordion-dropdowns-in-squarespace

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
On 2/15/2023 at 8:24 PM, tuanphan said:

You can also add iframe code under accordion, then we can give code to move it into accordion content

What if I needed to do this on multiple product pages? Would I need to share them with you each time and then get you to give me a specific code bit for each product page? Not sure that is scaleable. 

Link to comment
On 2/21/2023 at 2:10 PM, RbutlerSF said:

What if I needed to do this on multiple product pages? Would I need to share them with you each time and then get you to give me a specific code bit for each product page? Not sure that is scaleable. 

Yes... You can consider using accordion plugin, like as above

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.