Page Comparison

Elementor macro

rowWidth	100
title	phl4nj
content	[{"id":"1du3ed","order":1657102581250,"background":{"source":"video","link":"https://player.vimeo.com/external/592804782.sd.mp4?s=47e68d6d95e7fc513f0a34deb440f9f90e21f4ca&profile_id=164&oauth2_token_id=57447761","id":""},"backgroundOverlay":{"isActive":false,"color":"#000000","opacity":0.5},"rows":[{"id":"xka50e","order":1657102581250,"type":"two_split","columns":[{"id":"rj8cwa","order":1,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"titleandtext","sectionType":"all_elements","layout":{"overline":false,"title":true,"text":true},"alignment":"left","title":"<p><span style=\"color: rgb(255, 255, 255);\">Page Builder</span></p>","titleBold":false,"titleSize":80,"overline":"<p><span style='color: #0052cc'>OVERLINE</span></p>","overlineSize":25,"text":"<p><span style=\"color: rgb(255, 255, 255);\">Create better pages with UX-friendly templates, an easy-to-use drag & drop editor, and unlimited customization options. From knowledge base to engaging product pages and blogs</span></p>","textSize":25,"lineColor":"#0052CC","lineWidth":0,"lineWeight":2,"emoji":{},"viewMode":"view","paddingLeft":50,"paddingRight":50,"hasButton":true,"button":{"buttonType":"text_only","buttonIcon":"atlaskit/StarFilledIcon","buttonSize":"medium","buttonText":"Get Insipired","buttonRadius":4,"buttonWidth":0,"buttonColor":"#FF8B00","buttonFontColor":"#FFFFFF","buttonBorderColor":"transparent","buttonLink":"","buttonNewTab":"false","buttonHoverColor":"transparent","isButtonShadowOn":"true","buttonShadow":0,"buttonIconColor":"#FFFFFF"}}},{"id":"y1vqcm","order":2,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"lottie","link":"https://assets6.lottiefiles.com/packages/lf20_qwATcU.json","size":430,"autoplay":true,"onhover":false,"loop":true}},{"id":"m0jwp8","order":3,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}},{"id":"l4r43l","order":4,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}}]}]}]

Section macro

textSize	18
emoji	{"id":"microphone","name":"Microphone","short_names":["microphone"],"colons":":microphone:","emoticons":[],"unified":"1f3a4","skin":null,"native":"🎤"}
lineColor	#0052CC
titleSize	40
title	<p><span style="color: rgb(23, 43, 77);">Introduction</span></p>
textColor	#172b4d
lineWidth	0
layout	{"overline":false,"title":true,"text":false}
overlineSize	18
titleColor	#172b4d
lineWeight	3
titleBold	false
text	<p>Enter text here...</p>
overline	<span style="color: #0052CC;"><p><span style="color: rgb(0, 37, 204);">OVERLINE</span></p></span>
alignment	left
sectionType	no_text
overlineColor	#0052CC

It's never been easier to format your Confluence content properly! Page Builder macro helps you build up stunning Confluence pages with perfect structuring, suiting all your needs. All of it at a distance of a few clicks!

Format your content properly, ensure precise and fluent communication and grab your readers' attention by choosing from a wide range of powerful and easy-to-use features within the app.

Info

Page Builder in a nutshell

Page Builder can be best described as Caelor's magical land! Even though it is essentially a MacroSuite macro, Page Builder allows Caelor customers to enjoy the best of both app worlds. Unique and powerful Page Builder macro bridges the gap between content formatting and content visualization by providing a large selection of MacroSuite and Content Viz macros in one place, all thanks to its direct integration with the Content Viz app*.

*To unlock the features, paid Content Viz license is required.

Elementor macro

rowWidth	100
title	hweihc
content	[{"id":"1i2d6v","order":1658070619727,"background":{"source":"color","value":"#ffffff","id":""},"backgroundOverlay":{"isActive":false,"color":"#000000","opacity":0.5},"rows":[{"id":"p8nhrz","order":1658070619727,"type":"one","columns":[{"id":"03coh","order":1,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"image","value":{"source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/Screenshot%202022-07-17%20at%2017.08.55.png?version=1&modificationDate=1658070563387&cacheVersion=1&api=v2","id":"att625475718"},"overlay":{"isActive":false,"color":"#000000","opacity":0.5},"cover":false,"width":90,"type":"normal","description":"","radius":2,"opacity":100,"shadow":25,"blur":0,"brightness":100,"grayscale":0,"contrast":100,"saturation":100}},{"id":"f8laqs","order":2,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}},{"id":"1y58o5","order":3,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}},{"id":"hch39k","order":4,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}}]}]}]

Section macro

textSize	18
emoji	{"id":"white_check_mark","name":"White Heavy Check Mark","short_names":["white_check_mark"],"colons":":white_check_mark:","emoticons":[],"unified":"2705","skin":null,"native":"✅"}
lineColor	#0052CC
titleSize	40
title	<p><span style="color: rgb(23, 43, 77);">Macros supported</span></p>
textColor	#172b4d
lineWidth	0
layout	{"overline":false,"title":true,"text":false}
overlineSize	18
titleColor	#172b4d
lineWeight	0
titleBold	false
text	<p>Enter text here...</p>
overline	<span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><p><span style="color: rgb(0, 37, 204);">OVERLINE</span></p></span></span></span>
alignment	left
sectionType	no_text
overlineColor	#0052CC

Cp content card macro

data	{"type":"page","variant":"card","columns":3,"contributors":[],"labels":[],"spaces":[],"parentPage":"597753857","pagination":"infinite","sorting":"created","ordering":"ascending","limit":8,"enrichment":"dynamic","manuallyPicked":[],"_migrations":["migrateContentCards"]}

Section macro

textSize	18
emoji	{"id":"bulb","name":"Electric Light Bulb","short_names":["bulb"],"colons":":bulb:","emoticons":[],"unified":"1f4a1","skin":null,"native":"💡"}
lineColor	#0052CC
titleSize	40
title	<h3><strong style="color: rgb(23, 43, 77);">Get inspired </strong></h3>
textColor	#172b4d
lineWidth	0
layout	{"overline":false,"title":true,"text":false}
overlineSize	18
titleColor	#172b4d
lineWeight	3
titleBold	false
text	<p>Enter text here...</p>
overline	<span style="color: #0052CC;"><span style="color: #0052CC;"><span style="color: #0052CC;"><p><span style="color: rgb(0, 37, 204);">OVERLINE</span></p></span></span></span>
alignment	left
sectionType	no_text
overlineColor	#0052CC

Caelor cards macro-v2

title

c9jkwo

tqfrf
content	{"cards":[{"id":"

bj1e6d

srkgkn","title":"

Teams 22

Confluence dashboard","text":"Type text here","label":"

Label

CARD LABEL","

icon

button":"

font-awesome/Rocket

View more","

image

quote":

{"imageUrl":"https:

"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","themeColor":"#0099ff","image":{"imageUrl":"https://images.unsplash.com/photo-

1495469118433

1495733516321-

d4dbeb29963a

c553865d35d2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=

MnwzMzQyNzV8MHwxfHNlYXJjaHwxfHxWRUdBU3xlbnwwfHx8fDE2NTY5MjM0OTY

MnwzMzQyNzV8MHwxfHNlYXJjaHw3fHxEYXNoYm9hcmR8ZW58MHx8fHwxNjYwNTU5NzY4&ixlib=rb-1.2.1&q=80&w=1080","source":"unsplash","link":"https://images.unsplash.com/photo-

1495469118433

1495733516321-

d4dbeb29963a

c553865d35d2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=

MnwzMzQyNzV8MHwxfHNlYXJjaHwxfHxWRUdBU3xlbnwwfHx8fDE2NTY5MjM0OTY

MnwzMzQyNzV8MHwxfHNlYXJjaHw3fHxEYXNoYm9hcmR8ZW58MHx8fHwxNjYwNTU5NzY4&ixlib=rb-1.2.1&q=80&w=1080","id":"

d0yYWDJ1qDI

NGjhOmrqndY"}

}

,

{

"

id

newTab":"

y8l9rq

false","

title

link":"

Onboarding

","

text

overlay":{"

Type text here

isActive":true,"

label

color":"#000","

Label","icon

opacity":0.3}},{"id":"

font-awesome/Rocket

vi1osf","

image

title":

{"imageUrl":"https://images.unsplash.com/photo-1499063078284-f78f7d89616a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHw3fHxQTEFORXxlbnwwfHx8fDE2NTY5MjM1MDM&ixlib=rb-1.2.1&q=80&w=1080","source":"unsplash","link":"

"Space overview ","text":"Type text here","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","themeColor":"#6083ff","image":{"imageUrl":"https://images.unsplash.com/photo-

1499063078284

1522071820081-

f78f7d89616a

009f0129c71c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=

MnwzMzQyNzV8MHwxfHNlYXJjaHw3fHxQTEFORXxlbnwwfHx8fDE2NTY5MjM1MDM

MnwzMzQyNzV8MHwxfHNlYXJjaHwzfHx0ZWFtfGVufDB8fHx8MTY2MDU1OTcxNw&ixlib=rb-1.2.1&q=80&w

=1080","id":"FwdZYz0yc9g"}},{"id":"kamy28","title":"App Documentation","text":"Type text here","label":"Label","icon":"font-awesome/Rocket

=1080","source":"unsplash","link":"https://images.unsplash.com/photo-1522071820081-009f0129c71c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHwzfHx0ZWFtfGVufDB8fHx8MTY2MDU1OTcxNw&ixlib=rb-1.2.1&q=80&w=1080","id":"QckxruozjRg"},"newTab":"false","link":"","overlay":{"isActive":true,"color":"#000","opacity":0.3}},{"id":"61mp7g","title":"Design guidelines","text":"Type text here","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","themeColor":"#ae84ff","image":{"imageUrl":"https://images.unsplash.com/photo-1506097425191-7ad538b29cef?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHw3fHxkZXNpZ25lcnxlbnwwfHx8fDE2NjA1NTk3MzI&ixlib=rb-1.2.1&q=80&w=1080","source":"unsplash","link":"https://images.unsplash.com/photo-1506097425191-7ad538b29cef?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHw3fHxkZXNpZ25lcnxlbnwwfHx8fDE2NjA1NTk3MzI&ixlib=rb-1.2.1&q=80&w=1080","id":"ubIWo074QlU"},"newTab":"false","link":"","overlay":{"isActive":true,"color":"#000","opacity":0.3}},{"id":"jp6ms","title":"Teams '22","text":"Type text here","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","themeColor":"#e677fb","image":{"imageUrl":"https://images.unsplash.com/photo-

1507842217343

1495469118433-

583bb7270b66

d4dbeb29963a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=

MnwzMzQyNzV8MHwxfHNlYXJjaHw4fHxib29rfGVufDB8fHx8MTY1NjkyMzUyNQ

MnwzMzQyNzV8MHwxfHNlYXJjaHwxfHxWZWdhc3xlbnwwfHx8fDE2NjA1NTk3MjA&ixlib=rb-1.2.1&q=80&w=1080","source":"unsplash","link":"https://images.unsplash.com/photo-

1507842217343

1495469118433-

583bb7270b66

d4dbeb29963a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=

MnwzMzQyNzV8MHwxfHNlYXJjaHw4fHxib29rfGVufDB8fHx8MTY1NjkyMzUyNQ

MnwzMzQyNzV8MHwxfHNlYXJjaHwxfHxWZWdhc3xlbnwwfHx8fDE2NjA1NTk3MjA&ixlib=rb-1.2.1&q=80&w=1080","id":"

YLSwjSy7stw

d0yYWDJ1qDI"}

}]

,"

config

newTab":

{

"

type":"image

false","

imageDirection

link":"

column

","

columns

overlay":

1,"layout":

{"

label":false,"title

isActive":true

,"text":true}

,"

labelSize

color":

12,

"

titleSize

#000"

:20

,"

textSize

opacity":

15

0.3}}],"

labelColor

config":{"

#172B4D",

type"

textColor"

:"

#172B4D

image","

iconColor

columns":

"#172B4D"

1,"

fillColor

layout":["

#FFF

arrow"],"

barColor

design":"

transparent

hong_kong","textAlign":"

center

left","height":

200,"hasImage":true

195}}

Versions Compared

Old Version 73

New Version 74

Key