# Managing Sections

Sections are the fundamental building blocks of your landing pages, containing all your [content blocks](https://docs.revvedup.ai/landing-pages/index) (text, images, buttons, etc.). This guide covers everything you need to know about creating, organizing, and reusing sections effectively.

## What Are Sections?

Sections are horizontal containers that:

* Span the full width of the browser window
* Stack vertically to form your page
* Contain all your [blocks](https://docs.revvedup.ai/landing-pages/index) (text, images, buttons, etc.)
* Have independent styling and behavior settings
* Can be saved and reused across pages

## Creating Sections

### Method 1: Drag from Right Sidebar (Primary Method)

The most intuitive way to add sections:

1. Look at the **right sidebar** in the [editor](https://docs.revvedup.ai/landing-pages/editor-interface)
2. Click the **Layout** category button
3. Find **Section** in the dropdown
4. **Drag** the Section block onto your page
5. Drop it where you want the new section
6. The section appears with a default [paragraph block](https://docs.revvedup.ai/landing-pages/index/text-and-typography/paragraph)

This gives you a clean slate to build your content from scratch.

### Method 2: Section Templates (Quick Layouts)

Start with professionally designed layouts:

1. After creating an empty section (Method 1)
2. Look for **"Or continue with a template:"** at the bottom
3. Choose from four predefined layouts:
   * **Hero Section**: Centered [headline](https://docs.revvedup.ai/landing-pages/index/text-and-typography/heading) + text + [button](https://docs.revvedup.ai/landing-pages/index/interactive-elements/button)
   * **Two Column**: [Image](https://docs.revvedup.ai/landing-pages/index/media-and-embeds/image) on left, content on right
   * **Feature Cards**: Headline + text + 3 icon [cards](https://docs.revvedup.ai/landing-pages/index/content-groups-and-containers/card)
   * **Testimonials**: Headline + 3 [testimonial cards](https://docs.revvedup.ai/landing-pages/index/content-groups-and-containers/testimonial)
   * **Saved templates**: Reuse previously saved section templates you love

These templates instantly populate your section with common patterns.

### Method 3: Hover to Add Section

Quick addition while working:

1. Hover near the bottom edge of any section
2. A **+** button appears
3. Click to insert a new empty section
4. Section appears with a default [paragraph block](https://docs.revvedup.ai/landing-pages/index/text-and-typography/paragraph)

This method is great for adding sections on the fly without leaving your current workflow.

### Method 4: Copy Existing Sections

Duplicate sections you've already designed:

1. Click into any section to reveal its toolbar
2. Click the **copy icon** (looks like two squares)
3. A duplicate appears immediately below
4. All content and styling is preserved

## Section Toolbar Controls

When you click into any section, a vertical toolbar appears on the left with these options:

#### ✏️ Font Settings

Set the color, size and alignment of your font for this specific section

#### 🎭 Animation

Add subtle motion to engage visitors

#### 🎨 Background

Create visual interest with backgrounds:

## Renaming Sections

Give sections meaningful names for better organization:

1. Click into the section
2. Click the **Settings icon** (⚙️) in the toolbar
3. Enter a name in the **Name** field
4. Names appear in:
   * Analytics reports
   * Section navigation
   * Template library

Good naming examples:

* "Hero - Main Value Prop"
* "Features - Core Benefits"
* "Testimonials - Customer Success"
* "CTA - Book Demo"

## Moving and Reordering Sections

### Using Toolbar Controls

1. Click into the section
2. Use **Up/Down arrows** in toolbar
3. Section moves one position

## Saving and Reusing Sections

### Save as Template

Transform any section into a reusable template:

1. Design your perfect section
2. Click the **folder icon** in section toolbar
3. Name your template descriptively
4. Click **Save**

### Template Storage

Templates are stored separately based on context:

**In Template Builder**

* Saved as "page" templates
* Available across all page templates
* Shared with your team

**In Page Editor (Rooms)**

* Saved as "room" templates
* Available when editing individual pages
* Separate from page templates

### Using Saved Templates

1. Create a new empty section
2. Look for template options at the bottom
3. Click **"Browse Templates"** to see your saved sections
4. Click any template to apply it
5. Customize as needed

## Predefined Section Layouts

RevvedUp includes four starter layouts to accelerate your design:

### Hero Section

Perfect for page headers:

* Centered H1 headline
* Paragraph for subheading
* Call-to-action button
* All center-aligned

### Two-Column Layout

Image + content side-by-side:

* Left column with image placeholder
* Right column with headline and text
* Responsive on mobile (stacks vertically)
* Great for feature highlights

### Feature Cards

Showcase multiple benefits:

* Centered headline and intro text
* Three icon cards below
* Each card has icon, title, description
* Responsive grid layout

### Testimonial Section

Social proof display:

* Centered headline
* Three testimonial cards
* Each has quote, name, title, company
* Can switch to slideshow view

## Section Best Practices

### Organization

* **Name all sections**: Helps with analytics and management
* **Group related content**: Keep logical flow
* **Limit sections per page**: 5-7 is typically optimal

### Performance

* **Test mobile**: Sections may look different on small screens
* **Monitor load time**: Each section adds weight

### Design Consistency

* **Reuse saved templates**: Maintains consistency
* **Follow patterns**: Users expect certain layouts
* **Match brand guidelines**: Colors, fonts, spacing
* **Test variations**: A/B test section orders

## Troubleshooting

### Section Won't Delete

* Cannot delete the last section on a page
* Fixed sections (headers/footers) cannot be deleted
* Check if section has required content

### Section Not Moving

* First section cannot move up
* Last section cannot move down

Remember: you can always use the undo/redo buttons at the top of the page to un-delete a section or cancel the last action you did.

## Related Features

### Content Blocks

* [**Content Blocks Index**](https://docs.revvedup.ai/landing-pages/index) - All available blocks for your sections
* [**Paragraph**](https://docs.revvedup.ai/landing-pages/index/text-and-typography/paragraph) - Default text block for sections
* [**Heading**](https://docs.revvedup.ai/landing-pages/index/text-and-typography/heading) - Headlines and titles
* [**Image**](https://docs.revvedup.ai/landing-pages/index/media-and-embeds/image) - Photos and graphics
* [**Button**](https://docs.revvedup.ai/landing-pages/index/interactive-elements/button) - Call-to-action elements
* [**Card**](https://docs.revvedup.ai/landing-pages/index/content-groups-and-containers/card) - Feature and info cards
* [**Testimonial**](https://docs.revvedup.ai/landing-pages/index/content-groups-and-containers/testimonial) - Customer quote displays

### Page Building

* [**Editor Interface**](https://docs.revvedup.ai/landing-pages/editor-interface) - Understanding the page builder
* [**Designing Your Page**](https://docs.revvedup.ai/landing-pages/designing-your-page) - Section styling and backgrounds
* [**Quick Start Guide**](https://docs.revvedup.ai/landing-pages/quick-start) - Build your first page

### Management & Templates

* [**Template Settings**](https://docs.revvedup.ai/landing-pages/management-and-publishing/template-settings) - Managing saved templates
* [**Page Settings**](https://docs.revvedup.ai/landing-pages/management-and-publishing/page-settings) - Configure page options
* [**Publishing**](https://docs.revvedup.ai/landing-pages/management-and-publishing/publishing) - Make your page live

### Personalization

* [**Template Variables**](https://docs.revvedup.ai/landing-pages/advanced-personalization/template-variables) - Dynamic content in sections
* [**AI Text Block**](https://docs.revvedup.ai/landing-pages/advanced-personalization/ai-text-block) - AI-generated content

Remember: Sections are just containers. The magic happens when you combine great content with thoughtful section design!