The Page Builder makes it easy to create sleek landing pages that help users navigate your space.
Edit an entire page (space overview) with the Page Builder
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 Edit page button.
Content and structure
Templates
Need 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 module to highlight blog posts, or direct users to other pages using Button modules and Icon modules.
Structure a page by clustering modules:
The largest possible group is called a section. It can have its own settings, including backgrounds.
Sections can be further organized into rows. Rows can also have their own settings and backgrounds.
Rows can can contain up to six columns that contain 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:
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:
Click the Cogwheel to edit the section’s settings: see the table below.
Click the Two pages to duplicate the section.
Click the Bin to delete the section.
Click the Arrows to move the section up or down the page. Alternatively, you can rearrange sections by dragging and dropping them.
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:
A menu appears at the row’s left-hand side:
Click the Cogwheel to edit the row’s settings: see the table below.
Click the Pages to duplicate the row.
Click the Bin to delete the row.
Click the Arrows to move the row up or down within the section. You can also drag and drop rows within or between sections.
A series of buttons at the top lets you decide on the amount of columns.
To change the width of a column, click and drag the column’s border.
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.
We currently don’t support users working on a draft simultaneously. When collaborating on a layout, make sure to exit the Page 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 |
|