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>

Did this answer your question?