# Website: Erste Schritte

{/* 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>
Beim ersten Öffnen des Website-Tools führt dich ein **Einrichtungs-Assistent** in drei Schritten zur fertigen Grundstruktur: Büro-Daten prüfen, Branding bestätigen, Startpaket wählen. Danach steht deine Website mit Beispiel-Inhalten bereit zum Bearbeiten. Nichts davon ist öffentlich, bis du bewusst veröffentlichst.
</Lead>

## Der Einrichtungs-Assistent

<Steps>
  <Step title="Büro-Daten">
    Die Felder **Büro / Firma** (Pflicht), **Straße und Hausnummer**, **PLZ**, **Ort**, **Telefon** und **E-Mail** sind bereits ausgefüllt: "Aus deinem Workspace vorausgefüllt. Nur noch prüfen." Diese Angaben erscheinen später im Footer, auf der Kontaktseite und im generierten Impressum. Prüfen, gegebenenfalls korrigieren, **Weiter**.
  </Step>
  <Step title="Branding">
    "Deine Website übernimmt Logo und Farben automatisch aus dem Workspace-Branding." Es gibt hier nichts einzustellen: **Branding passt** übernimmt den Stand, **Branding ansehen** öffnet **Einstellungen > Erscheinungsbild**, falls du Logo oder Farben vorher anpassen willst. Mehr dazu unter [Design und Branding](/tools/website/design).
  </Step>
  <Step title="Startpaket">
    Du wählst, mit welchem Seiten-Set deine Website startet. "Jedes Paket startet mit fertigen Beispiel-Inhalten zum Anpassen. Nichts geht live, bevor du veröffentlichst." Mit **Website anlegen** wird die Struktur erstellt; die Bestätigung lautet "Deine Website steht bereit zum Bearbeiten."
  </Step>
</Steps>

Die drei Startpakete:

<DefinitionList>
  <DefItem term="Komplett-Auftritt">Der volle Makler-Auftritt mit den Seiten Start · Immobilien · Verkaufen · Über uns · Kontakt. "Sofort inhaltlich arbeiten statt strukturieren."</DefItem>
  <DefItem term="Kompakt">Schlanker Einstieg mit den zwei wichtigsten Seiten: Start · Kontakt. Jederzeit beliebig erweiterbar.</DefItem>
  <DefItem term="Selbst zusammenstellen">Nur die Startseite als Basis; alle weiteren Seiten legst du selbst über [Seiten verwalten](/tools/website/seiten) an.</DefItem>
</DefinitionList>

<Info title="Egal welches Paket: alles bleibt änderbar">
Die Paket-Wahl legt nur den Start-Seitenbaum fest. Seiten lassen sich danach hinzufügen, umbenennen, umsortieren und (außer System-Seiten) löschen. Impressum und Datenschutz legt das Tool immer an, sie hängen im Footer.
</Info>

## Die Checkliste "Bis zum Live-Gang"

Solange noch Schritte offen sind, zeigt die Übersicht die Karte **Bis zum Live-Gang** mit drei Punkten:

<Checklist>
  <ChecklistItem>**Büro-Daten hinterlegt**: die Angaben aus Schritt 1, ergänzt um die Impressums-Pflichtfelder im Bereich [Rechtliches](/tools/website/rechtliches).</ChecklistItem>
  <ChecklistItem>**Seiten angelegt**: mindestens eine Seite existiert (durch das Startpaket automatisch erledigt).</ChecklistItem>
  <ChecklistItem>**Website veröffentlicht**: die erste Veröffentlichung ist erfolgt (siehe unten).</ChecklistItem>
</Checklist>

Erledigte Punkte werden abgehakt und durchgestrichen; ist alles erledigt, verschwindet die Karte.

## Erster Rundgang: die Bereiche

Die Sidebar des Tools ("Website-Bereiche") gliedert alles in sieben Einträge:

<DefinitionList>
  <DefItem term="Übersicht">Status deiner Website ("Live", "In Einrichtung", "Nicht veröffentlicht" oder "Pausiert"), Vorschau-Karte, Seiten-Zähler, neue Anfragen, Warnhinweise (fehlende Energieausweis-Angaben, unbeantwortete Anfragen) und die Checkliste.</DefItem>
  <DefItem term="Seiten">Alle Seiten mit Status-Chip, Reihenfolge und Navigation. Von hier öffnest du den [Editor](/tools/website/editor). Details: [Seiten verwalten](/tools/website/seiten).</DefItem>
  <DefItem term="Team">Öffentliche [Team-Profile](/tools/website/team) für den Team-Block, inklusive Ein-Klick-Import aus der Mitglieder-Verwaltung.</DefItem>
  <DefItem term="Anfragen">Die Lead-Inbox. Der Badge an diesem Eintrag zeigt die Zahl neuer Anfragen. Details: [Anfragen](/tools/website/anfragen).</DefItem>
  <DefItem term="SEO">Weiterleitungs-Manager und Suchmaschinen-Grundlagen. Details: [SEO-Basics](/tools/website/seo).</DefItem>
  <DefItem term="Rechtliches">Impressums-Angaben, Rechtstext-Generatoren, Tracking-IDs, eigene Ergänzungen. Details: [Rechtliches](/tools/website/rechtliches).</DefItem>
  <DefItem term="Domain">Führt zur zentralen Domain-Verwaltung unter **Einstellungen > Domain**. Domains gehören zum Workspace, nicht zum Tool. Anleitung: [Eigene Domain verbinden](/tools/website/domains).</DefItem>
</DefinitionList>

## Der Weg zum ersten Live-Gang

<Steps>
  <Step title="Inhalte anpassen">
    Öffne unter **Seiten** die Startseite und ersetze die Beispiel-Texte und -Bilder durch deine eigenen. Der [Editor](/tools/website/editor) speichert automatisch; die KI-Aktion **Texte generieren** hilft bei Formulierungen.
  </Step>
  <Step title="Rechtliches vervollständigen">
    Fülle im Bereich **Rechtliches** die Impressums-Angaben aus und generiere Impressum und Datenschutzerklärung als Entwurf. Pflicht für den ersten Live-Gang sind Büro/Firma, Straße, PLZ, Ort, E-Mail und die **Erlaubnisbehörde nach § 34c GewO**.
  </Step>
  <Step title="Prüfen">
    Öffne die Vorschau über **Vorschau öffnen** in der Übersicht oder teile den Entwurf per **Entwurf teilen** mit Kolleginnen und Kollegen (Link 7 Tage gültig, nie von Suchmaschinen indexiert).
  </Step>
  <Step title="Veröffentlichen">
    Veröffentliche die Seiten (Berechtigung vorausgesetzt, standardmäßig Owner und Admins). Beim allerersten Mal bestätigt das Tool: "Veröffentlicht! Ihre Website ist jetzt live." Details: [Veröffentlichen und Versionen](/tools/website/veroeffentlichen).
  </Step>
  <Step title="Domain verbinden">
    Verbinde unter **Einstellungen > Domain** deine eigene Adresse. Erst mit bestätigter Domain ist die Website unter deinem Namen erreichbar und wird von Google indexiert.
  </Step>
</Steps>

<Warning title="Erst-Publish-Gate: ohne Impressum kein Live-Gang">
Fehlen Impressums-Pflichtangaben, blockiert das Tool die erste Veröffentlichung mit der Meldung "Vor dem ersten Live-Gang fehlen Impressums-Pflichtangaben: ... Bitte im Bereich Rechtliches ergänzen." Die Meldung listet die konkreten Felder auf. Das ist Absicht: Eine öffentliche Makler-Website ohne Impressum wäre abmahnfähig.
</Warning>

## Weiterführend

Als Nächstes: [Seiten verwalten](/tools/website/seiten) für den Seitenbaum und die Seiten-Einstellungen, oder direkt [Der Editor](/tools/website/editor) für die Arbeit an Inhalten. Zurück zur [Website-Übersicht](/tools/website).