Display HTML code with Tailwind support directly within your Confluence page, providing a flexible and customizable way to enhance your content with HTML elements.
Whether you’re looking to embed custom scripts, add unique formatting, or integrate interactive elements, the HTML Macro makes it straightforward and versatile.
Examples
Custom Styled Tables
Comparison/Progress bars
Showing off your products
Add a hero or Jumbotron
Animated Guide
Follow along with this animated tutorial.
Step-by-Step
1. Open the editor and type /HTML and press Enter
2. Enter some HTML and CSS
3. Preview your content in real time
4. Once happy, click save and don't forget to update your page!
6. (Optional) Click the pencil icon if you want to make any further edits
Templates
We provide a variety of built-in templates for the HTML Macro:
Cards
Progress tracker
Alerts
Badges
Timeline
Chat
You can access them from the dropdown in the top-right of the configuration screen:
