Skip to content
English
Submit a Request
Server Status
  • There are no suggestions because the search field is empty.

Page Builder Module Overview

The Page Builder module is where you create, edit, and manage all of the pages on your website using a drag-and-drop visual editor. Note: Page Builder works as part of a three-module setup alongside Basic Info and Design Setup. All three modules must be configured for your site to function correctly.

Pages Tab

The Pages tab shows all pages on your site in a list view. Each row displays the page's Title, Category, Link (URL slug), Active status, and Last Updated date.

Creating a New Page

  1. Click the green + Page button in the upper-left area of the Pages tab.
  2. Enter a title and URL slug for your new page.
  3. The page editor will open where you can add content.

Page Actions

Each page in the list has a set of action icons in the Actions column:

  • Edit (pencil icon): Opens the page in the full page editor.
  • Preview (eye icon): Opens a live preview of the page in a new tab.
  • Duplicate (copy icon): Creates a copy of the page.
  • Delete (trash icon): Moves the page to the Restore tab where it can be recovered or permanently deleted.

You can also use the Action... dropdown (with multiple pages selected) to perform bulk operations across several pages at once.

The Page Editor

When you open a page to edit it, the editor has two main tabs at the top: Content and Configure. Additional controls in the toolbar include Load from Template, Revert Changes, Import / Export, Active toggle, Preview, and Save.

Content Tab

The Content tab is the main editing canvas where you build your page. The right-hand panel has three sub-tabs: Content, Rows, and Settings.

  • Content panel: Displays properties for the currently selected block on the canvas, such as text alignment, paragraph spacing, line height, letter spacing, and text direction. You can also control block-level options like padding and visibility (Hide on desktop, tablet, or mobile) and set a Block identifier for targeting with custom styles.
  • Rows panel: Lets you add a new row to the page. Use the dropdown to select a column layout (for example, one full-width column, a two-column split, a sidebar layout, and more). Select a layout and it will be added to the canvas.
  • Settings panel: Controls page-level design settings, including content area width (adjustable via a slider, defaulting to 1200px), content area alignment (Left or Center), background color, content area background color, default font, and link color.

Editing Content on the Canvas

  1. Click any content block on the canvas to select it. The right panel will update to show that block's properties.
  2. Double-click a text block to enter edit mode and type or paste your content.
  3. Use the floating text toolbar (which appears above selected text) to apply formatting such as bold, italic, underline, strikethrough, text color, links, and more. The Link Wizard button in this toolbar provides additional linking options.
  4. Click Save in the upper right when you are done making changes.

Show Structure

Click Show Structure in the editor toolbar to display a visual overlay of your page's row and block structure. This is helpful when working with complex layouts to see how blocks are arranged.

Import / Export

The Import / Export button is a power user feature that allows you to import or export a page's full record as JSON. This gives you a portable, code-based representation of the entire page layout and content.

This is especially useful when bringing content into Page Builder from an outside source. Because Page Builder stores pages as structured JSON, content can be prepared or formatted externally and then pasted directly into the import tool, rather than being rebuilt block by block inside the editor. This makes Page Builder significantly faster to populate from outside sources compared to the Web Pages and Pages modules, which do not support this kind of direct import.

Load from Template

The Load from Template button opens the Template Library, which provides pre-built page layouts you can apply to your page as a starting point.

  • Templates are grouped into categories on the left: Homepage, Our Company, Photo Gallery, Services, Locations, and Lead Generation.
  • Each template preview shows the included sections (for example, Hero, Intro, Services, CTAs, Locations).
  • Click a template to apply it to the current page. This will replace any existing content on the page, so use this option before adding your own content.

Configure Tab

The Configure tab controls the page's settings, categorization, and SEO information. It is divided into three sections: Basics, Meta Tags, and Social Tags.

Basics

  • Category: Assign the page to one of your site's page categories (for example, Services, About, Home). Use the + Add button to assign a category.
  • Display Type: Controls how the page is displayed in certain listing contexts. Leave as (None) unless instructed otherwise.
  • Global Tags: Optionally tag the page with site-wide tags to help with organization and filtering.

Meta Tags

  • Snippet Preview: Shows a live preview of how the page may appear in Google search results based on the Title and Description fields below.
  • Title: The SEO page title that appears in browser tabs and search engine results. Keep it descriptive and relevant to the page content.
  • Focus Keyword: The primary keyword you want the page to rank for in search engines.
  • Canonical URL: Used to specify the preferred URL for the page if duplicate content exists. Leave blank in most cases.
  • Description: The meta description displayed in search engine results below the page title. Aim for 1–2 concise sentences that describe what the page covers.

Social Tags

  • Override Og Title: Optionally set a different title for when this page is shared on social media platforms. If left blank, the Meta Title is used by default.

Templates Tab

The Templates tab displays any custom page templates your organization has saved. These are reusable layouts that can be applied when creating new pages. If no custom templates have been saved yet, the list will be empty.

Categories Tab

The Categories tab lets you manage the categories used to organize your pages. Each category shows a name and the number of pages assigned to it.

  • Click the green + Category button to create a new category.
  • Click the edit (pencil) icon next to an existing category to rename it.

Keeping your pages organized into categories makes it easier to manage large sites and filter pages in the Pages tab list view.

Restore Tab

The Restore tab holds any pages that have been deleted. Deleted pages are not immediately removed from the system and can be recovered from here.

  • Restore: Select a page, click Action..., then choose Restore to bring the page back to the active Pages list.
  • Delete: Select a page, click Action..., then choose Delete to permanently remove the page. This action cannot be undone.

The Restore tab displays the page title, original URL slug, category, display type, who deleted it, and when it was deleted.

Tips

  • Always click Save after editing a page. Unsaved changes will be lost if you navigate away.
  • Use Load from Template on new, empty pages before adding your own content to save time on layout setup.
  • Use the Active toggle at the top of the page editor to control whether a page is visible to visitors. Toggle it off to hide a page without deleting it.
  • Use Preview to review your page in a live environment before making it active.
  • Use Revert Changes to undo unsaved edits and return the page to its last saved state.
  • The Import / Export button lets you copy page content between pages or sites using a code format, which is useful for duplicating complex layouts.

Related Articles