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
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:
Widgets are the visual components used to construct Section pages. The following widgets can be included on a Section:
- Content widgets
- FactCheck widgets
- HTML widgets
- Live blog widgets
- Manual stream widgets
- Multimedia widgets
- Podcast widgets
- Poll widgets
- Subscription widgets
- Trends widgets
To create a new widget, locate your chosen widget type under Widgets in the left panel. Then, drag and drop the box to the correct Layout block in the right window.
You can also add an existing widget from the Widget library. More information here:
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: