Jump to content

Two embedded codes on one page not working

Go to solution Solved by creedon,

Recommended Posts

Posted (edited)

https://spiritualitynetwork.org/musical-concert-may-2023

Password: Password

I am trying to combine two pages of content coming out of a software called DonorView. When I try to place both embedded codes on one page in SquareSpace, the first one never shows up. I don't understand why not. If I do them on individual pages in SS they work just fine.

Any help would be appreciated,

Liz

Edited by SpiritNetwork
  • Solution
Posted

id attributes need to be unique across a page.

<iframe src="https://app.donorview.com/e80YM" frameborder="0" scrolling="no" id="dv-iframe" name="dv-iframe" width="100%" style="width: 100%;"></iframe>

When you use the same id more than once then the last one takes precedent.

You need to change the ids ( id="dv-iframe" ) for each iframe to be unique. Something like id="dv-iframe-1" and id="dv-iframe-2". Then you need update the scripts similarly. '#dv-iframe-1' and '#dv-iframe-2'.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.