# Website: Getting started

{/* AUTO-SYNCED SOURCE: this page lives in apps/app/src/modules/website/docs/ and is mirrored into the docs app by `bun sync:module-docs`. Edit it in the module, not in apps/docs. */}

<Lead>
The first time you open the Website tool, a **setup wizard** walks you through three steps to a working base structure: confirm your office details, confirm your branding, pick a starter package. Afterwards your website is ready for editing, filled with sample content. None of it is public until you deliberately publish.
</Lead>

## The setup wizard

<Steps>
  <Step title="Office details">
    The fields **Büro / Firma** (office/company, required), street and number, postal code, city, phone and email arrive pre-filled: "Aus deinem Workspace vorausgefüllt. Nur noch prüfen." (pre-filled from your workspace, just review). These details later appear in the footer, on the contact page and in the generated imprint. Review, correct if needed, continue with **Weiter**.
  </Step>
  <Step title="Branding">
    "Deine Website übernimmt Logo und Farben automatisch aus dem Workspace-Branding." (your website automatically adopts logo and colors from your workspace branding). There is nothing to configure here: **Branding passt** (branding is fine) accepts it, **Branding ansehen** (view branding) opens **Settings > Appearance** if you want to adjust logo or colors first. More under [Design and branding](/tools/website/design).
  </Step>
  <Step title="Starter package">
    Choose which set of pages your website starts with. "Jedes Paket startet mit fertigen Beispiel-Inhalten zum Anpassen. Nichts geht live, bevor du veröffentlichst." (every package starts with editable sample content; nothing goes live before you publish). **Website anlegen** (create website) builds the structure; the confirmation reads "Deine Website steht bereit zum Bearbeiten." (your website is ready for editing).
  </Step>
</Steps>

The three starter packages:

<DefinitionList>
  <DefItem term="Komplett-Auftritt (complete presence)">The full agency website with the pages Start · Immobilien · Verkaufen · Über uns · Kontakt (home, listings, selling, about, contact). Start working on content right away instead of structuring.</DefItem>
  <DefItem term="Kompakt (compact)">A lean start with the two most important pages: Start · Kontakt (home and contact). Extend it any time.</DefItem>
  <DefItem term="Selbst zusammenstellen (build your own)">Only the home page as a base; you create all other pages yourself under [Managing pages](/tools/website/seiten).</DefItem>
</DefinitionList>

<Info title="Whatever you pick, everything stays editable">
The package choice only defines the initial page tree. Pages can be added, renamed, reordered and (except system pages) deleted afterwards. The tool always creates the imprint and privacy pages; they are anchored in the footer.
</Info>

## The go-live checklist

As long as steps remain open, the overview shows the card **Bis zum Live-Gang** (until you go live) with three items:

<Checklist>
  <ChecklistItem>**Büro-Daten hinterlegt** (office details saved): the details from step 1, completed by the mandatory imprint fields in the [Legal](/tools/website/rechtliches) area.</ChecklistItem>
  <ChecklistItem>**Seiten angelegt** (pages created): at least one page exists (the starter package takes care of this automatically).</ChecklistItem>
  <ChecklistItem>**Website veröffentlicht** (website published): the first publish has happened (see below).</ChecklistItem>
</Checklist>

Completed items are ticked and struck through; once everything is done the card disappears.

## A first tour: the areas

The tool's sidebar ("Website-Bereiche") organizes everything into seven entries:

<DefinitionList>
  <DefItem term="Übersicht (overview)">Your website's status ("Live", "In Einrichtung" (in setup), "Nicht veröffentlicht" (not published) or "Pausiert" (paused)), preview card, page counters, new enquiries, warnings (missing energy certificate fields, unanswered enquiries) and the checklist.</DefItem>
  <DefItem term="Seiten (pages)">All pages with status chip, order and navigation. This is where you open the [editor](/tools/website/editor). Details: [Managing pages](/tools/website/seiten).</DefItem>
  <DefItem term="Team">Public [team profiles](/tools/website/team) for the team block, including one-click import from the member management.</DefItem>
  <DefItem term="Anfragen (enquiries)">The lead inbox. The badge on this entry shows the number of new enquiries. Details: [Enquiries](/tools/website/anfragen).</DefItem>
  <DefItem term="SEO">Redirect manager and search engine basics. Details: [SEO basics](/tools/website/seo).</DefItem>
  <DefItem term="Rechtliches (legal)">Imprint details, legal text generators, tracking IDs, custom additions. Details: [Legal](/tools/website/rechtliches).</DefItem>
  <DefItem term="Domain">Leads to the central domain management under **Settings > Domain**. Domains belong to the workspace, not to the tool. Guide: [Connecting your domain](/tools/website/domains).</DefItem>
</DefinitionList>

## The path to your first go-live

<Steps>
  <Step title="Adapt the content">
    Open the home page under **Seiten** and replace the sample texts and images with your own. The [editor](/tools/website/editor) saves automatically; the AI action **Texte generieren** (generate copy) helps with wording.
  </Step>
  <Step title="Complete the legal details">
    Fill in the imprint fields in the **Rechtliches** area and generate the imprint and privacy policy as drafts. Required for the first go-live: office/company, street, postal code, city, email and the **licensing authority under section 34c GewO**.
  </Step>
  <Step title="Review">
    Open the preview via **Vorschau öffnen** (open preview) in the overview, or share the draft with colleagues via **Entwurf teilen** (share draft). The link stays valid for 7 days and is never indexed by search engines.
  </Step>
  <Step title="Publish">
    Publish the pages (permission required, owners and admins by default). The very first time, the tool confirms: "Veröffentlicht! Ihre Website ist jetzt live." (published, your website is now live). Details: [Publishing and versions](/tools/website/veroeffentlichen).
  </Step>
  <Step title="Connect your domain">
    Connect your own address under **Settings > Domain**. Only with a verified domain is the website reachable under your name and indexed by Google.
  </Step>
</Steps>

<Warning title="First-publish gate: no go-live without an imprint">
If mandatory imprint fields are missing, the tool blocks the first publish with the message "Vor dem ersten Live-Gang fehlen Impressums-Pflichtangaben: ... Bitte im Bereich Rechtliches ergänzen." (mandatory imprint fields are missing before the first go-live, please complete them in the Legal area). The message lists the exact fields. This is deliberate: a public agency website without an imprint would invite legal warnings in Germany.
</Warning>

## Further reading

Next up: [Managing pages](/tools/website/seiten) for the page tree and page settings, or jump straight to [The editor](/tools/website/editor) to work on content. Back to the [Website overview](/tools/website).