> ## Documentation Index
> Fetch the complete documentation index at: https://help.hoopai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Global sections and saved sections

> Create reusable page sections across funnels and websites in HoopAI — save once, use everywhere.

Global sections and saved sections let you build a page element once — a header, footer, testimonial block, or pricing table — and reuse it across multiple pages. Global sections go further: editing a global section on any page automatically updates it everywhere it appears.

## Saved sections vs global sections

| Feature            | Saved section                                     | Global section                                                     |
| ------------------ | ------------------------------------------------- | ------------------------------------------------------------------ |
| **Reusable**       | Yes — drag onto any page                          | Yes — drag onto any page                                           |
| **Linked updates** | No — each instance is independent after placement | Yes — changes propagate to all pages                               |
| **Best for**       | Starting templates you customize per page         | Headers, footers, and elements that must stay identical everywhere |

## Saving a section

<Steps>
  <Step title="Build the section on any page">
    Open a funnel step or website page in the builder. Create the section with the layout, elements, and styling you want to reuse.
  </Step>

  <Step title="Select the section">
    Click the green section bar at the top of the section to select it.
  </Step>

  <Step title="Save the section">
    Click the **Save** icon in the section toolbar. Choose:

    * **Save as Saved Section** — creates an independent, reusable copy
    * **Save as Global Section** — creates a linked section that updates everywhere when edited
  </Step>

  <Step title="Name the section">
    Give it a descriptive name (e.g., "Site Header — Dark", "Testimonials — 3 Column", "Footer — With Social Links").
  </Step>
</Steps>

## Using saved sections on other pages

1. Open any page in the builder.
2. Click **Add Elements** in the left panel.
3. Navigate to the **Saved Sections** tab.
4. Drag the section onto the canvas at the desired position.

For saved (non-global) sections, the placed instance is fully independent — editing it does not affect the original or other instances.

## Updating a global section

When you edit a global section on any page:

1. Make your changes (add elements, update text, change styling).
2. Click **Update Global Section** in the section toolbar.
3. The change is applied immediately to every page where this global section appears.

<Warning>
  Updating a global section affects all pages that use it across all funnels and websites in your account. Always preview the change before confirming the update.
</Warning>

## Managing your section library

Navigate to **Sites > Sections** (or access the Saved Sections panel in the builder) to view, rename, and delete saved and global sections. Keeping your library organized with clear naming conventions makes it easy for team members to find and use the right sections.

## Element templates

In addition to full sections, you can save individual elements (buttons, forms, image blocks) as **element templates** for quick reuse:

1. Right-click an element on the canvas.
2. Select **Save as Template**.
3. The element appears in the **Saved Elements** panel for drag-and-drop reuse.

## Best practices

<Tip>
  Use global sections for site-wide navigation headers and footers. Use saved sections for content blocks (hero sections, pricing tables) where each page may need slight customization after placement.
</Tip>

* Keep global sections simple — the more complex they are, the higher the risk of unintended side effects when updating.
* Name sections with a consistent convention: `[Type] — [Variant]` (e.g., "Header — Light", "Header — Dark").
* Audit your section library periodically and delete unused sections to keep the panel manageable.
* Test global section updates on a draft page before pushing changes to live pages.