What's inside this article:
- About Sections
- Create a new Section page
- Navigate the Editor screen
- Use Layout builder
- Add widgets
- Manage settings
- Create a Custom URL
- Further recommendations
About Sections
What is a Section page?
A Section page is a separate webpage with its own URL. Each Section lets visitors browse a collection of the latest content from your website. Your website’s homepage is an example of a Section page. The content and layout for each Section needs to be individually configured.
What is a widget?
Widgets are the visual components that are used to construct Section pages (as well as other website items, such as Infopages and Regions). For information about the different widget types, see the following article:
Can I customize the default layout blocks for a Section page?
Yes. You can customize the default layout blocks for a Section page using Layout builder.
Can I edit a Section page privately without impacting the published version?
Yes. You can create a clone of the Section page that is not visible on the public site. Make your edits on the clone, then set the clone as the active version when you're ready. For detailed information, see the following article:
Create a new Section page
To create a new Section page:
- Go to Sections > Sections in the top menu.
- Hit + Add new at the top of the screen.
The Editor screen for the new Section page opens. The following conditions apply:
- The Section is automatically saved in Pangea CMS with the Private status. When you are ready, change the status to Public via the Section settings.
- The Section is assigned a default name (such as My Section ID:1234). Before setting the status to Public, you need to change the default name via the Section settings.
Navigate the Editor screen
The following options are available on the Editor screen:
- (A): Versions: Manage current clones or create a new clone.
- (B): Breakpoint preview: Check how the Section will look on devices with different screen sizes:
- L = Desktop
- M = Tablet
- S = Mobile
- (C): Widget controls: Hide or show the labels / controls on the top of each widget box on the Editor screen.
- (D): Widgets: Create a new widget.
- (E): Widgets from library: Add a library widget to the Section.
- (F): Live site: Open the Section on the public site (available if the status of the Section is Public).
- (G): Settings: Manage the Section settings.
- (H): Layout: Adjust the layout blocks.
The Editor screen does not have a Save button. This is because when you add, edit, or remove widgets on a Section, the changes are saved automatically. If the status of the Section is Public, the changes are immediately visible on the public site.
To edit a Section privately without impacting the published version, use cloning. For instructions, see the following article:
Use Layout builder
All Section pages include layout blocks, which run horizontally across the page width. Each layout block includes one or more slots for inserting widgets. In the screenshot below, one layout block with 2 widget slots is highlighted.
By default, you also see two special layout blocks for inserting special Content widgets. For detailed information, see the following article:
To customize the default layout blocks, hit Layout in the top-right corner. For detailed information about using Layout builder, see the following article:
Add widgets
The same widgets are available for all website items. Information about the different widget types and instructions on adding new widgets is available in the article below:
After adding widgets, we strongly recommend checking how the Section page will look on devices with different screen sizes. Choose from the following options under Breakpoint preview:
- L = Check the layout on desktop.
- M = Check the layout on tablet.
- S = Check the layout on mobile.
Manage settings
To access the settings for the Section page, hit Settings at the top of the screen.
For information about the available options, see the following article:
Create a Custom URL
After you publish a new Section, we recommend immediately creating a Custom URL for the page. An effective Custom URL offers the following benefits:
- Improved user experience, as it is clear where the user will go after clicking the link.
- URLs that include keywords might be ranked more highly by search engines.
- Consistent use of effective URLs boosts the authority of your domain for search engines.
To learn how to create a Custom URL, see the following article:
Further recommendations
The following articles might be helpful: