Pages 2.0 refers to the new version of Happeo Pages, released on April 2, 2025. All Happeo accounts created from this date onward use the new page editor by default.

🎯 Who this article is for: Anyone who creates or edits pages, including page owners, editors, and admins.

💼 Package requirements: Section creation is available in the Starter, Growth, and Enterprise packages. Styling options vary depending on your organization's Brand Style configuration.

⚠️ Important: This article covers sections in Pages 2.0. For the legacy pages editor, refer to this article.

1. Overview

When someone lands on a page on your intranet, the first thing they do is scan it. A page organized into clear sections makes it easy to find the right information quickly. Sections control how your content is grouped and let you shape the experience for anyone who visits.

Every page is made up of sections. You can add as many as you need, rearrange them, apply your organization's brand styling, and save layouts you want to reuse.

2. What you can do with sections

• ​​Customize the appearance with background colors, images, and padding.
• Collapse or expand content to reduce visual noise on longer pages.
• Move sections up or down to reorganize the page.
• Duplicate sections to reuse a layout quickly.
• Delete sections that are no longer needed.

🔎 Sections can also be saved as Section Templates for reuse across pages. See Create Section Templates for more information.

3. Use cases

• Structuring pages so anyone can find what they need: A page that covers too much ground without clear structure tends to get skipped or misread. Sections let you group related content visually, so visitors can find what they need without reading everything.
• Keeping your intranet consistent as more teams build pages: When many people contribute to an intranet, small visual differences accumulate quickly. By pairing section styling with a locked Brand Style or pre-approved Style Options, admins can give teams flexibility while keeping everything within the visual range the organization has approved.
• Making your intranet work for new hires from day one: New employees need to find information quickly without interrupting their team. Pages with clear, labeled sections, including collapsible sections for supplementary detail, give new hires an obvious starting point and help them get answers independently.

4. Before you begin

• You need edit access to a page to add or manage its sections.
• Your organization's admin may have configured a Brand Style for your page group, which affects which colors and styling options are available to you.
• If Brand Style Locking is enabled, your styling choices will be limited to options your admin has pre-approved.

5. How to add a section

There are three ways to add a section in the page editor.

From the Sections tab

1. Open the Sections tab from the left-hand navigation.
2. Select a template category: Company Templates, My Templates, or Made by Happeo.
3. Click the template you want to add.
4. To start from scratch, select Basic Section (blank) or Collapsible Section (blank, with expand/collapse behavior).

By hovering over a widget

1. Hover your mouse over an existing widget on the page.
2. Click the Add section button that appears above or below the widget.
3. Choose a template or start from a blank section.

From a blank page

1. Hover over the Add a widget to your section box.
2. Click the Add section button above or below it.
3. Choose a template or start from blank.

6. How to move a section

1. Hover over the section until it turns blue, then click it.
2. Click Move up or Move down to reposition it on the page.

🗒 Note: Sections can only be moved within the same page. To use a section layout on a different page, save it as a Section Template first.

7. How to configure a section

1. Hover over the section until it turns blue, then click it.
2. Select the settings icon (cog) and go to the Configure tab.

Making a section collapsible

Toggle Collapsible section on to allow visitors to expand or collapse the section. Once enabled, you can set:

• Section title: Click the title in the section header to customize it and make it appear in the page’s table of contents.
• Header icon: Choose an image from Google Drive, SharePoint, OneDrive, your computer, or Unsplash.

Non-collapsible sections

Set a Section title to make the section appear in the page's table of contents, which helps visitors navigate longer pages.

8. How to style a section

What you see in the Style tab depends on your organization's Brand Style setup.

If no Brand Style is applied, or the Brand Style is unlocked: Full styling controls are available.

1. Hover over the section and select the settings icon (cog).
2. Go to the Style tab.
3. Click the drop-down and select Customize.

You’ll find the following customization options:

• Background image: Set a background image for the section. Choose from Google Drive, SharePoint, OneDrive, upload from your computer, or browse Unsplash.
• Background image opacity: Adjust transparency between 0.1 (nearly transparent) and 1 (fully opaque). Background color will not display if an image is applied.
• Header background: Set the background color of the header. If no content background is set, the header color will be displayed for most of the section.
• Content background: Select a background color for the main part of your section.
• Background color: Choose a color for the area behind the header and content background.
• Padding: Control spacing between the section's content and its background (16px to 64px). A higher value shows more background; a lower value brings content closer to the edge.

🗒️ Note: The colors available to you are based on the Brand Style’s color palette. It is not possible to choose a custom color or input a HEX code from the page editor. This can only be done by admins or users with branding permission from the brand style editor.

If the Brand Style is locked and Style Options are configured: A dropdown appears showing the style options your admin has pre-approved. Select the one that fits your content. Granular styling controls are not available.

If the Brand Style is locked and no Style Options are configured: The Style tab is greyed out. All pages using that Brand Style follow its configuration exactly.

🗒 Note: Switching Brand Styles within a page group will revert any manually selected colors to their system defaults.

9. How to duplicate a section

1. Hover over the section.
2. Select the Duplicate section icon (paper icon).

The duplicate appears directly below the original.

10. How to delete a section

1. Hover over the section.
2. Select the Delete section icon (trash bin).

⚠️ Important: Deleting a section permanently removes all widgets inside it. To redo, click the redo (left arrow) button at the bottom-left corner of the page editor.

11. Best practices

• Plan your structure before you start building: Decide how many sections the page needs and what each one will contain before adding anything. A quick outline avoids significant reorganization later.
• Use collapsible sections for supplementary content, not primary content: Collapsible sections work well for FAQs, supporting detail, or content that only some visitors need. Avoid collapsing content most people will need to see immediately. If something is collapsed by default, some visitors will miss it.
• Give sections clear titles: Section titles appear in the page's table of contents, making it easier for visitors to navigate directly to what they need. Clear, descriptive titles also help your content surface in search results, so the right people can find the right information without having to browse through the whole page.
• Save layouts you will use again: If you have set up a section you are happy with, save it as a Section Template. Reusing it on other pages takes seconds, and if your admin publishes it as a Company Template, everyone in your organization can benefit from it.
• Be mindful of how many sections you add: There is no limit on sections per page, but pages with a very large number of sections can slow down the experience for visitors. If your page is growing long, consider whether some content belongs on a separate page or within a collapsible section instead.

12. Frequently asked questions

Does deleting a section also delete the content inside it? 

Yes. Deleting a section permanently removes all widgets inside it. There is no undo option, so confirm you want to remove the entire section before proceeding.

Can I move a section to a different page? 

Sections can only be moved within the same page. To reuse a section layout on a different page, save it as a Section Template first and then add it from the Sections tab. 

Feedback

Got any feedback for us regarding Pages 2.0 Help Center content? Please fill out this form.