The HTML module allows you to add code snippets to your page. These include HTML, JavaScript, and CSS, which will run inside the module and not affect the rest of the page.

Insert HTML

Follow these steps to insert a HTML module to your Confluence page:

1. Open the page you want to edit, or create a new one.

2. In edit mode, click the ‘+' icon in the toolbar or press '/' on your keyboard to open the module menu.

3. Type "HTML" or "Optics" in the search bar and select HTML (by Optics) from the list to open a configuration dialogue.

4. In the configuration dialog, choose an HTML template and customize it using the live preview. The available customization options depend on the template you choose.

5. Once you're happy with the setup, click Add to page to insert the module. To cancel, simply click Cancel, and the module won’t be added.

Configuration

The HTML module doesn’t include a traditional configuration panel. Instead, it provides a simple way to switch between HTML, CSS, and JavaScript, so you can build directly inside the module.

Code is added inline, and the preview updates instantly. This gives you full control over the layout, styling, and behavior in one place, with immediate visual feedback.

Open

Edit/Remove HTML

To edit or remove a HTML module from a Confluence page, follow these steps:

• Open the page where the HTML module is located

• Click Edit to enter page editing mode

• Locate and select the HTML module that needs to be updated or removed

• A small Confluence toolbar will appear above the module, offering options to edit, duplicate, or delete

• Click Edit to update the content or Delete to remove the module from the page