Was ist der Landing Page Builder?

Der Landing Page Builder kombiniert zwei Werkzeuge:

• Unternehmer-Expertenseite – Eine vollständige One-Pager-Website für dein Unternehmen, die auf deinem Storyfundament basiert.

• Landing Page Ersteller – Spezifische Landing Pages für Produkte, Dienstleistungen, Webinare oder Lead-Magneten.

Christiani.AI generiert auf Basis deiner Daten eine fertige, veröffentlichungsfähige Seite. Im integrierten Chat-Editor kannst du anschließend per natürlicher Sprache Änderungen vornehmen – an Texten, Farben, Bildern, Layout und mehr.

So funktioniert der Workflow

Phase 1: Seite generieren Christiani.AI erstellt auf Basis deines Unternehmensprofils, deiner Markenstimme und deiner Produkte eine fertige Landing Page – inklusive Headline, Subheadline, Problemdarstellung, Lösung, Referenzen und Call-to-Action.

Phase 2: Per Chat anpassen Im integrierten Chat-Editor teilst du der KI in normaler Sprache mit, was du ändern möchtest. Die KI setzt deine Anweisungen direkt um und du siehst das Ergebnis sofort.

Phase 3: Veröffentlichen Sobald die Seite deinen Vorstellungen entspricht, kannst du sie direkt aus dem Builder heraus veröffentlichen.

Schritt-für-Schritt Anleitung

Schritt 1: Voraussetzungen prüfen

Bevor du eine Landing Page erstellst, stelle sicher, dass folgendes in deiner Datenbasis hinterlegt ist:

• ✅ Unternehmensprofil ausgefüllt

• ✅ Markenstimme definiert

• ✅ Mindestens ein Produkt oder eine Dienstleistung angelegt

• ✅ Storyfundament ausgefüllt (besonders wichtig für die Unternehmer-Expertenseite)

Tipp: Je vollständiger dein Profil ist, desto besser wird die generierte Seite. Wenn du mit dem Ergebnis unzufrieden bist, liegt es in den meisten Fällen daran, dass wichtige Informationen in der Datenbasis noch fehlen.

Schritt 2: Seite erstellen

Für eine Unternehmer-Expertenseite:

1. Navigiere zum Funnel-Experten

2. Klicke auf „Unternehmer-Expertenseite"

3. Prüfe, ob alle Storyfundament-Elemente vorhanden sind. Falls nicht, füge sie manuell hinzu

4. Optional: Wissensdatenbank aktivieren und zusätzlichen Kontext eingeben

5. Klicke auf „Expertenseite erstellen"

6. Die Seite wird in 1–2 Minuten generiert

Für eine spezifische Landing Page:

1. Navigiere zum Landing Page Ersteller

2. Gib der Seite einen Titel (z. B. „Webinar-Anmeldeseite Oktober")

3. Wähle den Landing Page Typ:

   • Lead Magnet – für kostenlose Downloads und Opt-ins

   • Webinar – für Live-Events und Online-Seminare

   • Produkt / Dienstleistung – für direkte Angebote

4. Wähle das zugehörige Produkt oder den Lead Magneten aus

5. Lege die Call-to-Action fest (z. B. „Jetzt kostenlos anmelden")

6. Optional: Referenzgeschichten auswählen, Wissensdatenbank aktivieren, zusätzlichen Kontext eingeben

7. Klicke auf „Landing Page erstellen"

Schritt 3: Seite per Chat anpassen

Sobald die Seite generiert ist, öffne den Chat-Editor. Hier kannst du der KI in normaler Sprache mitteilen, was du ändern möchtest.

So gibst du Chat-Anweisungen ein:

1. Öffne den Chat-Editor deiner Seite

2. Tippe deine Änderungswünsche in das Chat-Feld

3. Die KI setzt die Änderung direkt um

4. Du siehst das Ergebnis sofort in der Vorschau

Bilder und Screenshots hochladen

Du hast zwei Möglichkeiten, visuelle Inhalte in den Builder einzubringen:

Eigene Bilder hochladen

Lade Fotos, Logos oder Grafiken hoch, die die KI in die Seite einbauen soll.

Geeignete Bilder:

• Profilfotos oder Teamfotos

• Produktfotos

• Logos und Icons

• Grafiken und Illustrationen

Empfohlene Formate: JPG, PNG (max. 5 MB pro Bild)

Beispiel-Anweisung nach dem Upload:

„Füge mein hochgeladenes Profilfoto in den Header-Bereich ein, direkt neben der Headline."

„Ersetze das Platzhalterbild im Hero-Bereich durch mein hochgeladenes Produktfoto."

Screenshots hochladen, um Änderungen zu zeigen

Wenn du der KI zeigen möchtest, was sie anpassen soll, mache einen Screenshot der aktuellen Seite und lade ihn hoch.

Wann ist das sinnvoll?

• Du möchtest ein konkretes Element ändern und zeigen, wo es sich befindet

• Du willst einen bestimmten Bereich deiner Seite überarbeiten lassen

• Du hast eine Referenzseite, an der du dich orientieren möchtest

Beispiel-Anweisung mit Screenshot:

„Siehst du im Screenshot den roten Button? Ändere die Farbe auf mein Unternehmensblau (#0047AB) und mache den Text größer."

„Im Screenshot siehst du meinen aktuellen Hero-Bereich. Gestalte ihn ähnlich, aber mit diesem neuen Headline-Text: [Text]."

Prompt-Beispiele für den Chat-Editor

Hier sind erprobte Anweisungen, die du direkt im Chat-Editor verwenden kannst. Kopiere einfach den Text, passe die Inhalte an und füge es in den Chat-Editor ein:

Texte anpassen

Ändere die Headline in: "In 90 Tagen zur klaren Positionierung – garantiert."

Schreibe die Subheadline kürzer und direkter. Maximal 15 Wörter. 

Ersetze alle „Sie"-Formulierungen durch „Du"-Formulierungen auf der gesamten Seite. 

Füge nach der Problemsektion einen neuen Abschnitt mit dem Titel „Das bekommst du" ein und liste folgende drei Punkte auf: [Punkt 1], [Punkt 2], [Punkt 3] 

Design und Farben

Ändere die Hintergrundfarbe des Hero-Bereichs auf ein helles Grau (#F5F5F5). 

Mache alle primären Buttons in der Farbe #E84A2F und runde die Ecken stärker ab. 

Erhöhe den Weißraum zwischen den Sektionen – die Seite wirkt zu gedrängt. 

Ändere die Schriftgröße der Headline auf Mobile – sie ist zu groß auf kleinen Bildschirmen. 

Bilder und Medien

Ersetze das Platzhalterbild im ersten Abschnitt durch das Bild, das ich gerade hochgeladen habe. 

Füge mein Logo oben links in die Navigation ein. 

Entferne alle Platzhalterbilder und ersetze sie durch farbige Hintergrundblöcke in meiner Primärfarbe. 

Layout und Struktur

Verschiebe den Testimonial-Bereich nach oben – direkt unter den Hero-Bereich. 

Füge einen zweiten Call-to-Action-Button am Ende der Seite ein mit dem Text „Jetzt Termin buchen". 

Entferne die FAQ-Sektion komplett. 

Mache die Seite kompakter – kürze jeden Abschnitt um etwa 30 %. 

Mobile Optimierung

Prüfe die mobile Ansicht und stelle sicher, dass alle Texte gut lesbar sind. 

Der Navigationsbereich soll auf Mobile ausgeblendet werden. 

Auf Mobile sollen die Bullet Points untereinander angezeigt werden, nicht nebeneinander. 

Best Practice Prompts

Diese Prompt-Vorlagen helfen dir, häufige Anforderungen schnell und präzise umzusetzen:

Für Coaches und Berater

Erstelle einen „Über mich"-Bereich, der meine Expertise betont. Ich bin [deine Tätigkeit] und helfe [Zielgruppe] dabei, [Ergebnis zu erreichen]. Verwende einen persönlichen, einladenden Ton. 

Für Webinar-Seiten

Füge eine Countdown-Sektion hinzu mit dem Text: „Das Webinar startet am [Datum] um [Uhrzeit] Uhr." Gestalte sie auffällig mit einem farbigen Hintergrund. 

Für Lead-Magnet-Seiten

Erstelle eine kurze Bullet-Point-Liste mit 5 konkreten Vorteilen meines kostenlosen [Name des Lead-Magneten]. Jeder Punkt soll mit einem Ergebnis beginnen, nicht mit einem Feature. 

Für Social Proof

Füge einen Testimonial-Bereich mit drei Kundenzitaten ein. Verwende folgende echte Zitate: [Zitat 1 – Name, Position] [Zitat 2 – Name, Position] [Zitat 3 – Name, Position] 

Allgemeine Optimierung

Analysiere die aktuelle Seite und schlage drei konkrete Verbesserungen vor, um die Conversion-Rate zu erhöhen. Setze die wichtigste Verbesserung direkt um. 

Veröffentlichung und gespeicherte Seiten

Sobald du mit deiner Seite zufrieden bist, kannst du sie direkt aus dem Builder heraus veröffentlichen.

Alle erstellten Seiten werden automatisch gespeichert und sind jederzeit aufrufbar:

• Expertenseiten unter Meine Expertenseiten

• Landing Pages unter Meine Landing Pages

Du kannst jederzeit zurückkehren, weitere Anpassungen über den Chat-Editor vornehmen und die Seite erneut veröffentlichen.

Häufige Fragen

Die KI erstellt Inhalte, die nicht zu mir passen. Was tun?

Das liegt meistens daran, dass das Unternehmensprofil oder die Produkte in der Datenbasis unvollständig sind. Gehe in die Datenbasis, ergänze fehlende Informationen und erstelle danach eine neue Version der Seite.

Kann ich mehrere Versionen einer Seite erstellen?

Ja. Erstelle einfach eine neue Landing Page oder Expertenseite – alle Versionen bleiben gespeichert und können jederzeit aufgerufen werden.

Die Seite sieht nicht nach meiner Marke aus.
Gib im Chat-Editor deine genauen Hex-Farbcodes an, z. B.: „Passe alle Farben an meine Corporate-Design-Farben an: Primärfarbe #XX, Sekundärfarbe #XX." Du kannst in den Chat auch Screenshots hochladen, um der KI mitzuteilen, wie die Seite aussehen soll.

Wie viele Bilder kann ich hochladen?
Du kannst Bilder direkt im Chat-Editor hochladen (via Drag-and-Drop oder per Anhang-Upload). Für eine optimale Verarbeitung empfehlen sich Bilder unter 5 MB im JPG- oder PNG-Format.

Die Seite ist auf Englisch generiert worden. Was tun?
Prüfe deine Spracheinstellung unter Nutzer-Profil. Stelle sicher, dass Deutsch ausgewählt ist. Alle nachfolgenden Ausgaben werden dann auf Deutsch generiert.

Meine Chat-Anweisung wurde nicht richtig umgesetzt.
Formuliere die Anweisung konkreter. Statt „Mach es schöner" lieber: „Vergrößere den Zeilenabstand im Fließtext auf 1,6 und erhöhe die Schriftgröße auf 17px." Je präziser deine Anweisung, desto besser das Ergebnis.

Weiterführende Funktionen

Folgende Christiani.AI Tools ergänzen den Landing Page Builder optimal:

Empfohlener Workflow:

1. Storyfundament ausfüllen

2. Landing Page generieren

3. Per Chat verfeinern und Bilder hinzufügen

4. Referenzgeschichten einbauen

5. Seite veröffentlichen

6. Facebook Anzeigen und Social-Media-Posts zur Seite erstellen