Full page iframe "takeover" on a custom page

Adding a full page iframe to a custom page

Here's how to add a full page iframe to a custom page. The benefit of this is that you can include any remote webpage you like into a custom page inside your course.

Note that your remote page URL will still be visible in the page code, and a determined individual could still determine where your remote page is.

  • Edit the course you want to add your iframe to
  • Go to Step 4. Customize Your Course Pages and pick the page you want to add the iframe to. (Most people people do this on a custom page, but in fact you can do this on any page of your course.
  • Remove all existing blocks from your page, and add a HTML/JS block from the Advanced block category. Just drag it over onto the page
  • Edit the block and add the following code to it:
###
###
  • Replace "YOUR_REMOTE_PAGE_URL_HERE" in the code above with your remote page address.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.