Sections are pre-built rows of elements which users can add to their responsive sites. Sections enable users to build great looking sites quickly by saving time during the design process. The infrastructure was built in order to provide a better user experience with a variety of pre-made sections.
Add Sections
To add sections of s:
- Hover between rows, and click the Add Section button. Sections display in the left panel.
- In Section Mode, a gallery of pre-made sections is available in the left panel, grouped into categories (Intro, Features, About, Team, Testimonials, and so on).
- In the left panel, click a section to display it as a new row. You can then browse sections within the same group by using the arrows keys or by selecting a section from a different group.
- To embed the section into the site, click Save. Alternatively, click Save & Add Another to continue adding sections to your site.
The sectionconverts into a row and all elements in the section are editable.
- Sections do not use any custom CSS, and are all build within the editor by designers.
- Sections do not use the text color or text font settings from the site theme settings. However, you can always clear the format and apply your design.
- Sections may contain more than one row.
- Sections cannot be used in the header. To switch the full header section, open the header editor. For more information, see Headers.
- Sections are not available for sidebar templates (for example, Portfolio, Milk and Cookies, and so on).
Create a Flex Section with AI
To streamline the creation process and enhance design flexibility, you can utilize the AI Assistant to generate content and design for flex sections.
For detailed instructions on creating flex sections with AI, see Create a Flex Section with AI.
You must be on a Team plan or higher and have AI permissions to use this feature.
This feature is being gradually rolled out to all users and is currently only available to create flex sections in the classic and Editor 2.0 editors.