HTML Macro for Confluence

HTML Macro for Confluence is an add-on which allows users to add custom contents using HTML, CSS and Javascript. It is also very handy when one needs to embed external web pages, forms, charts etc. as iframe.

Install

If you haven't installed, please install from Atlassian Marketplace here: https://marketplace.atlassian.com/apps/1221472

User Guide

Once installed, open macro browser and select HTML and Iframe Embed macro (or simply type /html to open it).

Click on edit icon, and it should open the following window where you can enter your code. It accepts standard HTML, CSS and Javascript. If you have external iframe code, just copy and paste it in the text box.

Here are some example use cases:

Example 1: Add custom content using HTML, CSS and Javascript

You can enter standard HTML document. It also accepts CSS for styling and Javascript for custom functionalities.

Example 2: Embed Google Forms

First, create form in Google Forms and copy iframe code which you can find by clicking send or share button.

Open HTML & Iframe Embed in Confluence and enter the copied Iframe code in text box.

Save and don’t forget to publish it. Your Google form will be beautifully rendered in Confluence.

That’s it. Now users can fill the form without leaving Confluence. Their responses will be saved in Google Form.

Other Examples

For other usage examples, please check out Confluence space:

HTML Macro for Confluence Examples

Or other usage specific guides: