Unable to embed third party content

[benFortunato]

I’m tyring to embed a 3D panoraram.

I tried the code straight from the embed link inside an html tag, converting it into an iframe tag with the original link (View this 360° Tour) and I tried puting the javascript in a onpage load workflow with a div on the page that has the id = aKnk7GdUt. Nohting seems to work.

Not getting any errors in the console either, just blank page and blank console

The embed code is as follows:

<div id="aKnk7GdUt"><script type="text/javascript" async data-short="aKnk7GdUt" data-path="tours" data-is-self-hosted="false" width="100%" height="500px" src="https://app.cloudpano.com/public/shareScript.js"></script></div>`

[benFortunato]

@Joyce Just wanted to follow up on the office hours. Seems that the embed is still not working. I tried a couple of different ways now, but it turns up blank. There must be something that is interfering with the embed code. I tried it in webflow and it worked with a simple html element and copying and pasting the code.

[benFortunato]

I was able to get this to work by putting the script into a javascript workflow that triggered when the div was mounted. I then hard coded all the parameters in the script that were being passed in the original tag. Will post a solution later.

[Joyce]

Hi @benFortunato

Ok, my recommendation is to:

1. use the iframe element
2. use the direct link URL of the iframe (not the embed code)
3. play around with the width or height of the iFrame element

No code required. You should get something like this and be able to preview it inside the WeWeb editor without adding any scripts or workflows:

Re the directly link URL, you can find it here when you look to share the virtual tour: