How do I add iframes to a site dashboard or page?

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.
iframe_sample_1.png

 

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

  1. From your dashboard click the Edit dashboard icon in the bottom right corner.
  2. Choose the Text, HTML & links tile option.add_iframes_to_dashboard_1.gif

  3. 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.

    iframes_dashboard_2.png
  4. 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.iframes_dahsboard_3.gif

Add iframes to a page

  1. 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.
  2. Paste the iframe code and click Add. This will show you what the embedded content looks like on the page.
    New code editor paste iframe.gif
  3. You can now continue with your content as you normally would. 
Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

Comments

7 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.

    0
    Comment actions Permalink
  • 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

    0
    Comment actions Permalink
  • Is it possible to embed a PDF into a page?

    0
    Comment actions Permalink
  • 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

    0
    Comment actions Permalink
  • Thanks, Matthew! This is perfect. 

    0
    Comment actions Permalink
  • Hi Matthew, can you please post sample iframe code into this page? :-)

    0
    Comment actions Permalink
  • 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.

    <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=1_AdiJfig5xiij35" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
    0
    Comment actions Permalink

Please sign in to leave a comment.

Articles in this section

See more