Loading ...

Create Page Builder Page | Axero Documentation

Home » axero documentation » Wiki » Documentation » Control Panel » System » Page Builder » Create Page Builder Page
Axero Documentation  Wiki
Public Space
Activity Stream Content
Version 46

Create Page Builder Page

0 
 /5
0 (0votes)

Page Builder is an easy drag-and-drop tool that allows you to create beautiful content-rich pages throughout your intranet. Page Builder pages are responsive, meaning they are friendly to desktops, tablets, and mobile phones. Use Page Builder to build your intranet homepage, space homepages, and standalone pages. Select from a variety of widgets and templates to create any kind of page. If you haven't already, check out Page Builder Interface to learn about the different parts of Page Builder.

To create a Page Builder page:

  1. Click the gear icon > Page Builder.
  2. Click Add Page.

Details

DetailsSearch FieldsUtility Fields

Field Description
Page name An internal name used in the manage pages section of Page Builder.
Space The space where this page is located. Select Top Level Community if this page will be accessible to everyone.

Check Set as the space homepage to make the Page Builder page the space homepage.

Check Include space photo and navigation to show the space image and menu on the left side of the page on the published version.

Check Available to use as template to allow the page to be used as a template for other Page Builder pages. See Page Builder: Master Pages for more information.
Include in search results Check to allow this page to appear in Search results.
Page URL A relative path without the domain name. Use only a "/" to publish to the intranet homepage. For all other pages, we suggest "/home" for example. Do not use "home" or "index" as your URL.
Page Absolute URL Automatically generated based on Page URL.
Master Template Page Select a page to use as the template for this page. When you select a master template page, you will not be able to modify widgets or the layout on the page. To modify widgets or the layout, you must edit the master page. See Page Builder: Master Pages for more information.

Note: This option is only available for pages created in a space.
Search Fields Search and Browser Tab Title: Enter the title that appears in the browser tab and is used in search results. 
Search Description: Provide a description that will be included in the page's search metadata.
Insert resource: Start typing to search for a system text resource to insert. The resource will be added where your blinking cursor is. 
Insert token: Use the menu to insert basic text resources. 
Tags and Meta Keywords: A field to add tags or keywords that will improve the searchability of the content and targeting within a Content List Widget.
Featured Image for Content Lists: A section to upload an image to represent the content in lists, improving visual identification.
Utility Fields Promoted Search Keywords: Add keywords to prioritize the Page Builder page in search results. These keywords help improve the page's discoverability and visibility within intranet search queries and highlight it at the top of search results.
Header Scripts: CSS, JavaScript, analytics, etc. scripts inserted in the header.
Footer Scripts: CSS, JavaScript, analytics, etc. scripts inserted in the footer.
Body CSS Class: A CSS class to add to the <body> tag.
Column Spacing: 
  • Default: This is the standard setting, which applies normal spacing between the columns on your page, offering a balanced and spacious layout.
  • Condensed: This setting reduces the width of the spacing between columns, creating a tighter and more cohesive layout. It is ideal for pages where a compact design is preferred.

Select Layout

The Layout tab gives you nine preset options to create Rows and Columns for your layout. You can also create your own row/column by typing numbers into the Create your own textbox. Page Builder uses a 12-column responsive grid that uses a CSS file to automatically calculate the width of each module, across different device sizes. This feature saves designers time because they don't need to mess with styling the widths.

Dragging a layout

Add Widgets

Add Page Builder Widgets to your page. Be sure to check out Page Builder Extras for our pre-released widgets.

Dragging a widget

Options

  • Click All pages to return to the page list.
  • Click Layout to return to the layout designer.
  • Click Preview to see a preview of your changes.
  • Click Mobile layout to return to the mobile layout designer.
  • Click Mobile preview to see a preview of your changes to the mobile version.
  • Click Publish changes to save your changes.
  • Click Go to page to open the page in a new tab. (This option only appears once the header has been saved.)
  • Click the gear icon for more options:

Create a Page Builder Page for the Mobile App

Create Page Builder pages for the mobile app to provide important information and resources for on-the-go users. Create a mobile app version for any Page Builder page and fill it with important links, the latest content, key people, and essential spaces.

 

  1. Click the gear icon > Page Builder.
  2. Add or edit a page.
  3. Click Mobile layout.
  4. Click Widgets.
  5. Add widgets onto the page and configure them.
  6. To preview the mobile page, click Mobile preview.
  7. To save changes, click Publish changes.

Available widgets for the mobile app:

See Page Builder and the Mobile App for information on how to view mobile pages.

Related

How to Create a Multi-Page Page Builder Page
Display related Page Builder pages all on one page. Set up a multi-page Page Builder page, and users can view related pages with a click of a button.

Page Builder: Master Pages
The Master Page feature allows you to reuse layouts and widgets across multiple pages.

Save Widget
Save time creating and editing Page Builder pages by saving widgets. Save a widget and reuse it on other Page Builder pages. You can use a saved widget as-is or clone the saved widget to make changes for a specific page only.

Choosing Page Builder Templates
The Axero platform has several templates for displaying content, people, and menus. Each template has a unique design and works best for specific content types or situations. This wiki provides template recommendations for the Content List, Navigation, and People widgets.

Page Builder Extras
Axero and customers come up with great ideas for new Page Builder Widgets all the time. We love implementing these new widgets in the platform, but implementation takes time, and we want to give you these widgets immediately. Page Builder Extras provides instructions on implementing these awesome widgets in your Page Builder pages.

Attachments

Wiki Index

Pages