How do I add custom HTML code?

The HTML block allows content creators to embed custom code directly into their course content. This enables custom layouts, interactive elements, and third-party tool integrations—such as Google Forms, Edpuzzle, Padlet, Canva, and VoiceThread. Only HTTPS embed codes are supported, ensuring all embedded content is delivered securely.  

1. Navigate to the page and select Edit this Page. Find the position where you want to add a block and select the plus (+) icon.
   
   
   
2. From the dropdown, select Add Block.
   
   
   
3. In the Add Block modal, either:
   • Use the Search field to find a block by keyword
   • Select a block from your custom list of Favorites
   • Scroll through the list of All Blocks to select one
   • Use the various Categories to filter by block type
   • Select a star icon to add or remove blocks in your Favorites list
     
     
4. Select the HTML block. The Add HTML form will open.
   
   
   
5. Type or paste in the HTML code and select Add Block+.
   |
6. The new block will appear on the page in Edit Mode with a red, dotted outline indicating it's editable.
   
   
   
7. Select the Publish My Edits button to save the block to the course page and see the content as it will appear to learners
   
       

Troubleshooting

• Only HTTPS embed codes are supported — if your content isn't displaying, check that your embed code isn't using HTTP.
• The HTML block validates the code you enter to catch common issues, but it's best to double-check your code before pasting it in. AI tools can be helpful for spotting syntax errors or malformed code ahead of time.
• If your code contains errors, the HTML block may display an error message in edit mode. Review your code carefully and re-paste a corrected version to resolve it.