| Elementor macro | ||||
|---|---|---|---|---|
| ||||
[{"id":"zl24zj","order":1647377814485,"background":{"source":"attachments","link":"https://caelor.atlassian.net/wiki/download/attachments/597753857/background.png?version=1&modificationDate=1647378016841&cacheVersion=1&api=v2","id":"att601653398"},"backgroundOverlay":{"isActive":false,"color":"#000000","opacity":0.5},"rows":[{"id":"36cpyd","order":1647377814485,"type":"two_split","columns":[{"id":"dj9tkg","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":50,"overline":"<p><span style='color: #0052cc'>OVERLINE</span></p>","overlineSize":14,"text":"<p><span style=\"color: rgb(255, 255, 255); background-color: transparent;\">From </span><strong style=\"color: rgb(255, 255, 255); background-color: transparent;\">knowledge base</strong><span style=\"color: rgb(255, 255, 255); background-color: transparent;\"> or </span><strong style=\"color: rgb(255, 255, 255); background-color: transparent;\">help center</strong><span style=\"color: rgb(255, 255, 255); background-color: transparent;\"> to engaging </span><strong style=\"color: rgb(255, 255, 255); background-color: transparent;\">product</strong><span style=\"color: rgb(255, 255, 255); background-color: transparent;\"> </span><strong style=\"color: rgb(255, 255, 255); background-color: transparent;\">pages</strong><span style=\"color: rgb(255, 255, 255); background-color: transparent;\"> and </span><strong style=\"color: rgb(255, 255, 255); background-color: transparent;\">blogs</strong><span style=\"color: rgb(255, 255, 255); background-color: transparent;\"> - it is all possible with <span class=\"ql-cursor\"></span>Page Builder. </span></p>","textSize":22,"lineColor":"#0052CC","lineWidth":0,"lineWeight":2,"emoji":{},"viewMode":"view","paddingLeft":40,"paddingRight":0,"hasButton":true,"button":{"buttonType":"text_only","buttonIcon":"atlaskit/StarFilledIcon","buttonSize":"medium","buttonText":"See Use Cases","buttonRadius":4,"buttonWidth":0,"buttonColor":"#0052CC","buttonFontColor":"#ffffff","buttonBorderColor":"#0052CC","buttonLink":"https://caelor.atlassian.net/wiki/spaces/MAC/pages/592183313/Use+Cases","buttonNewTab":"false","buttonHoverColor":"transparent","isButtonShadowOn":"true","buttonShadow":0,"buttonIconColor":"#FFFFFF"}}},{"id":"20sitd","order":2,"alignment":{"vertical":"center","horizontal":"center"},"macro":{"id":"lottie","link":"https://assets4.lottiefiles.com/packages/lf20_chcyxcbj.json","size":380,"autoplay":true,"onhover":false,"loop":true}},{"id":"e65an","order":3,"alignment":{"vertical":"center","horizontal":"center"},"macro":{}}]}]}] | ||||
Introduction
Page Builder is the first feature of its kind on the Atlassian Marketplace. Our macro lets you create Confluence pages precisely the way you want, with the powerful live drag & drop macro editor. From knowledge base or help center to engaging product pages and blogs - it is all possible with Page Builder.
Getting Started
To add the Page Builder macro to a page:
In the Confluence editor, choose + > Other Macros
Find and select the Page Builder macro.
Alternatively, type '/' and the beginning of an element (tool or things in the insert menu) to see a list of suggestions and enter 'Page Builder.'
The macro dialog opens up and allows drag and drop macros from the left side navigation or choose from the section templates.
Build a section
The empty section is a starting point. To build a page section, choose a background, drag and drop macros to build a custom layout, or insert one of the predefined templates.
| Tip |
|---|
Due to possible performance, adding up to 5 sections is possible. Each section has a limit of 7 rows. |
For every section in a row, the user can define a column layout. With this feature, it is possible to build more powerful pages and custom layouts.
Change a background
Each page section can have a different background. Click on the blue icon in the upper right corner to add a background image or video. Users can select the background from various sources:
Image Library → Saved images in the MacroSuite style guide
Image Link → sources like DropBox, AWS, internal company services, or free websites like unsplash.com and pixabay.com. Only JPG and PNG formats are available.
Attachments → JPG, PNG images, and mp4 videos that are saved in the page attachments. Users can select a background from all pages with view access.
Color → Colors are predefined in the MacroSuite style guide.
Video Link → Link to page attachments, DropBox, AWS, or free stock videos as https://www.pexels.com/videos/ . Only mp4 format is available.
Page Builder Macros
| Cp content card macro | ||
|---|---|---|
|
Book a demo
| Cp card macro | ||
|---|---|---|
|
Sample Pages
| Cp content card macro | ||
|---|---|---|
|
Macros
| Cp content card macro | ||
|---|---|---|
|
Other Confluence Apps
| Cp content card macro | ||
|---|---|---|
|
MacroSuite News
| Cp content card macro | ||
|---|---|---|
|