■
Add iframes to dashboard
Add iframes to page
Simpplr allows you to add iframe code (embedded videos, widgets, etc.) directly to your site or home dashboards, as well as pages when creating content.
The source website must support iframe. This means when you click the Share button on any video, feed, etc., you're given the option to copy the iframe code.
Note:
The Application Manager must first ensure HTML tiles are enabled for your environment by going to Manage > Application > Governance.
Add iframes to a dashboard
- From your dashboard click the Edit dashboard icon in the bottom right corner.
- Choose the Text, HTML & links tile option.
- Here is an example of a basic iframe code snippet you can use:
<div style="position: relative; padding-bottom: 64.78405315614619%; height: 0;"><iframe src="your-url-here" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>
- Give your tile a title and paste the iframe code into the HTML box. Then choose your tile height. This determines the size of the tile display on the dashboard.
Note:
App managers have the option to add the tile to all users' home dashboards as well when creating a Home tile. - When finished, click Add to home or Add to site dashboard. The tile will appear as an embedded element on the dashboard. To adjust the height or width, click Edit on the tile and change the height or width numbers in the code.
Add iframes to a page
- When adding a new page, in the content section, click the More (...) icon, then the Embed > Code option from the editor. This will open the code window.
- Paste the iframe code and click Add. This will show you what the embedded content looks like on the page.
- You can now continue with your content as you normally would.
Comments
Hi! I tried to insert an autoplaying iframe on a page, but the video disappeared when I published the page. Strangely, the iframe works just fine when I am in edit view. The problem arises only when the page goes live. I'd be grateful if you could suggest any solutions.
Hi Rajat. This issue might be better solved via our Support team; that way you can include any screenshots/visuals that may help us get a better idea of the problem. You can submit a formal ticket here. https://support.simpplr.com/hc/en-us/requests/new
Is it possible to embed a PDF into a page?
Hi Becky! I made a video to show you what embedding PDFs might look like in your page content. Let me know if this helps! https://www.loom.com/share/f543752e8e174cf2b3277b149d4b222a
Thanks, Matthew! This is perfect.
Hi Matthew, can you please post sample iframe code into this page? :-)
Hi Natasha. Sure. Here's an example of a video I want to embed. Of course, depending on what you're looking to add to your content, iframes can look a lot different and have different values. Hope this helps.
Hi! I'm trying to embed from our internal podcast app but to no avail on a page or tile. Here is the iframe, is there anything in there that jumps out as preventing this?
<iframe width="640" height="360" src="https://www.podbean.com/player-v2/?i=3bp2x-fa4fd0-pbblog-playlist&pbad=0&scode=ed0eb9a905fe849af11a0237f2287339&share=1&download=1&rtl=0&fonts=Arial&skin=f6f6f6&font-color=auto&logo_link=episode_page&order=episodic&limit=10&filter=all&ss=a713390a017602015775e868a2cf26b0&btn-skin=fb0584&size=315" style="" frameborder="0" allowfullscreen></iframe>
Hi Michael. Sorry to hear you're having trouble. Based on the iframe itself, I don't see any issues. When testing the url, it's telling me that "podbean.com refused to connect", which tells me it's something internal from Podbean. If your podcast isn't available to the general public, it could be a sharing setting on Podbean's side that's preventing it from showing here. If it's not a publicly available link, it wouldn't work in an iframe. I clicked the url outside the iframe to try and open on the web and received the same message.
If your podcast is publicly available, I would suggest using either an RSS tile on the dashboard or embedding the Spotify/Apple Podcast link instead of the Podbean embed code.
Please sign in to leave a comment.