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

# Your Website

> How your group's website is organized, who can edit it, and how changes go live

Every GroupFlow group comes with a website. You edit it directly on the page: turn on **Edit Mode**, click the part of the page you want to change, and edit it in a sidebar.

## Public area and members area

Your website has two areas.

**The public area** is what anyone can see: your home page, About page, Join page, public events list, and any other public pages you create. On public pages you control the whole page — its header, its main content, and its footer.

**The members area** is for members who are logged in. It includes the Members Home page, member pages such as the Resources page, and event pages. On member pages you edit the content of the page; the members-area header, menu, and footer stay the same on every member page.

| | Public pages | Member pages |
| - | - | - |
| Who can see them | Anyone | Logged-in members with an active membership |
| Web address | Anything except `/members/...` and `/events/...` | Always starts with `/members/pages/` |
| What you can edit | Header, main content, and footer | The page's text content |

A new group starts with these pages:

* `/` — Home
* `/about` — About
* `/join` — Join
* `/events/public` — Public events
* `/members/pages/resources` — Resources (members only)
* `/members/pages/mobile-app` — Mobile app (members only)

## Who can edit the website

Members with the **Content Management** permission can edit the website. Members with the **Superuser** permission can too, because Superuser includes every other permission.

To give a member this permission, open the member in the admin area, go to **Admin Permissions**, and turn on **Content Management**. The member's membership must be active.

With this permission, a member can:

* See the **Edit Mode** button on your website, and edit pages, elements, and menus
* Create, clone, and delete pages
* Use the **Design & Web** section of the admin menu, which includes **Web Pages** and **Design Settings**

## How changes go live

There's no separate publish step. When you save a change in the editor, it goes live on your website right away.

* A page you just created can take a few seconds to appear. If you see a "not found" page right after creating one, wait a moment and reload.
* Visitors who already have your website open see your changes the next time they load a page.

You can keep individual elements and pages out of sight while you work on them by leaving them unpublished. See [Published and draft elements](/website/edit-mode#published-and-draft-elements).

## In this section

<CardGroup cols={2}>
  <Card title="Edit Mode" icon="pen-to-square" href="/website/edit-mode">
    Turn on Edit Mode, select elements, and save your changes
  </Card>

  <Card title="Pages" icon="file" href="/website/pages">
    Create, clone, and delete public and member pages
  </Card>

  <Card title="Page Elements" icon="shapes" href="/website/elements">
    Text, images, columns, heroes, headers, and more
  </Card>

  <Card title="Navigation Menus" icon="bars" href="/website/navigation">
    Edit the menus in your header and footer
  </Card>

  <Card title="Design Settings" icon="palette" href="/website/design-settings">
    Colors, fonts, and buttons for your whole site
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.