Embedding web objects in Rise

Jan 31, 2018

Hi,

I'm currently investigating the opportunity for embedding bespoke activities in rise , and was wondering if there was any thought behind embedding html packages/content into a rise block.

Currently, the only way is to embed something through an iFrame, which means we have to host our content elsewhere. For some clients, their maybe limitations with accessing this content, such as firewall security or internet connection.

In the past with Storyline, publishing has enabled us to package up the web objects content within the Storyline package, which has meant to have not had issues with hosting or accessing content from external sources.

I have noticed that you are able to import Storyline files into rise, and that upon exporting, the storyline file does in fact get grabbed and contained inside the final Rise export. So will there be a chance to do so going forward with other content/packages?

Thanks,
Alex

46 Replies

5 years ago02/22/19 at 9:39 am (UTC)

Hi Leah,

I just had a look and you're right - the 3 column grid is for images only, not embedded links.

That being said, there are many other block types that do support embedded content. Here's a quick-reference table that shows what kind of media you can insert in each block type.

I hope that's helpful! Let me know if you have any other questions.

Leslie Landers

almost 5 years ago05/17/19 at 7:51 pm (UTC)

Hi there, we are trying to embed this Tableau report in our Rise course. We tried some of the iframe codes you have above with no luck. Any ideas? https://public.tableau.com/en-us/s/gallery/dutch-automobile-market?gallery=votd

almost 5 years ago05/20/19 at 2:42 pm (UTC)

Hi Leslie,

I tried using an iFrame code to embed that site, and I got the `public.tableau.com refused to connect` error. I’m not positive, but this could mean that that site cannot be embedded in a frame.

To be sure, I would get in touch with our Support Team so they can take a closer look. You can submit a case here.

In the meantime, if there's anything else I can do to help, please let me know!

Amber Starfire

almost 5 years ago06/12/19 at 9:05 pm (UTC)

Hi, if I want to embed web content that is behind a firewall, how would I go about accomplishing that? Thanks in advance.

Alyssa Gomez
Staff

almost 5 years ago06/13/19 at 8:30 pm (UTC)

Hi Amber!

How would your learners normally access this web content? Would they need to log in? If so, they'll also need to log in when viewing the embedded content.

If you're having trouble with this, share your embed code with us in a case here. We'll take a closer look!

over 4 years ago09/05/19 at 11:43 am (UTC)

This post was removed by the author

Edward Barnes

4 years ago04/02/20 at 5:34 am (UTC)

I am having trouble with embedding an iFrame with qualtrics. Here is my code that only shows the line of code in preview and with sharing URL. <iframe src=https://westernu.az1.qualtrics.com/jfe/form/SV_cLLm4xajp3Vj0mF></iframe>

Help Please...

Alyssa Gomez
Staff

4 years ago04/02/20 at 2:48 pm (UTC)

Hi Edward!

It looks like you were missing quotation marks in your embed code. Try this one instead, and let me know if it works!

<iframe src="https://westernu.az1.qualtrics.com/jfe/form/SV_cLLm4xajp3Vj0mF"></iframe>

Jim Peduto

4 years ago04/09/20 at 3:27 pm (UTC)

Hi. I am having trouble embedding into an embed block.

The code was gernated from an appication we use. if it helps here is a link the the page: https://tinyurl.com/sy8fbjc

Thanks in advance.

Alyssa Gomez
Staff

4 years ago04/09/20 at 5:29 pm (UTC)

Hello, Jim!

When embedding web content in Rise 360, use the formula <iframe src="URL"></iframe>. Just replace URL with the link for the content you want to embed.

Using the formula above, the embed code for your web content would be:

<iframe src="https://ssccust1.spreadsheethosting.com/tmp/5a/30f3757249dd82/Touch%20Point%20Labor%20Reallocation%20Tool/Touch%20Point%20Labor%20Reallocation%20Tool.htm"></iframe>

James Doumani

almost 4 years ago05/12/20 at 11:35 pm (UTC)

This post was removed by the author

Jess Serafin

over 3 years ago08/19/20 at 9:43 pm (UTC)

Hello! I'm trying to embed the following code within my course but nothing happens:

I tried removing the "<div style='position: relative;width: auto;padding: 0 0 65%;height: 0;top: 0;left: 0;bottom: 0;right: 0;margin: 0;border: 0 none' id="experience-5d0bbe90702f7" data- aspectRatio="1.5385" before the "<ifrome> code starts (this code was sent to us by the publisher of the content so I don't know anything about how this code was built- sorry!).

I don't think I see anything wrong with the double quotes unless that applies to every time I see any quotation marks. I'm open to any help - thank you in advance!

over 3 years ago08/22/20 at 1:56 pm (UTC)

Hello, Jess. Try these 3 tips:

First, I would cut this code down to this section:

<iframe src='//view.ceros.com/solium/shareworks- participant-training-noop' style='position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 0;padding: 0;border: 0 none;height: 1px;width: 1px;min-height: 100%;min-width: 100%' frameborder='0' class='ceros-experience' scrolling='no'></iframe>

Second, the URL for the content should be an absolute link, and it looks like they've give you a relative link. Absolute links have https: in front of them. We need that for the content in Rise 360 because you aren't already on the website that is hosting this content.

And lastly, you'll need to have double quotation marks around the absolute URL:

"https://domainname/view.ceros.com/solium/shareworks- participant-training-noop"

Just replace domainname with the domain used in the absolute URL that they give you. I hope that helps!

over 3 years ago08/23/20 at 6:03 pm (UTC)

Thank you so much! It appears to be working now!

[Paylocity logo]
Jess Serafin
Benefit Program Specialist
224.857.5246
[Follow us on Facebook!][Follow us on Twitter!][Follow us on LinkedIn!][Follow us on Instagram!]
jserafin@paylocity.com

Caitlin Tedford

over 3 years ago09/01/20 at 3:49 pm (UTC)

Trying to add an embed code that is an HTML into my articulate rise training. Is there a way to turn this into an iframe code?

<div id="embedded-feed" style="height:800px;width:400px;"></div>
<script type="text/javascript" src="https://s0-azure.assets-yammer.com/assets/platform_embed.js"></script>
<script type="text/javascript">
yam.connect.embedFeed({
container: "#embedded-feed",
network: "principalworkplace.com",
feedType: "group",
feedId: "38527188992"
});
</script>

Alyssa Gomez
Staff

over 3 years ago09/02/20 at 4:20 pm (UTC)

Hi Caitlin!

Do you have a URL for the web content you want to embed? If so, we can use the URL to craft an iframe code using this simple template:

Amelia Costigan

over 3 years ago10/20/20 at 8:37 pm (UTC)

I know this is an old thread but I would love to embed this into a course but cannot get it to work (I am not great with HTML) <iframe src="https://e.infogram.com/_/F69Tu1igzGseMHOE8app?src=embed" title="Flip the Script - Lead Inwards" width="827" height="3279" scrolling="no" frameborder="0" style="border:none;" allowfullscreen="allowfullscreen"></iframe>

It's an Infogram that we thought would be great to end with: https://infogram.com/1plrv3gvxzdvpnsqkn73k70kjyiz1v29j66

Any ideas if I can get it to work? Thank you

over 3 years ago10/21/20 at 5:22 pm (UTC)

Hi there, Amelia! That code worked for me in an embed block in Rise. Check it out here.

What happens when you try to use that code? Here are some reasons why an embed code won't work.

Nevean Khalil

over 3 years ago01/11/21 at 4:44 pm (UTC)

Hello! This thread is a bit old but if it's possible to get some help, I'd appreciate that.... I followed the thread but was wondering if the embed block in Rise 360 supports widgets with this sorta code:

Unfortunately I cannot add this as an Iframe because if you test out the 'src' it is not a proper webpage but rather a link to code. Any thoughts?

Renz Sevilla
Staff

over 3 years ago01/11/21 at 8:02 pm (UTC)

Hi Nevean!

Thanks for reaching out! Looks like you're trying to take a piece of an active widget from the script from another site. This won't work in Rise 360 as is, you would need to get the proper embed format for this to work. You can check out some of the many providers at Embedly that can carry a similar function to what you're looking for or try using their embed generator.

Nevean Khalil

over 3 years ago01/12/21 at 6:38 pm (UTC)

Ok, ill give that a go! Thanks!

almost 3 years ago07/07/21 at 10:55 pm (UTC)

I am trying to embed a Google form, but I can't get the embed to work. Here is the code from Google:

almost 3 years ago07/09/21 at 12:37 pm (UTC)

Hi Absurd University!

Please remove the word "Loading..." between the iframe tags and it should fix that right up!

So the code should look like this:

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdoYLuDXA1eOp0tZv5OOCgi7ANJrsz4z6gk0ZIY-tafWXhkKQ/viewform?embedded=true" width="640" height="970" frameborder="0" marginheight="0" marginwidth="0"></iframe>

Please let me know if you still have trouble!