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

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!

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"