AI Studio: Hochwertige & konvertierende Landingpages mit dem AI-Studio erstellen

Konvertierende Landingpage mit dem AI Studio erstellen

Zweck

Mit dem AI Studio in Funnelspot kannst du in wenigen Minuten eine fertige, konvertierende Landingpage generieren – inklusive Desktop-, Tablet- und Mobilansicht – ohne manuelles Verschieben von Elementen im Editor. Der Schlüssel liegt in einem gut aufgebauten Prompt mit fertigem Copywriting, einem Vorlagen-Link und deinen Brandingfarben.

Zielgruppe

• Funnelspot-Nutzer, die Landingpages erstellen (Leadmagnet, Webinar, High-Ticket, etc.)
• Technischer Kenntnisstand: Einsteiger / Mittel

Voraussetzungen

• Aktiver Funnelspot-Account, eingeloggt
• Fertiger Seitentext / Wireframe (Copywriting) – vor der Nutzung des AI Studios vorbereiten
• Hex-Farbcodes deines Brandings (z. B. aus Canva oder dem Funnelspot Style Guide)
• Vorschau-Link einer Funnelspot-Vorlage (passend zum Seitentyp)
• Funnelspot Best-Practice-Prompt aus der Wissensdatenbank

Prozessüberblick

1. Seitentext (Copywriting) vorbereiten
2. Vorlagen-Link aus Funnelspot auswählen
3. Brandingfarben als Hex-Codes bereitstellen
4. Prompt im AI Studio zusammensetzen und befüllen
5. Generierung starten und abwarten
6. Ergebnis prüfen

Schritt 1: Copywriting vorbereiten

1. Erstelle deinen Seitentext vor dem Start im AI Studio – das AI Studio ist für Code und Design ausgelegt, nicht für Copywriting.
2. Nutze dafür ein separates Tool, z. B. den AI Marketing Manager von GrowthMarkt oder ein anderes KI-Tool deiner Wahl.
3. Bereite ein vollständiges Wireframe vor: alle Texte, Headlines, Bullet Points, CTAs – geordnet nach Sektionen (Hero, Vorteile, etc.).
4. Kopiere den fertigen Text, sodass er direkt in den Prompt eingefügt werden kann.

Wichtig: Das AI Studio übernimmt deine Texte exakt so, wie du sie eingibst – es nimmt keine Änderungen oder Verbesserungen vor. Stelle sicher, dass dein Copywriting fertig ist.

Schritt 2: Vorlagen-Link auswählen

1. Gehe in deinem Funnelspot-Account zum Bereich Vorlagen oder öffne die Funnelspot Wissensdatenbank.
2. Wähle die passende Vorlage für deinen Seitentyp (z. B. Webinar-Anmeldeseite, Leadmagnet-Seite, High-Ticket-Seite).
3. Kopiere den Vorschau-Link der gewählten Vorlage.

Wichtig: Die Funnelspot-Vorlagen sind erprobte Frameworks – über sie wurden bereits mehr als 52 Millionen Euro generiert. Nutze diese als Basis, anstatt mit einem leeren Prompt zu starten.

Schritt 3: Brandingfarben bereitstellen

1. Öffne deinen Style Guide (z. B. in Canva oder den Funnelspot Style Guide).
2. Notiere deine Hex-Farbcodesfür:
   • Primärfarbe(n)
   • Akzentfarbe
   • Hintergrundfarbe (optional)
3. Wenn du noch keine definierten Farben hast: Beschreibe die gewünschten Farbtöne in Worten (z. B. „warme Rottöne" oder „minimalistische Grautöne").

Schritt 4: Prompt im AI Studio zusammensetzen

1. Öffne das AI Studio über die linke Seitenleiste in Funnelspot.
2. Rufe den Best-Practice-Prompt aus der Funnelspot Wissensdatenbank ab und kopiere ihn.
3. Füge den Prompt in das Chat-Eingabefeld ein.
4. Befülle den Prompt mit deinen Inhalten – der Prompt enthält folgende Bausteine:

Aufgaben der KI laut Prompt:

• Vorschau-Link abrufen und Struktur sowie Sektionen analysieren
• Seite exakt nach der Vorlage-Struktur aufbauen
• Deine Texte unverändert an den passenden Stellen einfügen
• Vorlagenfarbe durch deine Brandingfarben ersetzen
• Reihenfolge und Aufbau der Vorlage beibehalten

5. Ersetze im Prompt folgende Platzhalter:
   • [Seitentyp] → z. B. „Webinar-Anmeldeseite"
   • [Vorschau-Link] → den kopierten Link aus Schritt 2
   • [Farben] → deine Hex-Codes oder Farbbeschreibungen aus Schritt 3
   • [Seitentext / Wireframe] → deinen fertigen Text aus Schritt 1

Schritt 5: Generierung starten

1. Klicke auf Absenden.
2. Die KI beginnt zu arbeiten – du siehst im Interface, wie sie die Vorlage analysiert und Schritt für Schritt die Sektionen aufbaut (Hero Section, Vorteile, etc.).
3. Warte die Generierung ab – dieser Prozess dauert ca. 2–3 Minuten.

Schritt 6: Ergebnis prüfen

1. Sobald die Generierung abgeschlossen ist, wird die fertige Seite angezeigt.
2. Prüfe:
   • Sind alle Texte korrekt übernommen worden?
   • Stimmen die Farben mit deinem Branding überein?
   • Ist die Seitenstruktur (Sektionen, Reihenfolge) korrekt?
3. Sind Anpassungen nötig (z. B. Farbkorrektur), können diese im nächsten Schritt über das Chat-Interface oder den Funnelspot-Editor vorgenommen werden.

Ergebnis-Check

• Seite wurde in unter 3 Minuten vollständig generiert
• Desktop-, Tablet- und Mobilansicht sind automatisch erstellt
• Alle eigenen Texte sind exakt übernommen
• Brandingfarben sind korrekt eingesetzt
• Vorlage-Struktur ist beibehalten

Best Practices

• Copywriting immer zuerst fertigstellen – nie die KI gleichzeitig texten und designen lassen
• Den offiziellen Funnelspot-Prompt aus der Wissensdatenbank verwenden – nicht frei formulieren
• Mehrere Primär- und Akzentfarben angeben, damit die KI selbst entscheiden kann; danach bei Bedarf manuell anpassen
• Vorlage passend zum Seitentyp wählen (Webinar ≠ Leadmagnet ≠ Sales Page)

Ergebnis

Du hast in ca. 3 Minuten eine vollständige, konvertierende Landingpage generiert – responsiv, mit deinen Texten und in deinem Branding – und bist bereit für die finale Feinabstimmung.