for ConfluenceHTML Macro+ for Confluence Cloud
Add HTML, CSS, JavaScript and iframes to Confluence Cloud pages, with shared variables, components and brand tokens, live preview, version history and admin security controls.
Build interactive charts, dashboards, embeds and branded layouts in an HTML, CSS and JavaScript editor, and reuse banners, footers and cards on every page as components. It runs entirely on Atlassian Forge, so your code and content never leave Atlassian.
25% offLaunch offer: 25% off monthly and annual subscriptions until 28 February 2027. Request the code
Want to try it first? See it live in Confluence, no install needed.
Why Confluence Cloud needs an HTML macro
Confluence Server and Data Center came with a built-in HTML macro. Confluence Cloud doesn't. If your team moved to Cloud, or wants more than text, tables and the standard macros, there's no native way to add your own HTML, CSS or JavaScript to a page.
HTML Macro+ gives that back. Type /html, write your code, and see it rendered as you type. Build a banner, footer or status card once as a component, set your brand colours and fonts once, and every page that uses them stays in step. It runs entirely on Atlassian Forge, so your code and content never leave Atlassian, and admins decide which external sites can load and who is allowed to edit.
What HTML Macro+ for Confluence does
HTML, CSS & JavaScript editor
A three-tab code editor with syntax highlighting and auto-complete. Markup, styles and scripts each get their own tab.
Shared library
Variables, reusable components and brand tokens that admins manage in one place. Change a value or publish a component and every page using it updates on its next view.
Starter components
Page footer, document control, status notice, release banner, contact card, project status, FAQ and project roadmap. Create one, or set up the whole starter kit in one go, and adapt it.
Confluence dark mode
Macros can follow the reader's light or dark theme without a reload, and brand tokens can have their own dark mode values.
Build it with AI
Copy a ready-made prompt for ChatGPT, Claude, Copilot or any assistant you use. It explains how the macro works and your site's security settings. No AI runs inside the app.
Live preview
A resizable split view renders your code as you type, in the same sandboxed frame used on the published page.
Realtime collaboration
See who else has the same macro open and get told the moment they save, with one click to load their version.
Version history
Browse the last 10 saved versions of each macro, see who saved each one, preview it and restore it.
CSP security modes
Block all, Whitelist only or Allow all, enforced in the browser. A tightened policy reaches every macro immediately.
Domain whitelist
Allow exactly the external domains you trust, such as a CDN for Chart.js or youtube.com, and block everything else.
Editor permissions by user or group
Restrict the code editor to named users or Confluence groups. Everyone else sees only the rendered result.
HTML from Attachment
Already have an HTML file? Upload it in the HTML from Attachment macro's editor and it renders with its styles, with no copy-pasting.
Embed templates
Paste a YouTube, Figma, Google Docs, Power BI, Miro or Loom link and get a responsive embed, with the iframe code written for you.
Works on public pages
Renders for anonymous and unlicensed viewers too, so it works in public spaces and knowledge bases.
Macro usage analytics
See every page that uses the macro, how many spaces use it, and a searchable table with a direct link to each page.
Server/Data Center macro migration
Legacy HTML, HTML Include and Macro Toolbox HTML macros render after migrating to Cloud. Make them editable from the page, or bulk-migrate whole spaces, including macros from Appfire and Narva.
What teams build with HTML Macro+ for Confluence
Interactive charts
Bar, line, pie and doughnut charts built with Chart.js, right on the page.
See howStatus dashboards
Traffic-light status boards for projects, services or releases.
See howEmbeds and iframes
YouTube, Google Maps, Figma and other embeds, controlled by your domain whitelist.
See howReusable banners and footers
One release banner, page footer or contact card, used on every page and updated in one place.
See howCalculators and forms
Pricing calculators, estimators and simple interactive forms.
Sortable tables
Data tables your readers can sort and filter.
See howBranded layouts
Announcement banners, hero sections and custom page templates.
See how
What changes for your team
- Reusable components, shared variables and brand tokens: change a banner, a footer or a colour once and every page updates
- HTML, CSS and JavaScript in separate tabs, including fetch() calls to domains your admin allows
- Live side-by-side preview that runs your code in the same sandbox as the published page
- No more silent overwrites: see who else is editing and restore any of the last 10 saved versions
- Content Security Policy with Block all, Whitelist and Allow all modes, plus a domain whitelist
- Runs on Atlassian: no external servers, and your data never leaves Atlassian
- Editor access by user or Confluence group, so only the right people can change code
- The macro sizes itself to its content, so there are no fixed heights or blank space
Migrating from Confluence Server or Data Center
Moving to Cloud and worried about pages built on the old HTML macro? HTML Macro+ picks up where it left off.
Pages keep rendering
HTML Macro+ recognises the Server/Data Center HTML and HTML Include macros and the Macro Toolbox HTML macro, so migrated pages display them instead of an error. HTML Include needs its source domain on your whitelist.
Find every legacy macro
Pick a space in the Migrate tab to list the pages that still use the old macros, or macros from Appfire, Narva and Macro Toolbox.
Preview, then convert in bulk
A dry run shows how many macros each page will get before anything is saved. Each migrated page gets a new version you can restore from page history.
Security built on Atlassian Forge
Running custom JavaScript inside Confluence should never mean handing your content to a third party.
Your content stays in Atlassian
HTML Macro+ runs on Atlassian Forge and sends no page content, user data or settings outside Atlassian. Your code is stored in the macro configuration, inside your own Confluence site.
You control what loads
In Block all or Whitelist mode, browser-enforced CSP blocks external scripts, styles, images and iframes unless their domain is on your whitelist.
You control who edits
Only the users and groups you pick, plus Confluence admins, can open the code editor. Viewers see the rendered result, never the source.
HTML Macro+ for Confluence at a glance
| Price | Free up to 10 users, then from $0.30 per user per month |
|---|---|
| Free trial | 1 month, through the Atlassian Marketplace |
| Launch offer | 25% off monthly and annual subscriptions until 28 February 2027 |
| Hosting | Atlassian Forge, no external servers |
| HTML, CSS and JavaScript | Yes, in separate tabs |
| Shared variables, components and brand | Yes, managed by Confluence admins |
| Starter components | Footer, document control, status notice, release banner, contact card, project status, FAQ, roadmap |
| Confluence dark mode | Yes, macros and brand tokens can follow the reader's theme |
| PDF and Word export | Each macro becomes a panel saying the interactive content is on the page |
| Live preview while editing | Yes |
| Version history | Last 10 saved versions, with restore |
| Realtime collaboration | Yes |
| CSP modes and domain whitelist | Block all, Whitelist, Allow all |
| Editor permissions | Users and Confluence groups |
| Automatic height | Yes |
| Server/DC and Macro Toolbox migration | Yes, legacy macros render and can be converted in bulk |
| Render an uploaded HTML file | Yes, with the HTML from Attachment macro |
| Anonymous and public pages | Yes |
Questionsabout HTML Macro+ for ConfluenceAsk us something else
Guides and examples
- Reusable components and brand tokensWhat the 7.0 library adds: variables, components and brand.
- Set up the libraryVariables, components and brand tokens, step by step.
- 5 ways to use HTML in Confluence CloudCustom CSS, embeds, HTML files, JavaScript and migrated pages.
- How to make a pie chart in ConfluencePie charts from a table, percentages, Jira charts and Chart.js.
- How to build a custom status dashboard in ConfluenceA traffic-light status board, step by step.
- 5 things you can build with HTML Macro+Badges, timers, decision trees, tables and banners.
- Migrate HTML macros from Server or Data CenterFind legacy macros in a space and convert them in bulk.
- Install HTML Macro+Get the app on your Confluence Cloud site.
- Security settingsCSP modes and the domain whitelist.
- Editor permissionsChoose which users and groups can edit code.
Related apps
.png&w=96&q=75){kind=small}
Install HTML Macro+ for Confluence on your site.
It runs on Forge, so it installs from the Marketplace and your content stays inside your own instance.
Launch offer: 25% off monthly and annual subscriptions until 28 February 2027. Request the code.
