When working with an HTML Infospot, you can write any type of HTML. Sometimes, users like to embed third-party scripts, such as FlippingBooks. If your HTML is not rendering as expected, try this.
β
Always paste your scripts and HTML exactly as they are given from the third-party site. If that doesnt work, we recommend wrapping the content in a iFrame.
β
We recommend doing something like this:
<iframe width="480" height="320" srcdoc='<html><body> [PASTE SCRIPT CONTENT HERE] </body> </html>'></iframe>
So, if your third-party script looked like:
β
<a href="https://online.flippingbook.com/view/716374839/" class="fbo-embed" data-fbo-id="716374839" data-fbo-ratio="3:2" data-fbo-lightbox="yes" data-fbo-width="100%" data-fbo-height="auto" data-fbo-version="1" style="max-width: 100%">WELCOME HOME TO 21413 TIMBERIDGE</a><script async defer src="https://online.flippingbook.com/EmbedScriptUrl.aspx?m=redir&hid=716374839"></script>
The final result would look like be:
<iframe width="480" height="320" srcdoc='<html> <body> <a href="https://online.flippingbook.com/view/716374839/" class="fbo-embed" data-fbo-id="716374839" data-fbo-ratio="3:2" data-fbo-lightbox="yes" data-fbo-width="100%" data-fbo-height="auto" data-fbo-version="1" style="max-width: 100%">WELCOME HOME TO 21413 TIMBERIDGE</a><script async defer src="https://online.flippingbook.com/EmbedScriptUrl.aspx?m=redir&hid=716374839"></script> </body> </html>'></iframe>