Der AI Builder kann Ihnen dabei helfen, Seiten, Formulare, Abschnitte und andere Website-Elemente zu erstellen. Die Qualität des Ergebnisses hängt jedoch in hohem Maße von den Anweisungen ab, die Sie geben.
Nutzen Sie die folgenden Tipps, um klarere Prompts zu formulieren und genauere Ergebnisse zu erhalten.
Bevor Sie einen Prompt absenden, nehmen Sie sich einen Moment Zeit und überlegen Sie genau, was die AI erstellen oder ändern soll.
Je konkreter Ihre Anweisungen sind, desto leichter kann die AI Ihre Anfrage verstehen und das Ergebnis liefern, das Sie erwarten.
Ein klarer Prompt sollte erklären:
Was Sie erstellen oder ändern möchten
Wo das neue Element erscheinen soll
Welche Informationen oder Funktionen enthalten sein sollen
Wie es aussehen soll
Welche Texte, Farben oder Designvorlieben Sie verwenden möchten
Detaillierte Anweisungen verringern außerdem die Wahrscheinlichkeit, dass die AI Annahmen trifft oder Elemente hinzufügt, die Sie nicht angefordert haben.
Sehen Sie sich zum Beispiel folgenden Prompt an:
"Füge der Website eine Seite hinzu."
Dieser Prompt erklärt nicht, welche Art von Seite hinzugefügt werden soll. Die AI könnte eine Kontaktseite, eine Werbeseite, ein benutzerdefiniertes Formular oder eine andere Art von Seite erstellen.
Da die Anfrage zu allgemein ist, muss die AI entscheiden, welche Art von Seite erstellt werden soll – was zu einem unerwünschten Ergebnis führen kann.
Geben Sie stattdessen einen detaillierteren Prompt an:
"Erstelle eine Kontaktseite, die ein Kontaktformular enthält.
Füge dem Formular die folgenden Felder hinzu:
Vorname
Nachname
Telefonnummer
E-Mail-Adresse
Ein kurzes Textfeld, in dem Besucher erklären können, warum sie mich kontaktieren
Platziere das Formular oben auf der Seite, direkt unter dem Seitentitel.
Setze den Seitentitel auf „Kontaktieren Sie mich“.
Füge unter dem Formular eine blaue Kontakt-Schaltfläche hinzu.
Stelle sicher, dass Seitenhintergrund und Gesamtdesign zum Rest der Website passen."
Dieser Prompt gibt der AI klare Anweisungen zu Seitentyp, Inhalt, Layout, Text und Design.
Dadurch ist es wahrscheinlicher, dass die AI die Seite korrekt erstellt und der Nachbearbeitungsaufwand anschließend geringer ausfällt.
Tipp - Nutzen Sie die Hilfe von AI-Tools wie ChatGPT oder Gemini, um bessere Versionen Ihres Prompts zu formulieren, und geben Sie diese anschließend an den AI Builder weiter, damit er sie ausführt.
Nutzen Sie die Option „Planner“, um im Voraus zu planen. Der Planner ermöglicht es Ihnen, Änderungen und Ergänzungen Ihrer Website mit der AI zu besprechen, ohne dass die AI auch nur eine Zeile Code erstellt, bis Sie dies bestätigen.
So haben Sie die Flexibilität und Freiheit, Ideen auszuarbeiten, bevor Sie sich festlegen und sie Ihrer Website hinzufügen.
Um den Planner zu verwenden, klicken Sie auf das Listen-Symbol links neben der Senden-Schaltfläche, und beschreiben Sie die Änderung, die Sie hinzufügen möchten. Die AI beginnt dann, Optionen vorzuschlagen oder die Schritte zu erklären, die sie ausführen wird. Klicken Sie im Chatfenster auf Jetzt erstellen, um die AI anzuweisen, den Code für die Website zu erstellen.
Klicken Sie erneut auf das Listen-Symbol, um den Planner-Modus zu verlassen und Inhalte direkt zu generieren.
Sie können der AI ein visuelles Beispiel des gewünschten Ergebnisses zur Verfügung stellen.
Zum Beispiel können Sie Folgendes hochladen:
Einen Screenshot Ihrer aktuellen Website
Ein Bild, das ein bevorzugtes Layout zeigt
Einen Screenshot von einer anderen Website mit einem Element, das Ihnen gefällt
Ein Beispiel für eine Farbe, Schaltfläche, einen Abschnitt oder einen Designstil
So erfassen Sie einen Teil Ihrer Website:
Klicken Sie unter dem Chat-Textfeld auf Bildschirmaufnahme (Kamera-Symbol).
Markieren Sie den relevanten Teil Ihrer Website.
Verwenden Sie die Bearbeitungswerkzeuge, um Pfeile oder Kreise um die Elemente zu zeichnen, die die AI prüfen soll.
Klicken Sie auf Zum Chat hinzufügen.
Geben Sie einen Prompt ein, der erklärt, was die AI erstellen oder ändern soll.
Verlassen Sie sich nicht nur auf den Screenshot. Fügen Sie schriftliche Anweisungen hinzu, die klar erläutern, welchen Teil des Bildes die AI verwenden soll und welche Aktion sie ausführen soll.
Zum Beispiel:
Verwenden Sie den angehängten Screenshot als Layout-Referenz. Erstellen Sie einen ähnlichen Abschnitt unterhalb des Headers der Startseite, verwenden Sie dabei jedoch die Farben und Schriftarten, die bereits auf meiner Website genutzt werden.
Verschiedene AI-Modelle können dieselbe Anfrage unterschiedlich bearbeiten.
Ein Modellwechsel kann hilfreich sein, wenn:
Sie möchten, dass die AI eine komplexere Anfrage analysiert
Das aktuelle Modell nicht das erwartete Ergebnis liefert
Die AI Ihre Anweisungen wiederholt missversteht
Sie möchten die Ergebnisse verschiedener Modelle vergleichen
So ändern Sie das AI-Modell:
Klicken Sie unter dem Chat-Textfeld auf das Robot-Symbol.
Wählen Sie ein anderes AI-Modell aus.
Überprüfen Sie Ihren Prompt und stellen Sie sicher, dass er klare und detaillierte Anweisungen enthält.
Senden Sie den Prompt erneut ab.
Ein Modellwechsel kann das Ergebnis verbessern, dennoch ist es weiterhin wichtig, einen vollständigen und konkreten Prompt bereitzustellen.
Hinweis: Verschiedene AI-Modelle können unterschiedlich viele AI-Credits verwenden. Die Credit-Kosten können je nach ausgewähltem Modell höher oder niedriger ausfallen.