Moodle 2.3 has the capability of not only editing the Frontpage with a WYSIWYG editor, but adding code to the page itself. The WYSIWYG editor has an HTML button that will display the content code. This is good for adding code like iframes to the Moodle site. An iframe can display content from another website that can help stugents in the Moodle site. For example, if the course is on web design, an iframe can be inserted that displays W3schools information for quick access to other resources that are pertinent to the course. Let insert an iframe into the Frontpage of then Moodle 23.3 site.

Inserting an iframe on the Frontpage

  1. Log into the Moodle Dashboard

    Important! Keep in mind that Editing must be turned on in the Settings section in order to edit any of these options.

    Click the Edit Summary edit icon at the top left of the Frontpage.

  2. insert-iframe-frontpage-1-click-moodleClick the HTML button in the WYSIWYG editor on the Summary Site page.

    In this tutorial, a frame to the w3schools website will be added to the Frontpage. The following code will be used:


    <iframe src="http://www.w3schools.com" width="95%" height="150" frameborder="0" scrolling="no"></iframe>

  3. insert-iframe-frontpage-2-html-code-moodle In the HTML source editor, paste the iframe code into the box just like the snapshot to the right. Once the code is inserted, Click Update.
  4. insert-iframe-frontpage-3-summary-moodle The iframe will display in the Summary of Site / Summary section. This allows the iframe to be previewed before saving the changes. Adjust any attributes for the iframe to make the code show the desired effect. Click Save changes.

    insert-iframe-frontpage-4-final-moodle Now the Frontpage will display the iframe like the image to the right.


This concludes the article for Inserting an iframe in the Moodle Frontpage. For more information about articles with a similar topic, please visit Getting started with Moodle.

Continued Education in Course 101: Getting Started with Moodle
You are viewing Section 9: Inserting an iframe in the Moodle Frontpage
Section 8: Editing the summary on the Moodle Frontpage
Section 10: Managing the Moodle question bank
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!