Der AI Builder kann Ihnen dabei helfen, Seiten, Formulare, Abschnitte und weitere Website-Elemente zu erstellen. Die Qualität des Ergebnisses hängt maßgeblich von den Anweisungen ab, die Sie geben.
Nutzen Sie die folgenden Tipps, um klarere Prompts zu schreiben und präzisere Ergebnisse zu erhalten.
Bevor Sie einen Prompt absenden, nehmen Sie sich kurz Zeit und überlegen Sie, was die AI genau erstellen oder ändern soll.
Je spezifischer Ihre Anweisungen sind, desto leichter kann die AI Ihre Anfrage verstehen und das erwartete Ergebnis liefern.
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 reduzieren außerdem die Wahrscheinlichkeit, dass die AI Annahmen trifft oder Elemente hinzufügt, die Sie nicht angefordert haben.
Betrachten Sie zum Beispiel den folgenden Prompt:
"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 Seitenart erstellen.
Da die Anfrage zu allgemein ist, muss die AI entscheiden, welche Seite sie erstellen soll – das kann zu einem unerwünschten Ergebnis führen.
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 einen blauen Kontakt-Button 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 sich der spätere Bearbeitungsaufwand reduziert.
Tipp – nutzen Sie 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 umsetzt.
Nutzen Sie die Option „Planner“, um im Voraus zu planen. Der Planner ermöglicht es Ihnen, Änderungen und Ergänzungen an Ihrer Website mit der AI zu besprechen, ohne dass die AI eine einzige 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 erläutern, die sie als Nächstes ausführen wird. Klicken Sie im Chatfenster auf Jetzt erstellen , um die AI anzuweisen, den Code für die Website zu erzeugen.
Klicken Sie erneut auf das Listen-Symbol, um den Planner-Modus zu verlassen und Inhalte direkt zu generieren.
Tipp -Nutzen Sie die AI-Vorschläge oberhalb des Chat-Textbereichs, um der AI schnell mögliche Aufgaben vorzugeben.
Sie können der AI ein visuelles Beispiel des gewünschten Ergebnisses liefern.
Sie können zum Beispiel 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, einen Button, einen Abschnitt oder einen Designstil
So erfassen Sie einen Teil Ihrer Website:
Klicken Sie unterhalb des Chat-Textfelds auf Screen Capture (Kamera-Symbol).
Erfassen Sie den relevanten Bereich Ihrer Website.
Nutzen Sie die Bearbeitungswerkzeuge, um Pfeile oder Kreise um die Elemente zu zeichnen, die die AI überprü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 Homepage-Headers, verwenden Sie jedoch die Farben und Schriftarten, die bereits auf meiner Website genutzt werden.
Verschiedene AI-Modelle können dieselbe Anfrage unterschiedlich angehen.
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 die Ergebnisse verschiedener Modelle vergleichen möchten
So ändern Sie das AI-Modell:
Klicken Sie unterhalb des Chat-Textfelds 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 wichtig, einen vollständigen und spezifischen Prompt zu liefern.
Hinweis: Verschiedene AI-Modelle können unterschiedlich viele AI-Credits verbrauchen. Die Credit-Kosten können je nach ausgewähltem Modell höher oder niedriger ausfallen.