Hi Nichola! For Rise, you won't be able to run your content as an iFrame within your lesson. The Embed lesson type will link your learners to that content. We'd be happy to hear your voice with a feature request to have an iFrame block lesson type, though!
Thanks everyone! We really need it. I will complete the feature request, thanks for the link! I really don't want the users to leave the training course. So ideally I want to keep them focused inside the tool. Thanks
+1! This feature should be a priority as it gives us a lot more flexibility by allowing us to create content in tools such as Animate CC (publishing to HTML5 of course!) so that we have unlimited interaction possibilities.
We added a Rise feature to respect iframe embed code in our February 19 release. If you have some specific iframe code that isn't working for you, please share it with us and we'd be happy to take a look!
I tried to embed a specific url, just to try: <iframe src="https://www.w3schools.com"></iframe> but the preview shows me an empty page... The iframe thing seems only to work with Youtube videos. Is there something wrong? Many thanks!
Is there an option to embed html code into a rise block, I see all these post regarding embeding the iframe links, using embedly etc. However, the feature of embeding html code would be much more beneficial. For example, I have created a poll that I would like to embed into one of my courses that I don't want to redirect my users to a different website/page to answer the questions.
this features will be really beneficial for us, we can create interactive HTML5 diagrams and pictures, and we need as well to insert them in our modules.
I am trying to embed a Tyepform survey into my articulate 360 course as a "pop up form. Type form gives me the code below. How do I make this into an iframe to insert in articulate 360 ?
You would need to surround your code in opening and closing iframe tags.
Here are a few tips for troubleshooting invalid embed code:
Make sure your embed code has opening and closing iframe tags: <iframe …></iframe>.
Don't add normal text between or outside the opening and closing iframe tags. For example, this won't work: <iframe …>Powered by Office Online.</iframe>.
Don't use single quotes for iframe attributes. Use double-quotes. Invalid: width='500px'. Valid: width="500px".
Don't use curly quotes for iframe attributes. Use straight quotes. Invalid: width=“500px”. Valid: width="500px".
20 Replies
You can add as a web object either add in the url or rename your page to index.html and navigate to its location on your system.
Hi,
Can I clarify do you mean to add as a URL/embed as a Lesson? or just within an object that permits web/img etc.
I think I must be missing something as I can't get the website to appear as in a frame but it only appears as a link.
Thanks
No you can insert a web object from theme insert menu. This will appear in the frame.
Sent from my iPhone
Hi Nichola! For Rise, you won't be able to run your content as an iFrame within your lesson. The Embed lesson type will link your learners to that content. We'd be happy to hear your voice with a feature request to have an iFrame block lesson type, though!
Hello Nichola! Please know that if this is a feature that would make your life easier, we want to hear about it! Thanks for reaching out.
Yes, it's a must. A very nice\easy way to add custom content(offline also)
Please!
Thanks everyone! We really need it. I will complete the feature request, thanks for the link! I really don't want the users to leave the training course. So ideally I want to keep them focused inside the tool. Thanks
+1! This feature should be a priority as it gives us a lot more flexibility by allowing us to create content in tools such as Animate CC (publishing to HTML5 of course!) so that we have unlimited interaction possibilities.
You make a good case, Mark! Please add your voice to our Feature Requests!
I actually see here that you've done so...thanks again, Mark!
This feature, Yes please
Hi Guys,
Any progress on this?
Regards,
Erwin
Hi, Erwin!
We added a Rise feature to respect iframe embed code in our February 19 release. If you have some specific iframe code that isn't working for you, please share it with us and we'd be happy to take a look!
Hello!
I tried to embed a specific url, just to try: <iframe src="https://www.w3schools.com"></iframe> but the preview shows me an empty page... The iframe thing seems only to work with Youtube videos. Is there something wrong? Many thanks!
I framed do not work in preview you will need to publish and upload also ensure you get matching locations to avoid cross domain issues
Sent from my iPhone
Is there an option to embed html code into a rise block, I see all these post regarding embeding the iframe links, using embedly etc. However, the feature of embeding html code would be much more beneficial. For example, I have created a poll that I would like to embed into one of my courses that I don't want to redirect my users to a different website/page to answer the questions.
You bet, Jen! You can add an embed code in the Multimedia Embed block type.
If you run into any trouble with your code, this article should help. And I'm always here to lend a hand, as well. 😁
Hello everyone,
this features will be really beneficial for us, we can create interactive HTML5 diagrams and pictures, and we need as well to insert them in our modules.
Thanks
This is example of interactive diagrams : https://www.erasmusplus.fr/penelope/pays.php
This post was removed by the author
I am trying to embed a Tyepform survey into my articulate 360 course as a "pop up form. Type form gives me the code below. How do I make this into an iframe to insert in articulate 360 ?
<a class="typeform-share button" href="https://form.typeform.com/to/KCnbCZNz?typeform-medium=embed-snippet" data-mode="popup" style="display:inline-block;text-decoration:none;background-color:#0445AF;color:white;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:20px;line-height:50px;text-align:center;margin:0;height:50px;padding:0px 33px;border-radius:25px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" data-size="100" data-submit-close-delay="0" target="_blank">START </a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
Hi Corey!
You would need to surround your code in opening and closing iframe tags.
Here are a few tips for troubleshooting invalid embed code:
<iframe …></iframe>
.<iframe …>Powered by Office Online.</iframe>
.width='500px'
. Valid:width="500px"
.width=“500px”
. Valid:width="500px"
.