In most cases, all you need to embed ThingLink into your website is the default 'Embed Media' code. You can access it by clicking the 'Share' button and selecting 'Embed on website':
The article contains:
- Sample code & examples for embedded image, 360 image and video - try embedding it into your website to see how it works!
- Limitations and general advice
- Removing the fullscreen button
Are you looking for information on embedding ThingLink scenarios? See this article instead.
Sample image embed
<iframe width="640" height="360" data-original-width="640" data-original-height="360" src="https://www.thinglink.com/view/scene/1205491285159313415" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>
Sample 360 image embed
<iframe width="640" height="320" data-original-width="640" data-original-height="320" src="https://www.thinglink.com/view/scene/1205132232365178886" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>
Sample video embed
<iframe width="960" height="630" data-original-width="3992" data-original-height="2621" src="https://www.thinglink.com/view/scene/1205257932048957445" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>
Limitations and general advice
While the standard code works fine in most cases, some websites do not support iframes or limit their functionality.
- Some social media platforms, such as Facebook, do not support iframes at all. In both cases, we recommend sharing a fullscreen link instead.
- Since October 10, 2019, ThingLink can be embedded in X (formerly known as Twitter) and will remain interactive. Whenever you are writing a tweet, just paste a link to a ThingLink scene and hit enter.
- Certain websites, such as Wix, limit iframes' functionality by forcing ThingLink iframe into another iframe. This removes the fullscreen button and prevents us from properly resizing the tag containers.
- If you are building a custom website, please note that the iframe's size may depend on the size of the element it's located inside. If you think that something's wrong on our side or cannot figure out any issues, please submit a tech support request.
- Some websites, such as Medium, use third-party embed providers. This means that the default code most likely will not work. However, ThingLink is integrated with Embedly, ensuring that your content will stay interactive on most websites. Please refer to this article to learn how to embed your content in such cases.
- Learning management systems (LMS) like Canvas and Moodle accept the default embed code, although please note that the images won't resize and tag containers may be smaller.
Removing the fullscreen button
if you'd like to remove the fullscreen button, please delete the following bit from the default embed code:
webkitallowfullscreen mozallowfullscreen allowfullscreen
You can also disable the fullscreen button for individual scenes via the Settings panel inside the editor.
Comments
5 comments
Salve non riesco a pubblicare su Padlet. Sono iscritts sulla piattaforma Elearning. Come si fa? Devo sottiscriverevun abbonamento?
Hello MsLadyanto, if you have a free teacher account, you should be able to publish ThingLinks to Padlet. However, you have to use a share link (e.g. https://www.thinglink.com/scene/1205257932048957445) instead of the embed code. Please make sure that the scene's visibility setting is set to 'Public' or 'Unlisted' before you paste the link to Padlet.
Gracias me resultó útil este comentario
Muy util la información
thank you
Please sign in to leave a comment.