Overview
This article shares the process of adding custom coded HTML to site pages using the Custom HTML module.
Learn more about working with modules when editing site pages on School Loop.
Process
Follow these steps:
- Log into your SL account with the webmaster rights.
- Navigate to the Toolbox > Site Center. If you do not see this option under the Toolbox, it is likely that you do not have the necessary rights.
- Select the intended page to edit.
- Click the Edit button. The Edit button does not show on selecting a Navigation Header or a Minisite in the site map. Make sure you choose the intended page correctly, as seen in the example below.
- Hover over an empty block and click on it to add a module.
- Select the Custom HTML tile from the Insert Module screen.
- A blank Custom HTML module appears on the page. Click the Code Editor button on the toolbar.
- Add your custom code in the subsection windows of HTML, CSS, and Javascript, as needed and click OK.
- If your code contains a URL, you should use
HTTPSto ensure the security of data passed back and forth. - You do not need any of the structural HTML, such as
<HTML>,<BODY>,<HEAD>, or<TITLE>. - When using an
iFrame, you should specify a width of 100% and an appropriate height in pixels.
- If your code contains a URL, you should use
- For 508 compliance, enter a short descriptive title in the toolbar. The title should describe the content of your custom code.
Confirmation
The Custom HTML module displays on the page, as configured. The size and shape of the module depend on its location on the page.
The following example shows an embedded video inserted using the Custom HTML module.
