Der AI Builder kann Ihnen beim Erstellen von Seiten, Formularen, Abschnitten und anderen Website-Elementen helfen. Die Qualität des Ergebnisses hängt größtenteils von den Anweisungen ab, die Sie geben.
Nutzen Sie die folgenden Tipps, um klarere Prompts zu schreiben und genauere Ergebnisse zu erhalten.
Bevor Sie einen Prompt absenden, nehmen Sie sich kurz Zeit, um genau zu überlegen, was die AI erstellen oder ändern soll.
Je spezifischer 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.
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 Art von Seite erstellt werden 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
Positioniere 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 der Seitenhintergrund und das 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 Bearbeitungsaufwand im Anschluss geringer ausfällt.
Tipp - Nutzen Sie auch AI-Tools wie ChatGPT oder Gemini, um bessere Versionen Ihres Prompts zu formulieren, und geben Sie diesen anschließend an den AI Builder weiter, damit er ihn ausführt.
Nutzen Sie die Planner-Option, 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 auch nur eine Zeile Code erstellt, bis Sie es bestätigen
So haben Sie die Flexibilität und Freiheit, Ideen auszuarbeiten, bevor Sie sich festlegen, indem Sie sie Ihrer Website hinzufügen
Um den Planner zu verwenden, klicken Sie auf das List Icon links vom Send Button, 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 gleich ausführen wird. Klicken Build Now im Chatfenster, um die AI anzuweisen, den Code für die Website zu erstellen.
Klicken Sie erneut auf das List Icon, um den Planner-Modus zu verlassen und Inhalte direkt zu generieren
Tipp - Nutzen Sie die AI-Vorschläge oberhalb des Chat-Textfelds, um der AI schnell mögliche Aufgaben zu übermitteln.
Sie können der AI ein visuelles Beispiel für das gewünschte Ergebnis bereitstellen.
Sie können zum Beispiel Folgendes hochladen:
Einen Screenshot Ihrer aktuellen Website
Ein Bild mit einem bevorzugten Layout
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 auf Screen Capture (Kamera-Symbol) unterhalb des Chat-Textfelds.
Erfassen Sie den relevanten Teil Ihrer Website.
Nutzen Sie die Bearbeitungswerkzeuge, um Pfeile oder Kreise um die Elemente zu zeichnen, die die AI überprüfen soll.
Klicken Sie auf Add to Chat.
Geben Sie einen Prompt ein, der erklärt, was die AI erstellen oder ändern soll.
Verlassen Sie sich nicht nur auf den Screenshot. Ergänzen Sie schriftliche Anweisungen, die klar erklären, 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 verwendet 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 möchten die Ergebnisse verschiedener Modelle vergleichen
So ändern Sie das AI-Modell:
Klicken Sie auf das Robot Symbol unterhalb des Chat-Textfelds.
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 spezifischen Prompt bereitzustellen.
Hinweis: Verschiedene AI-Modelle können unterschiedliche Mengen an AI-Credits verwenden. Die Credit-Kosten können je nach ausgewähltem Modell höher oder niedriger sein.
Nutzen Sie diese Tools, um Empfehlungen und Vorschläge zur Verbesserung Ihrer Website-Inhalte, Struktur, Ihres Designs und Ihrer Sicherheit zu erhalten
Klicken Sie auf das Silhouetten-Symbol, um das Advisor-Fenster zu öffnen, und wählen Sie die passende Option aus
Anwenden vorgeschlagener Änderungen
Wenn Sie auf einen Vorschlag klicken, erhalten Sie zwei Optionen: