Back to support

Embed Code Options

In the embed editor, when you are ready with your preffered settings, you can copy the resulting embed code and paste it into your website code editor. The code is available in 4 flavors: Javascript, HTML, Embedly and Link.

The Javascript code looks similar to this:

<script src="https://static.kuula.io/embed.js" data-kuula="https://kuula.co/share/7fyvx?margin=11&logopos=tl" data-width="100%" data-height="640px"></script>

HTML looks something like this:

<iframe width="100%" height="640" style="width: 100%; height: 640px; border: none;" frameborder="0" scrolling="no" allowfullscreen="true" src="https://kuula.co/share/7fyvx?margin=11&logopos=tl"></iframe>

Both the Embedly and link options are simply a URLs that look a bit like this:

https://kuula.co/share/7fyvx?margin=11&logopos=tl

Which one should you choose?

For most cases Javascript code is the best choice, but exceptions apply.

Javascript embed code style has several big advantages over the other options. This includes fullscreen mode on iOS devices (iPhone, iPad) and better performance with multiple embeds on one page. Kuula PRO users can use the Javascript embed code to enable VR mode on iOS (Android is supported this one and all other options).

However, there are some CMS systems and publishing tools that do not accept 3rd party Javascript. This is why we offer the more traditional HTML solution. So, if the Javascript code doesn't work, try HTML. One good exmaple where you need to do this is when embedding a 360 image from Kuula on Tumblr.

If you use a CMS system supports Embedly the you should grab the Embedly URL. Systems that support Embedly include Linkedin publications, Medium, Matterport and many others.

Finally there is the humble link. This option can be useful for developers who write their own embed management code in Javascript. You can use the link and set it as the src attribute for the iframe element in your app.

Can I upgrade my old HTML embed to Javascript?

Yes you can! The Javascript embed code is a recent addition to Kuula (it was added in October 2017). If you are using a Kuula embed created before that date, you may want to upgrade to Javascript to take advantage of the new features.

Just go to the embed editor for the post you want to embed, adjust the settings. When you are done, copy the Javascript and replace the old HTML code with the new one in your CMS/editor.

While we recommend everyone to upgrade to the Javascript embed, it's worth noting that your old embeds will still work, so there is no need to upgrade unless you want the new features described above.