---
title: The EDIT Panel
description: When you’re ready to edit your site, the Edit Panel is your main toolkit. It’s where you can add all kinds of content—like text, pictures, and videos—to make your site truly shine.
---

[Skip to content](https://support.catapultcms.com/hc/en-us/articles/360049140192-the-edit-panel-#main-content)

English

Show submenu for translations

[Submit a Ticket](https://support.catapultcms.com/kb-tickets/new?hsLang=en)

[![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=300&height=59&name=catapult-cms-logotype.png)](https://support.catapultcms.com/migration?hsLang=en)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a Ticket](https://support.catapultcms.com/kb-tickets/new)
- [CatapultCMS.com](https://catapultcms.com/)

[CatapultCMS.com](https://catapultcms.com/)

 Welcome to Catapult Support Knowledge Base!

- There are no suggestions because the search field is empty.

1. [CatapultCMS Help](https://support.catapultcms.com/?hsLang=en)
2. [CMS](https://support.catapultcms.com/cms?hsLang=en)
3. [General Editing Information](https://support.catapultcms.com/cms?hsLang=en#general-editing-information)

# The EDIT Panel

## When you’re ready to edit your site, the Edit Panel is your main toolkit. It’s where you can add all kinds of content—like text, pictures, and videos—to make your site truly shine.

### **Opening the Edit Panel**

After logging in to your website, you’ll see two main sections on the left: the **PAGES** panel and the **EDIT** panel.

To start editing a page:

- **Option 1**:   
  In the **PAGES** panel, double-click the page you want to edit or click the three dots next to the page and select **EDIT PAGE**.  
  ![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-26_14-24-20-PNG.png?width=375&height=305&name=2024-09-26_14-24-20-PNG.png)
- **Option 2**:   
  If you’re already previewing the page, just click the green **EDIT** button in the top left corner of the screen to start editing right away.  
  ![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-26_14-26-15-PNG.png?width=1312&height=607&name=2024-09-26_14-26-15-PNG.png)

### **Save, History, and Close**

At the top of the Edit Panel, you'll see three important buttons:

- **Save** – Save your changes to the page.  
  ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Sep-27-2024-08-06-47-8916-PM.png?width=676&height=165&name=image-png-Sep-27-2024-08-06-47-8916-PM.png)
- **History** – Access up to three backup versions of the page in case you need to undo changes.  
  ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Sep-27-2024-08-06-27-4747-PM.png?width=676&height=165&name=image-png-Sep-27-2024-08-06-27-4747-PM.png)
- **My Pages** – Close the current page and return to the **PAGES** panel.  
  ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Sep-27-2024-08-08-58-9284-PM.png?width=676&height=165&name=image-png-Sep-27-2024-08-08-58-9284-PM.png)
- If you decide not to keep your changes, simply click the **CLOSE AND DISCARD CHANGES** button before exiting the page. This will cancel any edits you've made.  
  ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Sep-27-2024-08-10-05-6827-PM.png?width=418&height=72&name=image-png-Sep-27-2024-08-10-05-6827-PM.png)

### **Content Elements: Your Building Blocks**

Content Elements are the tools you’ll use to add content to your site. They’re represented as rectangles with icons in the **CONTENT ELEMENTS** section on the left of the **EDIT** panel. There are 14 different elements to choose from, each allowing you to add different types of content to your page.

![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-26_14-45-23-PNG.png?width=288&height=670&name=2024-09-26_14-45-23-PNG.png)

Here are some of the most commonly used content elements:

- [**Text Editor**](https://support.catapultk12.com/hc/en-us/articles/360049090312-text-editor-element) (for adding text)
- [**Title**](https://support.catapultk12.com/hc/en-us/articles/360049566311-title-element) (for headings)
- [**Gallery**](https://support.catapultk12.com/hc/en-us/articles/360049566531-gallery-element) and [**Slideshow**](https://support.catapultk12.com/hc/en-us/articles/360049566611-slideshow-element) (for images)
- [**Tabbed Element**](https://support.catapultk12.com/hc/en-us/articles/360049566791-tabbed-element)(for stacking large amounts of content)
- [**Video**](https://support.catapultk12.com/hc/en-us/articles/360049573351-video-element) (for embedding videos)
- [**Button**](https://support.catapultk12.com/hc/en-us/articles/360049574671-button-element) (for adding clickable buttons)
- [**Picture Element**](https://support.catapultk12.com/hc/en-us/articles/360049097592-picture-element)
- [**Calendar**](https://support.catapultk12.com/hc/en-us/articles/360049627231-integrate-your-google-calendar-s-into-catapult)(integrate your Google calendar)
- [**Doc List**](https://support.catapultk12.com/hc/en-us/articles/360049574991-doc-list-element)(create lists of links or documents)

You can click on each element's name for a detailed guide on how to use it.

 

 

 

 

#### **Advanced Elements**

![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Sep-27-2024-08-00-34-9830-PM.png?width=294&height=255&name=image-png-Sep-27-2024-08-00-34-9830-PM.png)Below the **Content Elements** section, you’ll find **Advanced Elements**. These are additional tools for more specialized content, such as:

- [**Banner Cropping**](https://support.catapultk12.com/hc/en-us/articles/360049138672-banner-cropping-tool)
- [**Announcements**](https://support.catapultk12.com/hc/en-us/articles/360049575371-announcement-element-add-announcements-on-a-new-page)
- [**Staff Directory**](https://support.catapultk12.com/hc/en-us/articles/360049575311-staff-directory-element-add-directory-to-a-catapult-page)

You can click each advanced element to learn more about how they work.

 

### **Content Clipboard: Copy and Reuse Elements**

![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Sep-27-2024-07-59-17-3053-PM.png?width=290&height=188&name=image-png-Sep-27-2024-07-59-17-3053-PM.png)

At the bottom of the **EDIT** panel, you’ll see the **CONTENT CLIPBOARD**. This gray section lets you save content elements you want to reuse. You can drag and drop content here, then pull it back into your page later.

 

### **Adding Content to Your Page**

To place content on your page:

1. Choose a content element from the **EDIT** panel.
2. Drag it into one of the content regions on your page, which are outlined with grey dotted lines.
3. As you hover over a region, it will turn yellow and say "DROP HERE" to indicate where you can place your element.
4. Once placed, click the element to start editing and adding your content.  
   ![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-26_14-20-01-PNG.png?width=688&height=212&name=2024-09-26_14-20-01-PNG.png)

**Tip:** You can add elements side by side or in different sections of the page. It’s flexible, so you can arrange the content just how you want it!

 

 

- [CMS](https://support.catapultcms.com/cms?hsLang=en#main-content)

    - [Getting Started with Catapult CMS](https://support.catapultcms.com/cms?hsLang=en#getting-started-with-catapult-cms)
    - [The Dashboard](https://support.catapultcms.com/cms?hsLang=en#the-dashboard)
    - [General Editing Information](https://support.catapultcms.com/cms?hsLang=en#general-editing-information)
    - [Basic Elements](https://support.catapultcms.com/cms?hsLang=en#basic-elements)
    - [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements)
    - [File Management](https://support.catapultcms.com/cms?hsLang=en#file-management)
    - [Integrations](https://support.catapultcms.com/cms?hsLang=en#integrations)
    - [Compliance](https://support.catapultcms.com/cms?hsLang=en#compliance)
    - [Configuration](https://support.catapultcms.com/cms?hsLang=en#configuration)
    - [Implementation](https://support.catapultcms.com/cms?hsLang=en#implementation)
- [Connect](https://support.catapultcms.com/connect?hsLang=en#main-content)

    - [Manage Users](https://support.catapultcms.com/connect?hsLang=en#manage-users)
    - [SIS Configuration](https://support.catapultcms.com/connect?hsLang=en#sis-configuration)
    - [Dashboard](https://support.catapultcms.com/connect?hsLang=en#dashboard)
    - [Other](https://support.catapultcms.com/connect?hsLang=en#other)
    - [Organization & Site Resources](https://support.catapultcms.com/connect?hsLang=en#organization-site-resources)
    - [Messages](https://support.catapultcms.com/connect?hsLang=en#messages)
    - [Emergency Resources](https://support.catapultcms.com/connect?hsLang=en#emergency-resources)
    - [Implementation](https://support.catapultcms.com/connect?hsLang=en#implementation)
- [APP](https://support.catapultcms.com/app?hsLang=en#main-content)

    - [App Management](https://support.catapultcms.com/app?hsLang=en#app-management)
- [What's New](https://support.catapultcms.com/whats-new?hsLang=en#main-content)

    - [What's new at CatapultCMS](https://support.catapultcms.com/whats-new?hsLang=en#whats-new-at-catapultcms)
- [Contact Us](https://support.catapultcms.com/contact-us?hsLang=en)
- [Incident Report](https://support.catapultcms.com/incident-report?hsLang=en)
- [Implementation](https://support.catapultcms.com/implementation?hsLang=en#main-content)

    - [Professional Add-On Services](https://support.catapultcms.com/implementation?hsLang=en#professional-add-on-services)

[![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=250&height=49&name=catapult-cms-logotype.png "catapult-cms-logotype")](https://catapultcms.com/)

[CatapultCMS.com](https://catapultcms.com/)

[CMS Login](https://www.catapultcms.com/Login.aspx)

[CONNECT Login](https://www.catapult-connect.com/Account/Login?ReturnUrl=%2F)

Copyright © 2026, CatapultCMS