Best Answer

Embedding Padlet Into a Course

RyanBerardi
Rank
Userlevel 3
Badge

Good Afternoon All,

I’ve upvoted the idea of adding a discussion board as a learning object to eLearning courses.  In the interim, I’d like to embed a padlet.  Directions are here:

 

https://padlet.help/l/en/article/4jxu6s5d9e-how-to-embed-a-padlet-in-lms

 

With that said, I’m running into issues.  I’ve added the url to my clickjacking safety list in Settings-->advanced.  The code looks like this (added to  < > window):

 

...and here is the preview:

 

This community was able to help me in the past when I needed to embed Canva (kudos to this awesome community - best in class!).  Looking for some guidance here as well.

 

Thank you!

icon

Best answer by Bfarkas 6 March 2023, 15:51

View original

8 replies

Bfarkas
Rank
Userlevel 7
Badge +3

Are you sure that is the precise embed code they are given you? Looking at the image you posted, there’s no source url inside the iframe tag, just style info, in other words there is nothing for the page to show other than a background box and the bottom image that are coming in separately. There should be some sort of “src=blah blah blah” within the iframe line. 

RyanBerardi
Rank
Userlevel 3
Badge

You are right...when I’m pasting it in, it is stripping away the source.  It should be this…

 

<div class="padlet-embed" style="border:1px solid rgba(0,0,0,0.1);border-radius:2px;box-sizing:border-box;overflow:hidden;position:relative;width:100%;background:#F4F4F4"><p style="padding:0;margin:0"><iframe src="https://padlet.com/embed/sqa7q18772hh5p2m" frameborder="0" allow="camera;microphone;geolocation" style="width:100%;height:608px;display:block;padding:0;margin:0"></iframe></p><div style="display:flex;align-items:center;justify-content:end;margin:0;height:28px"><a href="https://padlet.com?ref=embed" style="display:block;flex-grow:0;margin:0;border:none;padding:0;text-decoration:none" target="_blank"><div style="display:flex;align-items:center;"><img src="https://padlet.net/embeds/made_with_padlet_2022.png" width="114" height="28" style="padding:0;margin:0;background:0 0;border:none;box-shadow:none" alt="Made with Padlet"></div></a></div></div>

 

I save...go back in and look...and see this…

 

<div class="padlet-embed" style="border: 1px solid; overflow: hidden; width: 100%; background: #F4F4F4;">
<p style="padding: 0; margin: 0;"><iframe style="width: 100%; height: 608px; display: block; padding: 0; margin: 0;" width="300" height="150" frameborder="0"></iframe></p>
<div style="margin: 0; height: 28px;">
<div><img style="padding: 0; margin: 0; background: 0 0; border: none;" src="https://padlet.net/embeds/made_with_padlet_2022.png" alt="Made with Padlet" width="114" height="28" /></div>
</div>
</div>

 

Not sure why it keeps pulling the code away.

Bfarkas
Rank
Userlevel 7
Badge +3

You might want to try just making a simple iframe embed, get rid of all the other stuff:

<iframe src="https://padlet.com/embed/sqa7q18772hh5p2m" frameborder="0” style="width:100%;height:608px”></iframe>

 

RyanBerardi
Rank
Userlevel 3
Badge

@Bfarkas Great suggestion...having trouble with allowed urls (despite padlet.com and www.padlet.com being allowed.  This is a good start for me, however, for my ticket.

lrnlab
Rank
Userlevel 7
Badge +7

Docebo tends to strip out code it doesn't like or deems a potential risk so it’s sometimes a lot of trial and error to get things working.

Bfarkas
Rank
Userlevel 7
Badge +3

Hey @RyanBerardi just did a quick test, and it is loading for me:

 

I used:

<iframe src="https://padlet.com/embed/sqa7q18772hh5p2m" width="100%" height="652"></iframe>

and added https://padlet.com to the allow list in advanced settings.

RyanBerardi
Rank
Userlevel 3
Badge

@Bfarkas ...you are amazing.  Thank you!  In addition to your code, the other issue was I added padlet to the clickjacking, but not the safelist in Elearning.  I really appreciate your help!

Bfarkas
Rank
Userlevel 7
Badge +3

@Bfarkas ...you are amazing.  Thank you!  In addition to your code, the other issue was I added padlet to the clickjacking, but not the safelist in Elearning.  I really appreciate your help!

Excellent, yeah I always forget there’s a few places where white lists are for diff things, get tripped up all the time on it :)

Reply


Terms & ConditionsCookie settings