AI Studio: So passt Du Elemente im AI-Studio an

Landingpages im AI Studio anpassen und optimieren

Zweck

Nach der ersten Generierung einer Landingpage im AI Studio kannst du über den integrierten Chat gezielte Anpassungen vornehmen – Texte, Schriftgrößen, Farben, Bilder, Layout – ohne den Funnelspot-Editor manuell zu öffnen. Das AI Studio funktioniert dabei wie ein virtueller Mitarbeiter: je präziser die Anweisung, desto besser das Ergebnis.

Zielgruppe

• Funnelspot-Nutzer, die eine bereits generierte Landingpage verfeinern möchten
• Technischer Kenntnisstand: Einsteiger / Mittel

Voraussetzungen

• Fertig generierte Landingpage im AI Studio (erster Entwurf vorhanden)
• Klarheit darüber, was angepasst werden soll (Texte, Farben, Schriftgrößen, Bilder, Layout)
• Bilder/Logos als Datei bereit, falls sie eingefügt werden sollen

Prozessüberblick

1. „Ask AI"-Fenster öffnen
2. Anpassungsbedarf identifizieren
3. Präzise Anweisung formulieren und abschicken
4. Ergebnis prüfen
5. Fehler oder unerwünschte Änderungen rückgängig machen
6. Ansichtsspezifische Anpassungen (Mobil / Desktop) gezielt steuern

Schritt 1: „Ask AI"-Fenster öffnen

1. Öffne dein Projekt im AI Studio.
2. Schaue auf der linken Seite nach dem Ask AI-Fenster – das ist der Chat, über den du alle Anpassungen vornimmst.
3. Du kannst direkt im bestehenden Chat weiterschreiben – kein neues Projekt nötig.

Schritt 2: Anpassungsbedarf identifizieren

1. Schaue dir die generierte Seite auf allen Ansichten an: Desktop, Tablet, Mobil.
2. Notiere konkret, was du ändern möchtest – zum Beispiel:
   • Welche Schriftgröße soll größer oder kleiner werden?
   • Welche Farbe soll sich ändern?
   • Wo soll ein Bild eingefügt werden?
   • Welcher Text soll verschoben oder neu positioniert werden?
3. Kopiere die betreffenden Textstellen direkt aus der Seite – so kannst du der KI eindeutig zeigen, was du meinst.

Wichtig: Die KI hat keine visuelle Ansicht deiner Seite. Wenn du nur sagst „passe die Schrift an", weiß sie nicht, welche Schrift du meinst. Immer mit dem exakten Text oder Abschnitt referenzieren.

Schritt 3: Präzise Anweisung formulieren

Baue deine Anweisung so auf, dass klar ist: was, wo und wie geändert werden soll.

Struktur einer guten Anweisung:

[Aktion] + [exakter Text / Element in Anführungszeichen] + [gewünschte Änderung]

Beispiele aus dem Video:

• „Füge oben, wo du den Platzhalter-Logo getrennt hast, dieses Bild ein." (+ Bild über das Plus-Symbol hochladen)
• „Setze diesen Abschnitt [Text in Anführungszeichen] ganz oben in die Headerleiste über das Logo und mache den farblichen Hintergrund über die gesamte Breite der Seite."
• „Verkleinere die Schriftgröße bei [exakter Text] auf 16 px."
• „Vergrößere die Schriftgröße bei [exakter Text] auf 28 px."
• „Mache die hellblaue Box im [Abschnittsname]-Part in Weiß und ändere die Schriftfarbe auf Schwarz."

Mehrere Anpassungen in einer Nachricht: Du kannst mehrere Änderungen auf einmal übergeben. Nutze eine nummerierte Liste oder Spiegelstriche, damit die KI jeden Punkt einzeln abarbeiten kann.

Schritt 4: Anweisung abschicken und Ergebnis prüfen

1. Klicke auf Absenden.
2. Die KI fängt direkt an zu arbeiten – das dauert in der Regel ca. 1 Minute.
3. Nutze die Wartezeit produktiv: Texte gegenchecken, Bilder raussuchen, eine Grafik erstellen, Nachrichten beantworten.
4. Prüfe nach der Umsetzung die Seite auf allen Ansichten (Desktop, Tablet, Mobil).

Wichtig: Falls die Seite nach der Aktualisierung einen Anzeigefehler zeigt, klicke auf Reload. Der Fehler ist meist nur ein Darstellungsproblem, keine fehlerhafte Umsetzung.

Schritt 5: Änderungen rückgängig machen

1. Wenn die KI eine Anpassung auf einer falschen Ansicht vorgenommen hat (z. B. Mobiländerung auch auf Desktop übertragen), schreibe einfach in den Chat:
   • „Kannst du das auf der Desktopansicht bitte rückgängig machen?"
2. Die KI erkennt, was sie geändert hat, und stellt den ursprünglichen Zustand wieder her.

Schritt 6: Ansichtsspezifische Anpassungen steuern

Wenn du Änderungen nur für eine bestimmte Ansicht möchtest, gib das explizit in der Anweisung an.

Format:

Auf der mobilen Ansicht:
- Passe die Schriftgröße bei [Text] auf 14 px an.
- Setze [Text] zentriert.
- Kopiere den oberen Button und setze ihn direkt unter die [Headline].

Wichtig: Ohne den Zusatz „auf der mobilen Ansicht" kann die KI Änderungen auf allen Ansichten gleichzeitig vornehmen. Immer explizit angeben, wenn eine Änderung nur für Desktop oder nur für Mobil gelten soll.

Häufige Fehler & Lösungen

Ergebnis-Check

• Alle gewünschten Änderungen sind auf der richtigen Ansicht umgesetzt
• Schriftgrößen, Farben und Positionen stimmen mit der Vorgabe überein
• Seite wurde auf Desktop, Tablet und Mobil geprüft
• Kein Anzeigefehler sichtbar (ggf. nach Reload)

Best Practices

• Die KI wie einen Mitarbeiter briefen: was + wo + wie – immer alle drei Angaben machen
• Exakte Textstellen immer in Anführungszeichen setzen, damit klar ist, welches Element gemeint ist
• Bilder über das Plus-Symbol im Chat hochladen und im Prompt genau beschreiben, wo sie eingefügt werden sollen
• Wartezeit (ca. 1 Minute pro Anpassungsrunde) aktiv nutzen
• Ansichtsspezifische Änderungen immer mit „Auf der mobilen Ansicht:" oder „Auf der Desktopansicht:" einleiten

Ergebnis

Du kannst deine KI-generierte Landingpage gezielt und effizient über den AI Studio Chat optimieren – ohne manuelles Editieren im Funnelspot-Editor – und erhältst in wenigen Minuten eine fertig angepasste, professionelle Seite.