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
Katie Riggio

Hey, Abd. Thanks for checking in!

While the ability to embed web objects per se is not a block of Rise at this time, I'd love to understand more about your needs. Could the Embed block work for what you're looking to do? If not, would you mind telling us a little more about the type of scenario you would use such a block in? 

Excited to hear your thoughts!

Abd Karim Alias

Many thanks, Katie for the prompt reply.

Yes, I would like to be able to embed web object per se so that it will
appear within Rise rather than taking the learner to the external
application.

For example, I created an activity using a web-based application. I have
the option to embed on the LMS or website. I tried using the Snippet but
the object didn't come out properly.

This is the embed code:

Thanks.

Karim
-------------------------------------
Professor Abd Karim Alias
Director
Pusat Pembangunan Kecemerlangan Akademik
(Centre for Development of Academic Excellence, CDAE)
Universiti Sains Malaysia
11800 Penang, Malaysia

Tel: 6046534422
Fax: 6046534471
Email: cdae@usm.my
------------------------------------
Professor Abd Karim Alias
Lecturer
Food Technology Division
School of Industrial Technology
Universiti Sains Malaysia
11800 Penang
Malaysia

[image: --]

Abd Karim Alias
[image: https://]about.me/profkarim
<https://about.me/profkarim?promo=email

Abd Karim Alias

Hi Alyssa,

Yes, it didn't come through. I paste the embed code below:

<div style='position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;'><iframe allowfullscreen='true' allowtransparency='true' frameborder='0' height='315' src='https://www.mentimeter.com/embed/85f1d2174b065f93078d33e80e060061/26c39b2df3f6' style='position: absolute; top: 0; left: 0; width: 100%; height: 100%;' width='420'></iframe></div>

Alyssa Gomez

Thanks, Karim!

I made a few adjustments to your embed code based on our suggestions for iframe codes in Rise here. 

This is the embed code I used: 

<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" src="https://www.mentimeter.com/embed/85f1d2174b065f93078d33e80e060061/26c39b2df3f6"style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="420"></iframe>

And here's a sample Rise course with that embedded website!

Linda Nødseth

Hi Alyssa,

I seem to have the same problem as Karim, with an embed code that is marked as invalid. I have tried to follow your insructions, without success. Could you help, please?  This is my embed code

<iframe...><div style='position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;'><iframe allowfullscreen='true' allowtransparency='true' frameborder='0' height='315' src='https://www.mentimeter.com/embed/8caeea08cc84a2b832c87d4ee26b7841/e3dec6fb1850' style='position: absolute; top: 0; left: 0; width: 100%; height: 100%;' width='420'></iframe></div><iframe>

Thanks!

Regards Linda

Ashley Terwilliger-Pollard

Hi Linda,

It looks like you have an iframe inside another iframe, whoops! Also, you'll want to make sure you're using the double quotes versus single quotes as noted in this article.

Here's an update to your code:

<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" src="https://www.mentimeter.com/embed/8caeea08cc84a2b832c87d4ee26b7841/e3dec6fb1850" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="420"></iframe>

And, here's a Share link where I was able to use it in Rise. 

Catriona Byrne

Hello - I am having no luck yet with this code for my Mentimeter embed:

<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" src="https://www.mentimeter.com/embed/fe3787f8d4c52afd559b95b1c76b07a3/a7de1d826fca" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="420"></iframe>

It doesn't come up as invalid, but all I can see in edit or preview is the string of code.

Any suggestions would be gratefully received.

Allison LaMotte

Hi Taryn,

That code is not working for me either, however I tried inserting the link alone ( https://www.polleverywhere.com/multiple_choice_polls/8FX4Xe2CSwKDrp1/web.js?height=250&results_count_format=percent&width=300 ) and it's working for me. Could you try that out and see if it works on your end?

Leah Chambers

Hello! I would like to replace the (3) images in my three column grid block with embeds using the "replace with embed" function....but it seems as if the only place you can replace images with embeds are when you are using an accordion block in Rise, is that correct? 

Maybe you can see what I'm talking about under the section Call to Action Examples in the Rise course below: 

https://rise.articulate.com/author/-6jMJ2Eb_15_5Tl6NIiHpw9hh1G-E5Wo#/author/details/XILwxnZmpO-tR7EOb-jGhPAElS1MX1s1

I want the images to be embeds to actual linkedIn post examples. Is that possible? 

Thanks!!!