Jump to content

Adding iframes to my site because the javascript code is messing with site formatting

Recommended Posts

Site URL: http://foxrunvethospital.com

Adding the following javascript in a code block on my site (from a third party) gives it strange white margins and inset content. This is the code:

<div id="vetter-btn"></div><script src="https://www.vettersoftware.com/view/dist/online-book.js" identifier="RYw5cE03/uqMwoPcEnMy5HyvXTkMptlYTwfkfEaCwBEQHL4WkVK6nmemHz/Re0hhrtm9itT4TIr4GWdzBvjwKMvaf/8uKdgh4/CkmA8e75U="></script>

As an alternative, they provide iframe code. But I have no clue how to go about adding the iframe code. The topics I'm finding have old links that no longer work.

I do know that I need to use an embed block.

This is the iframe code:
<iframe src="https://prodinternal.vettersoftware.com/view/onlinebook/index.html?identifier=RYw5cE03%2FuqMwoPcEnMy5HyvXTkMptlYTwfkfEaCwBEQHL4WkVK6nmemHz%2FRe0hhrtm9itT4TIr4GWdzBvjwKMvaf%2F8uKdgh4%2FCkmA8e75U%3D" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
                    
I either need to figure out how to add iframes (and hope that it resolves the weird formatting issue), OR fix what's happening with the javascript.

Thanks!

Link to comment
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply
6 hours ago, finickydesigns said:

Site URL: http://foxrunvethospital.com

Adding the following javascript in a code block on my site (from a third party) gives it strange white margins and inset content. This is the code:

<div id="vetter-btn"></div><script src="https://www.vettersoftware.com/view/dist/online-book.js" identifier="RYw5cE03/uqMwoPcEnMy5HyvXTkMptlYTwfkfEaCwBEQHL4WkVK6nmemHz/Re0hhrtm9itT4TIr4GWdzBvjwKMvaf/8uKdgh4/CkmA8e75U="></script>

As an alternative, they provide iframe code. But I have no clue how to go about adding the iframe code. The topics I'm finding have old links that no longer work.

I do know that I need to use an embed block.

This is the iframe code:
<iframe src="https://prodinternal.vettersoftware.com/view/onlinebook/index.html?identifier=RYw5cE03%2FuqMwoPcEnMy5HyvXTkMptlYTwfkfEaCwBEQHL4WkVK6nmemHz%2FRe0hhrtm9itT4TIr4GWdzBvjwKMvaf%2F8uKdgh4%2FCkmA8e75U%3D" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
                    
I either need to figure out how to add iframes (and hope that it resolves the weird formatting issue), OR fix what's happening with the javascript.

Thanks!

You can add the iframe into Code block, remember to uncheck the checkbox says : "Display Source"

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.