Forums

Articles
Create
cancel
Showing results forΒ 
Search instead forΒ 
Did you mean:Β 

Canvas Blocks : Content Formatting Macros for Confluence

CanvasBlocks.png

CanvasBlocks: Turn Plain Confluence Pages Into Polished Documentation (No Design Skills Needed)

You already have the content.

The documentation is there.
The knowledge is there.
The processes are there.

But sometimes, opening a Confluence page feels like opening a very long document:

Heading. Text. Heading. Text. Heading. Text.

And somewhere down the page, your reader is thinking:

β€œWhere am I supposed to look?”

That's where CanvasBlocks comes in.

CanvasBlocks is a collection of 25 content formatting macros for Confluence Cloud designed to help teams turn ordinary Confluence pages into structured, visually engaging and interactive experiences β€” without requiring CSS, HTML or design skills.
 


🎨 What if Confluence pages were easier to scan?

Good documentation isn't only about what you write.

It's also about how quickly someone can understand it.

Imagine opening a project page and immediately seeing:

πŸ“Œ Important information

πŸ“Š Current progress

πŸ—‚οΈ Related sections

πŸš€ Quick actions

❓ Frequently asked questions

πŸ“ Team notes

Instead of making readers scroll through everything, CanvasBlocks lets you organize information into purpose-built content blocks.


🧱 25 Building Blocks. One Confluence App

CanvasBlocks-Macros.png

CanvasBlocks currently includes 25 blocks, covering everything from everyday formatting to interactive content.

Organize

Tabs Β· Cards Β· Accordion Β· Dropdown Β· Pivot Table

Keep related information together without turning your page into an endless scroll.

Highlight

Banner Β· Image Banner Β· Alert Β· Status Β· Sticky Notes

Make important information impossible to miss.

Guide

Numbered Headings Β· Tooltip Β· Button Β· Footer Β· Title

Help readers understand where to go and what to do next.

Visualize

Progress Β· Countdown Β· Slider Β· Date Β· 3D Viewer

Turn static information into something more engaging.

Create

HTML Β· LaTeX Β· Simple Surveys Β· PageBuilder Templates

Go beyond basic Confluence formatting and build richer experiences.

CanvasBlocks.


⚑ Live Preview While You Build

CanvasBlocks-Macros-Preview.png

One of the frustrating parts of formatting content is making a change, publishing it, discovering that it doesn't look right, and going back to edit it again.

CanvasBlocks takes a different approach.

Its editor provides live preview, so you can adjust labels, colors and other options and see the result as you configure the block.

The workflow is simple:

Choose β†’ Configure β†’ Preview β†’ Publish

No complicated page-building process.


πŸ†• New Blocks Make Confluence Even More Interactive

CanvasBlocks isn't limited to traditional formatting.

Recent additions include:

πŸ“ Sticky Notes

Perfect for reminders, tips, ideas and important callouts.

🎚️ Slider

Add interactive slider-based content to your pages.

πŸ“… Date

Present dates cleanly within your page content.

πŸ”½ Dropdown

Keep additional choices and information neatly organized.

πŸ—³οΈ Simple Surveys

Collect quick feedback directly from your Confluence pages.

🧊 3D Viewer

Bring 3D content directly into your documentation.

🧩 PageBuilder Templates

Create consistent page structures using reusable templates. The video below shows how easy it is to build your pages.

CanvasBlocks - PageBuilder.gif

These newer blocks expand CanvasBlocks from a simple formatting toolkit into a broader content-building toolkit for Confluence.


πŸ’Ό Where Can You Use It?

CanvasBlocks can be useful anywhere your team creates structured Confluence content.

πŸ“š Product Documentation

Build documentation hubs with:

  • Tabs for different topics
  • Cards for navigation
  • Accordions for FAQs
  • Alerts for important information
  • Buttons for key actions


πŸ‘‹ Employee Onboarding

Create onboarding experiences with:

  • Progress indicators
  • Important announcements
  • Step-by-step sections
  • Sticky notes
  • Helpful links


πŸ› οΈ Technical Documentation

Combine:

Tabs + HTML + LaTeX + Tooltips + Alerts + Numbered Headings

to create more structured technical content.


πŸ“Š Project Pages

Use:

Progress + Status + Dates + Banners + Cards + Sticky Notes

to create project pages that communicate information at a glance.


🧠 Knowledge Bases

Instead of forcing users to read everything, give them a visual path through the information.

Start Here β†’ Guides β†’ FAQs β†’ Troubleshooting β†’ Reference


πŸ‘€ It's Not Just About Making Pages "Pretty"

This is an important distinction.

CanvasBlocks isn't about adding decoration for the sake of decoration.

It's about information architecture.

A well-designed page can help readers:

  • Find information faster
  • Understand hierarchy
  • Identify important information
  • Navigate large amounts of content
  • Focus on relevant sections
  • Take action more easily

In other words:

Better formatting can make good documentation more useful.


πŸ” Built on Atlassian Forge

CanvasBlocks-ForgeNative.png

For Confluence administrators, the architecture matters too.

CanvasBlocks is built entirely on Atlassian Forge. The Marketplace listing states that the app runs without external servers and does not send content to external servers.

That gives teams a straightforward way to add content-formatting capabilities while staying within the Atlassian platform.


πŸͺ„ No Design Team Required

You don't need to be a designer.

You don't need to write CSS.

You don't need to build complicated layouts.

You simply choose the block that matches what you're trying to communicate.

Need navigation? β†’ Tabs

Need emphasis? β†’ Alert

Need visual grouping? β†’ Cards

Need expandable information? β†’ Accordion

Need progress? β†’ Progress

Need a call to action? β†’ Button

Need quick feedback? β†’ Simple Survey

Need a reusable page structure? β†’ PageBuilder Templates


πŸš€ Get Started with CanvasBlocks

CanvasBlocks is available as a free Confluence Cloud app on the Atlassian Marketplace.

πŸ‘‰ Get CanvasBlocks for Confluence

πŸ“– Explore the CanvasBlocks documentation

Install it, open a Confluence page and start experimenting with the blocks.

You may be surprised by how much better an ordinary page can look with just a few small changes.

0 comments

Comment

Log in or Sign up to comment
TAGS
AUG Leaders

Atlassian Community Events