InMotion Hosting Support Center

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="" 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.

Was this article helpful?
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

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

Post a Comment

Email Address:
Phone Number:

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?


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:
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!