# Sign in and find your way

Open the back office, switch between clubs and reach each section from the left menu.

Source: https://docs.champagne.dev-ukab.fr/en/guide/staff/getting-started

The [back office](/en/guide#back-office) is the website your club team uses every day. This page shows how to
sign in, how the screen is organized and how to change club, language or display.

## 1. Sign in [#1-sign-in]

Open the back-office address your club gave you. Enter the **Email** and **Password**
of your staff account, then select **Sign in**.

<figure>
  <img src="/images/guide/staff/sign-in.png" alt="Sign in to Champagne page with Email and Password fields, a Sign in button and a Forgot password? link." width="1280" height="800" />

  <figcaption>
    The sign-in page, filled with an example address. The control to use is outlined in orange.
  </figcaption>
</figure>

> Your administrator sends you an invitation email. Open the link in that email to choose your name
> and password. See [Invite your team](/en/guide/admins/invite-your-team).



Forgot your password? Select &#x2A;*Forgot password?**, enter your email and follow the link
you receive to choose a new one.

<figure>
  <img src="/images/guide/staff/forgot-password.png" alt="Forgot password page with an Email field and a Send reset link button." width="448" height="244" />

  <figcaption>
    The page that sends you a reset link.
  </figcaption>
</figure>

<figure>
  <img src="/images/guide/staff/reset-password.png" alt="Choose a new password page with New password and Confirm password fields and a Save password button." width="448" height="356" />

  <figcaption>
    The page the link in the email opens.
  </figcaption>
</figure>

## 2. Get to know the screen [#2-get-to-know-the-screen]

After signing in, Champagne opens the first section you are allowed to use.

<figure>
  <img src="/images/guide/staff/back-office.png" alt="Back office showing the left menu with People selected, the club name Ukab Clubs at the top and a list of members." width="1280" height="800" />

  <figcaption>
    The People section of the example club Ukab Clubs. The numbers match the list below.
  </figcaption>
</figure>

1. The left menu lists the sections you can open, such as **People**, **Reservations**,
   **Chats** or **Finance**. **My account** sits at the bottom, under **Team** for
   administrators.
2. The club name at the top left shows which club you are working on, when your account
   works for several clubs.
3. The section name next to it reminds you where you are.
4. **EN** or **FR** at the top right shows the language of the interface. Select it to
   switch to the other language.
5. The switch next to it turns dark mode on or off.

**Help**, before the language, opens the page of this guide that explains the screen you are on.
On a phone, it sits at the bottom of the menu.

You only see the sections your [role](/en/guide#role) allows. A coach may see **Club calendar**, **My
reservations** and **My availability**, while a manager also sees **People** or **Finance**. Ask your
administrator if a section you need is missing: [Who sees what](/en/guide/admins/who-sees-what)
lists what each permission shows.

## 3. Switch club [#3-switch-club]

If you work for several clubs, select the club name at the top left and pick another
club in the list. A check mark shows the club you are working on. Every section then shows
that club's members, reservations and settings.

<figure>
  <img src="/images/guide/staff/club-switcher.png" alt="Club menu open under Ukab Clubs, listing Astel, Ukab Clubs with a check mark, and Vosges." width="1280" height="800" />

  <figcaption>
    The club menu of an account that works for three example clubs.
  </figcaption>
</figure>

## Next steps [#next-steps]

[Manage members](https://docs.champagne.dev-ukab.fr/en/guide/staff/people)



[Handle reservations](https://docs.champagne.dev-ukab.fr/en/guide/staff/reservations)



[Answer messages](https://docs.champagne.dev-ukab.fr/en/guide/staff/chats)
