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

# Ihre erste Landingpage erstellen und veröffentlichen

> Bringen Sie Ihre erste LanderLab-Landingpage in wenigen Minuten online. Seite erstellen, Lead-Formular hinzufügen, CRM verbinden, auf Ihrer Domain veröffentlichen und das Tracking prüfen.

Dieser Leitfaden führt Sie vom leeren Workspace zu einer live geschalteten Landingpage, die echte Leads sammelt. Sie benötigen dafür etwa zehn Minuten.

<Note>
  Alles hier funktioniert mit einem kostenlosen Konto. Einen kostenpflichtigen Tarif benötigen Sie nur, um auf Ihrer eigenen Custom-Domain zu veröffentlichen.
</Note>

## Schritt 1: Die Seite erstellen

In LanderLab gibt es fünf Möglichkeiten, eine Landingpage zu beginnen. Wählen Sie die, die zu Ihrem Ausgangsmaterial passt.

<Columns cols={2}>
  <Column>
    <Card title="Mit KI generieren" icon="sparkles" href="/de/features/landing-pages/create/with-ai">
      Beschreiben Sie Produkt, Zielgruppe und Ziel. Die schnellste Option und die beste Wahl für eine erste Seite.
    </Card>
  </Column>

  <Column>
    <Card title="Mit einer Vorlage starten" icon="table-columns" href="/de/features/landing-pages/create/from-template">
      Wählen Sie ein bewährtes Layout nach Branche und ersetzen Sie Texte und Bilder durch Ihre eigenen.
    </Card>
  </Column>
</Columns>

Sie können außerdem [eine bestehende Seite über eine URL importieren](/de/features/landing-pages/create/import-from-url), [eine ZIP-Datei hochladen](/de/features/landing-pages/create/with-zip) oder [mit einer leeren Arbeitsfläche beginnen](/de/features/landing-pages/create/from-scratch).

<Tip>
  Sie bauen statt einer einzelnen Seite ein Quiz oder ein mehrstufiges Formular? Springen Sie zum [Leitfaden für Quiz-Funnels](/de/features/quizzes/get-started). Alle weiteren Schritte bleiben gleich.
</Tip>

## Schritt 2: Die Inhalte bearbeiten

Die Seite öffnet sich im visuellen Editor. Klicken Sie ein Element an, um es auszuwählen, und ändern Sie es über das rechte Panel.

<Steps>
  <Step title="Texte ersetzen">
    Klicken Sie auf eine Überschrift oder einen Absatz und schreiben Sie darüber. Formatierungsoptionen finden Sie unter [Überschriften und Text](/de/features/editor/elements/headings-text).
  </Step>

  <Step title="Bilder austauschen">
    Wählen Sie ein Bild aus und laden Sie ein eigenes hoch oder nehmen Sie eines aus der integrierten Bibliothek. Details unter [Bilder hinzufügen und anpassen](/de/features/editor/elements/image).
  </Step>

  <Step title="Markenfarben und Schriften festlegen">
    Statt jedes Element einzeln zu gestalten, legen Sie beides einmal unter [Theme-Farben](/de/features/editor/theme/colors) und [globalen Schriften](/de/features/editor/theme/fonts) fest. Alle Elemente übernehmen die Einstellungen automatisch.
  </Step>

  <Step title="Mobilansicht prüfen">
    Wechseln Sie in der Symbolleiste zur Mobilansicht und passen Sie alles an, was gedrängt wirkt – über die Einstellungen für [Sichtbarkeit](/de/features/editor/styles/visibility) und [Abstände](/de/features/editor/styles/spacing).
  </Step>
</Steps>

<Tip>
  Sie müssen denselben Text oder Link an zwanzig Stellen ändern? Nutzen Sie [Text ersetzen](/de/features/editor/quick-actions/replace-text) und [Links ersetzen](/de/features/editor/quick-actions/replace-links), statt jedes Vorkommen einzeln zu bearbeiten.
</Tip>

## Schritt 3: Ein Lead-Formular hinzufügen

Eine Landingpage ohne Erfassungspunkt kann keine Leads generieren. Fügen Sie ein [Newsletter- oder Formularelement](/de/features/editor/elements/newsletter) hinzu und legen Sie anschließend in den [allgemeinen Seiteneinstellungen](/de/features/landing-pages/settings/general) fest, was nach dem Absenden passiert: Weiterleitung auf eine Dankesseite, auf eine Angebots-URL oder Anzeige einer Erfolgsmeldung.

Wenn Sie sensible oder regulierte Daten erfassen, aktivieren Sie die [Validierung](/de/features/quizzes/validation/general), damit ungültige E-Mail-Adressen und Telefonnummern gar nicht erst in Ihrer Datenbank landen.

## Schritt 4: Festlegen, wohin die Leads gehen

Leads werden immer in LanderLab gespeichert, die meisten Teams übergeben sie jedoch gleichzeitig an ein anderes System.

<Columns cols={2}>
  <Column>
    <Card title="An Ihr CRM senden" icon="address-book" href="/de/integrations/crm/klaviyo">
      Klaviyo, HubSpot, ActiveCampaign, Mailchimp, GoHighLevel und weitere.
    </Card>
  </Column>

  <Column>
    <Card title="An einen Käufer oder eine API senden" icon="share-nodes" href="/de/integrations/lead-distribution/webhook">
      Webhook, Google Sheets, LeadsPedia, LeadProsper, Phonexa, LeadByte.
    </Card>
  </Column>
</Columns>

Fügen Sie die Integration über das Panel **Add Integration** auf Ihrer Landingpage hinzu, ordnen Sie Ihre Formularfelder zu und verbinden Sie die Integration anschließend mit der Seite.

## Schritt 5: Tracking einrichten

Installieren Sie Ihr Werbepixel, damit die Traffic-Quelle Conversions zuordnen und darauf optimieren kann. LanderLab bindet das Skript für Sie ein – Sie fügen lediglich eine ID ein.

* [Meta Pixel](/de/integrations/pixels/meta-pixel) und [Meta Conversions API](/de/integrations/pixels/meta-capi)
* [TikTok](/de/integrations/pixels/tik-tok), [Snapchat](/de/integrations/pixels/snapchat), [Taboola](/de/integrations/pixels/taboola), [NewsBreak](/de/integrations/pixels/news-break)
* [Google Analytics](/de/integrations/analytics/google-analytics)

Richten Sie anschließend das [Conversion-Tracking](/de/features/analytics/conversions-tracking) ein, damit LanderLab dieselben Aktionen auswertet wie Ihre Werbeplattform.

## Schritt 6: Veröffentlichen

<Steps>
  <Step title="Domain verbinden">
    Nutzen Sie die [Cloudflare-Integration](/de/features/domain/connect-domain-cloudflare) für die automatische DNS-Einrichtung oder [verbinden Sie manuell](/de/features/domain/manual-connection), indem Sie CNAME- und TXT-Einträge selbst anlegen.
  </Step>

  <Step title="SEO-Einstellungen ausfüllen">
    Hinterlegen Sie Seitentitel, Meta-Beschreibung und Favicon unter [SEO-Einstellungen](/de/features/landing-pages/settings/seo).
  </Step>

  <Step title="Veröffentlichen">
    Klicken Sie auf **Publish**, wählen Sie Domain und Pfad – und die Seite ist live. Alle Details unter [Landingpage veröffentlichen](/de/features/landing-pages/operations/publish).
  </Step>
</Steps>

<Warning>
  Jede Änderung nach der Veröffentlichung erfordert ein [erneutes Veröffentlichen](/de/features/landing-pages/operations/republish), damit sie auf der Live-Seite ankommt. Das gilt auch für neue Integrationen und Pixel.
</Warning>

## Wie es weitergeht

<Columns cols={2}>
  <Column>
    <Card title="Eine zweite Version testen" icon="flask" href="/de/features/analytics/ab-testing">
      Duplizieren Sie die Seite als Variante, teilen Sie den Traffic auf und lassen Sie die Daten den Gewinner bestimmen.
    </Card>
  </Column>

  <Column>
    <Card title="Ergebnisse beobachten" icon="chart-line" href="/de/features/analytics/landing-page">
      Aufrufe, Klicks, Leads und Conversion-Rate nach Land, Gerät und Quelle.
    </Card>
  </Column>
</Columns>