Embedding elements in Showell boosts engagement, provides centralized access, ensures brand consistency and enables analytics.
In this article
How to embed web elements in Showell using HTML/iframe
Add the embedded web element as a link
How to embed web elements in Showell using HTML/iframe
Embedding web elements in another app or page means: showing the content of one website (the embedded website) inside another website or app, without the user having to leave the current website or app. This is often done using a technology called "iframe," which allows the embedded website to be displayed as a separate "window" within the main website or app. Think of it like a picture-in-picture on a TV screen, where one video is playing inside another video.
If you have web elements (such as forms, articles, 3D materials, presentations, decks, videos,...) that allows embedding, you can add this to Showell in 2 different ways.
Getting started:
1. Navigate to the element/content, you have available online, and check if there is an 'Embed </>' option available (this often is hidden under the 'Share' options).
2. The 'Embed' option will provide you with an iframe code. For example:
<iframe width="100%" height="100%" src="URL"></iframe>
Option 1: Add the embedded web element as a link
➕ Quick and easy
➕ All Showell native platforms (Windows, iOS, Android): It will open the element within Showell itself
➕ Showell App for Web: External links within the element will open in a new browser tab
➖ Showell App for Web: it might not always open the embedded element in Showell > It will ask to open in a new browser tab
➖ The element web link URL is displayed on top
➖ Showell App (Windows, iOS, Android): External links within the element will not open
3. Within the iframe, you will find: src="URL", copy the URL
4. Add this URL as a 'link to a webpage' within Showell.
Option 2: Add the embedded web element as a .HTML file
➕ All Showell platforms: It will open the element within Showell itself
➕ Showell App for Web: External links within the element will open in a new browser tab
➕ The file name will be displayed on top (not the URL)
➖ Showell App (Windows, iOS, Android): External links within the element will not open
3. Copy/paste the embed code into a text or code editor of choice
- You can modify the embed code as you desire
- We recommend to set: width="100%" height="100%"
- Place the code between <html><body> and </body></html>
- Or you can use 'this file':
- Change the file name as you desire
- Open the file with a text or code editor, and replace the src="URL" with the URL found in the embed code of your content/element.
4. Save the file with a .html extension
5. Upload the file to Showell
💡 FAQ
Can I embed a YouTube or Vimeo video?
Yes, These video sharing platforms offer embed codes if the video owner 'allowed embedding'. However, these are an exception to the options above: adding the regular URL you can find from the browser's address bar to Showell, will automatically embed the video within Showell. How neat is that?
Can I have embedded web elements available offline?
As these are web links (URL), they will require an internet connection in order to open. However, depending on the content/element you'd like to have in Showell, you can create tailored Smart Tools, or request these from us.
🔔 Troubleshooting
Why does the link/Smart Tool I've created suddenly stopped working?
Keep in mind that embedded materials will remain in working order, as long as the material itself is available online (A working link/URL).
