I am new to the LMS space and trying to understand iframes so I can white label my platform. I have my organization’s logo from our brand standards but everytime I grab a link to load it as an iframe, nothing happens. Can anyone help me?
Page 1 / 1
Hi,
have you used the ‘allowed iframe’ list in your advanced settings?
You’ll need to do that before they will work.
Joanna
Hi,
have you used the ‘allowed iframe’ list in your advanced settings?
You’ll need to do that before they will work.
Joanna
Thanks for this response, Joanna! I appreciate it. Unfortunately, this didn’t seem to help with the issue. I added the URL in the spot you showed above, but the iframe isn’t showing up. The link I am using does link to an image from Canto; do you know if this matters or is potentially making it not work? I ask because I have to log into Canto from my org’s intranet so perhaps that is messing things up?
(I am terribly new to this work and need a bit of hand-holding, lol. Thanks for everything!)
Do you have another iframe that you can test? It may be worth doing that so you can tell if the canto image is causing the issue. I think you’re right btw, but definitely worth checking that is actually the issue. Iframe are a little tricky to set up, but they usually do work.
Do you have another iframe that you can test? It may be worth doing that so you can tell if the canto image is causing the issue. I think you’re right btw, but definitely worth checking that is actually the issue. Iframe are a little tricky to set up, but they usually do work.
Okay, good idea. Dumb question: Could I just grab the URL of an external website and try it out? Or do I need a URL that links to a specific image to try this out for the white labeling aspect?
Not a dumb question at all! I would start with just a url, then test another image as well.
Good luck!
I would ask your IT/web team if they have their website files blocked from being iframed. can’t iframe any of my company’s public website - it gets blocked as they have it set to now allow it to be iframed. You can verify this via the browser console (you’ll see red errors) if you know how to use that.
The link I am using does link to an image from Canto; do you know if this matters or is potentially making it not work? I ask because I have to log into Canto from my org’s intranet so perhaps that is messing things up?
This probably answers your question.
When you embed an IFRAME, this creates a separate request from your browser to the server hosting your IFRAME. If access to the content which you put in the IFRAME requires authentication, only people who are already authenticated with that content server will be able to see it. (An easy way to test if it will work for everyone is to open the URL which you’re trying to embed using an incognito/private window).
Also, both Docebo and the server hosting the content must be configured to allow embedding that content into IFRAMEs. You already configured Docebo, but you may also need to configure the origin server to allow your content to be embedded into an IFRAME.
I don’t know Canto, but some content management solutions can create a special publication URL for the content to be accessed from other domains and without authentication.
On the side note, for adding a logo, I’d suggest uploading only the image in the CONFIGURE BRANDING AND LOOK admin menu.
@bjohnson174 - It sounds like you’re asking about using the “Load an external custom header (iframe)” option from the White Label Settings admin area. I’ve done a bit of testing before and found that the iframe only appears on pages that have legacy in the URL and it typically appears inside the page body, not truly at the top by the site header. Since it doesn’t appear on every page or in the preferred spot, I don’t see a lot of people use that option. I also think we’ll start seeing it on fewer and fewer pages as legacy areas of the platform are updated.
Instead I usually see people use CSS to modify the existing Docebo header, or if they have someone technical around, some people have been able to use javascript to inject an external header at the top of every page. While not supported by Docebo, it’s possible to use the Docebo’s free Zendesk or Google Analytics app to get a “backdoor” place to enter Javascript code. Unfortunately I’m not much of a JS developer so can’t provide much more guidance than that but I’ve seen it work successfully.
You don’t want to avoid iFrames whenever possible. Save the logo as an image file and upload it.