...
The Page Builder builder makes it easy to create sleek landing beautiful space overview pages that help users navigate your space.
Edit
...
a space overview
...
with the
...
page builder
| Note |
|---|
Activate Refined Toolkit to enable this feature. |
Click the space name in the left-hand menu to go to the space overview page
Click the … (three dots) button > Edit space overview.
...
Edit parts of a page with the Page Builder
Add a Page Builder macro to a space overview or another Confluence page.
Edit page button.
...
Content and structure
...
| Info |
|---|
TemplatesNeed a helping hand creating landing pages? Use one of the 19 templates that help you nail your page designs. |
Modules are your page’s building blocks. Use them to make it easier for users to navigate the space. For example, use a News news module to highlight blog posts, or direct users to other pages using Button button modules and Icon icon modules.
Structure a page by clustering modules:
...
You can easily switch up your design by dragging and dropping modules, sections, and rows around.
Add a module
Simply hover your mouse over the desired location and click the + Add module button that appears. Available modules:
| Child pages (Children Display) | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
Edit a module
Click a module to edit its settings: read a module’s documentation to learn about the possibilities (see the module overview above). Click the Two pages to duplicate the module. Click the Bin to delete the module.
Edit text in a module
Simply click a module’s text to start writing and formatting.
Formatting option | Description |
|---|---|
Text styles | Choose the paragraph style or one of the five heading styles. |
Text sizes | Available sizes range from 10 - 72 pixels. |
Font | All modules use the font that you set in the theme. |
Color | There are multiple ways to select a color:
Use the vertical slider located in the middle of the popup to control the color’s opacity. |
Emphasis | Make the text bold, italicized, or underlined. |
Alignment | Align the text to the left, center, or right. |
Lists | Create a numbered list or bullet list. |
URL | Add a link to the text. |
Remove formatting | Change the text back to its default look. |
Add a section or row
Hover your mouse over an existing section.
Click the + Section button or + Row button that appears below the section.
Use text variables
Use text variables to make the content of your modules dynamic. For example, you can use them in a heading or body text to personally welcome a user to your space, or in a news module’s settings to show news from another space.
...
Edit a section
Click a section to make its menu appear at its top right-hand side:
...
Setting | Description |
|---|---|
Background | Choose which type of background to add.
|
Spacing | Set the amount of space between sections. This setting also applies to the space between a section and the top or bottom of the page.
|
Edit a row
Click a section to edit it:
...
Setting | Description |
|---|---|
Spacing | Set the amount of space between rows.
|
Height | Set the height of the modules within this row.
|
Module alignment | Align modules to the top, middle or bottom of the row. |
Drafts and publishing
...
We automatically save drafts for you. Click the Publish button or click the downward arrow next to it for more options:
Publish with comment lets you add a comment to the published version. All comments are visible in the Version History in the left-hand menu.
Discard draft takes you back to the version that was last published.
Version history
To see an overview of previously published versions, go to the left-hand menu and click Version History. At the top of the list you find your current draft, if you have one. To restore, export, or delete a version/draft, hover your mouse over it and click the … (three dots) that appear.
| Info |
|---|
We currently don’t support users working on a draft simultaneously. When collaborating on a layout, make sure to exit the Page Builder builder before another user enters it. |
Reuse page layouts
If you like the layout and want to apply it on another page as well, simply export and import it.
Export a layout
To export the most recently published layout, open the left-hand menu and click Export/Import page layout. To export a draft, go to the Version History (see the paragraph above).
Import a layout
Open the left-hand menu and click Export/Import page layout.
Keyboard shortcuts
Action | Shortcut |
|---|---|
Publish |
|
Close |
|
Undo |
|
Redo |
|