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

# CMS overview

> Understand the Studio areas used to manage a careers site.

export function LessonFooterBack() {
  return <a className="lesson-footer-back" href="/learn/overview">
      <svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
        <path d="M19 12H5"></path>
        <path d="m12 19-7-7 7-7"></path>
      </svg>
      Back to CMS fundamentals
    </a>;
}

export function LessonHeaderBack() {
  useEffect(() => {
    const header = document.querySelector("#header");
    if (!header || header.querySelector(".lesson-header-back")) {
      return undefined;
    }
    const link = document.createElement("a");
    link.className = "lesson-header-back";
    link.href = "/learn/overview";
    link.setAttribute("aria-label", "Back to CMS fundamentals");
    link.setAttribute("title", "Back to CMS fundamentals");
    link.innerHTML = `
      <svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <path d="M19 12H5"></path>
        <path d="m12 19-7-7 7-7"></path>
      </svg>
    `;
    header.append(link);
    return () => link.remove();
  }, []);
  return null;
}

<LessonHeaderBack />

<Frame caption="3 min 53 sec — CMS overview">
  <iframe className="w-full aspect-video rounded-xl" src="https://www.loom.com/embed/6858fccd707a41599f8197e576f2f92d" title="CMS overview" allowFullScreen />
</Frame>

<LessonFooterBack />

<Accordion title="Read the lesson" icon="file-lines">
  ## What you will learn

  This lesson is a tour of Studio and the CMS. By the end, you will know where to find the main areas and what each CMS area is for.

  ## Finding your way around Studio

  After you select an organisation, use the **left-hand navigation** to move around Studio. You may only see the areas and actions your permissions allow.

  | Area          | What it is for                                                              |
  | ------------- | --------------------------------------------------------------------------- |
  | **CMS**       | Build and manage careers-site pages and content.                            |
  | **Insights**  | Review candidate journeys, source performance, and careers-site engagement. |
  | **AI Agents** | Configure assistants that help candidates find opportunities.               |
  | **Settings**  | Manage organisation settings, domains, and user access.                     |
  | **Flows**     | Configure node-based candidate data-capture and application journeys.       |

  For these lessons, everything happens inside **CMS**.

  ## The areas inside the CMS

  <Note>
    Most of these areas are configured for you when your site is built. This overview is so you know what each one does and where to find it — later lessons cover the ones you will actually use.
  </Note>

  * **Uploads** — the shared library for images, videos, fonts, documents, and other media used in the CMS.
  * **Templates** — pre-built section layouts provided by inploi. Inserting one creates an independent copy that you can customise on the page.
  * **Prefabs** — saved, reusable sections for content you want to keep in sync across pages. A page uses a live reference; published prefab updates appear everywhere it is used.
  * **Themes** — the style guide for your brand: colours, fonts, typography, and component styles.
  * **Pages** — create, edit, and publish the pages on your careers site.

  <Tip>
    New terms such as section, column, block, and slug are all defined in the [CMS glossary](/studio/cms/glossary).
  </Tip>
</Accordion>

<Accordion title="Video transcript">
  <Note>
    Edited for clarity and current terminology.
  </Note>

  ### 0:00

  This is the Studio navigation. **CMS** is where you build and manage your careers site. Other areas may include **Insights**, **AI Agents**, **Settings**, and **Flows**, depending on your organisation and permissions.

  ### 1:00

  In CMS, **Uploads** stores the files used on your site. **Templates** are pre-built section layouts you can insert as a starting point; each insertion is an independent copy.

  ### 2:00

  **Prefabs** are reusable sections that stay linked to the pages using them. When you update and publish a prefab, its changes appear wherever it is used. **Themes** hold your site's visual system, including colours, fonts, typography, and component styles.

  ### 3:00

  Open **Pages** to create, edit, and publish the pages on your careers site. The next lesson covers Uploads.
</Accordion>

## Related articles

* [CMS overview](/studio/cms/overview)
* [CMS glossary](/studio/cms/glossary)
* [The page editor](/studio/cms/pages/page-editor)

Next up: [Uploads](/learn/uploads).