Skip to main content
Skip table of contents

HTML macro

Embed custom HTML and Tailwind CSS to create custom content with the HTML Macro.

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.

https://www.youtube.com/watch?v=-gqqjSsvBgc

Showcase

Custom Styled Tables

image-20241025-184740.png

Comparison/Progress bars

image-20241025-184812.png

Showing off your products

image-20241025-184831.png

Add a hero or Jumbotron

image-20241025-184853.png

Step-by-Step

1. Open the editor and type /html and press Enter

image-20241025-184931.png

2. Enter some HTML and CSS

image-20241025-184951.png

3. Once happy, click save and don't forget to update your page!

image-20241025-185027.png

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:

image-20241025-185053.png

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.