Managing Sections
Sections are reusable content blocks that can be attached to one or more pages. They store their actual content as JSON and are rendered by frontend Livewire components.
Creating a Section
Section titled “Creating a Section”- Go to CMS → Sections
- Click Create
- Fill in the required fields:
Section Fields
Section titled “Section Fields”| Field | Required | Description |
|---|---|---|
| Title | Yes | Display name in the admin |
| Slug | Yes | Must match the frontend Livewire component class name |
| Description | No | Internal notes |
| Status | Yes | Active or Inactive |
| Images | No | Media files attached to this section |
| Content | Yes | The actual content built with content blocks |
![Section Create Form - Placeholder for screenshot showing the content builder]
The Content Builder
Section titled “The Content Builder”The Content field uses Filament’s Builder component. You add blocks by clicking Add block and choosing from available types:
Default Blocks
Section titled “Default Blocks”| Block | Purpose |
|---|---|
| Heading | H1-H6 headings with configurable levels |
| Paragraph | Plain text paragraphs |
| Custom Rich Editor | Rich text with formatting, links, and CTAs |
| Posts Chooser | Select blog posts to display |
Custom Blocks
Section titled “Custom Blocks”Your development team may have created custom blocks specific to your website (like Hero, CTA, Team, etc.). These appear alongside the default blocks.
Section Status
Section titled “Section Status”- Active: The section renders on any page it’s attached to
- Inactive: The section is hidden from all pages
Reusing Sections
Section titled “Reusing Sections”The power of sections is reusability. A single section can be attached to multiple pages:
graph TD
A[Section: Newsletter Signup] -->|attached to| B[Page: Home]
A -->|attached to| C[Page: About]
A -->|attached to| D[Page: Blog]
When you edit a section, the changes appear on all pages that use it.
Organizing Sections
Section titled “Organizing Sections”Good naming conventions help your team find sections quickly:
home-hero— Hero section used on the homepageabout-mission— Mission statement on the about pageglobal-footer-cta— CTA section reused across multiple pages
Best Practices
Section titled “Best Practices”- Give sections clear, descriptive titles
- Use slugs that match the frontend component names
- Keep sections focused on a single purpose
- Reuse sections across pages instead of duplicating content
- Use the description field to explain where a section is used