Embedding (iFraming) Labs on Your Site

What is an iframe?

An iframe is used to display a web page within a web page. Iframes are a great way to customize the look and feel for users that launch labs, but sometimes an iframe can cause issues that aren't seen when launching lab directly in Skillable Studio.

For more information about setting up and configuring iframes, read HTML iframe syntax by W3 Schools.

3rd Party Cookies

Skillable Studio uses session cookies to ensure secure access to labs. If 3rd party cookies are blocked by the browser, the lab is unable to be displayed within the iframe web page.

If a lab uses an iframe integration to display the lab, 3rd party cookies must not be blocked by the web browser used to access the lab. If 3rd party cookies are blocked, an Access Denied message will be displayed when launching the lab. Most web browsers do not block 3rd party cookies by default. If you're browser is blocking 3rd party cookies, please check with the browser's vendor to learn more about how third party cookies may be blocked.

Allow 3rd Party Cookies

To allow 3rd party cookies in your browser, select your browser below for assistance allowing cookies:

• Google Chrome

• Microsoft Edge

• Mozilla Firefox

X-Frame-Options

The X-Frame-Options header determines whether a webpage can be embedded into another page as decided by the site owner. The lab client does not set the X-Frame-Options header.

• If the header is not set, there are no restrictions placed on where the site may be embedded.

• When set to Same origin, the site may only be displayed in pages belonging to the same website.

• When the header is set to Deny, the site may not be displayed within another site.

More information regarding X-Frame-Options is available in the Mozilla X-Frame-Options Documentation