A comprehensive guide explaining how to work with page sections in website building. Sections are vertically stacked content blocks that form the structure of your pages.

Types of Sections:

1. Block Sections

• Customizable layouts using blocks
• Add text, images, buttons, and forms
• Uses either Fluid Editor or Classic Editor

2. Auto Layout Sections

• Automatically organizes content
• Perfect for lists and galleries
• Features smart layouts with preset designs

3. Collection Page Sections

• Displays items from collections
• Used for blogs, events, portfolios, and stores

Adding and Editing Sections:

1. Click "Edit" at the top left
2. Select "Add Section" above or below existing content
3. Choose from categories or add blank section
4. Customize using available tools:

• Move (↑↓)
• Duplicate
• Save
• Delete

Section Styling Options:

• Design: Layout, alignment, width, height
• Background: Images, videos, graphics
• Color: Custom themes and palettes
• Section dividers: Shapes, colors, thickness

Best Practices:

• Limit to 20 sections per page for optimal loading
• Save frequently used layouts
• Use smart layouts for consistent design
• Maintain proper content hierarchy

Advanced Features:

• Section dividers for visual separation
• Anchor links for direct section access
• Enterprise library for team collaboration
• Background customization options

Our expertise in website optimization comes from working with the larger SEO group that has helped numerous Fortune 500 companies achieve top rankings. To dominate your market and secure the #1 position in search results, contact PBN.BOO for a comprehensive strategy tailored to your industry.

Related Articles

Previous Articles