Skip to main content
All CollectionsCreate and Edit Tours
Troubleshooting third-party JavaScript in HTML Infospots
Troubleshooting third-party JavaScript in HTML Infospots

You can create an infospot with any kind of data, including HTML. If your HTML is doing unexpected things, try this.

Clayton Rothschild avatar
Written by Clayton Rothschild
Updated over 2 years ago

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?