Landingpage erstellen ohne Code: Anleitung mit KI
Landingpage erstellen ohne Code: Anleitung mit KI
Eine Landingpage entsteht in Zugo aus wenigen Sätzen: Sie nennen Angebot, Zielgruppe, gewünschte Handlung und die wichtigsten Argumente, der Builder erzeugt daraus eine fertige Seite. Ein Build kostet 6 Credits, jede Änderung 3, veröffentlicht wird auf <slug>.zugo.run oder unter Ihrer eigenen Domain.
Eine Landingpage ist keine kleine Website. Sie hat genau ein Ziel, und alles, was von diesem Ziel ablenkt, gehört nicht darauf. Diese eine Regel entscheidet über den Erfolg stärker als jede Gestaltungsfrage.
Wann brauchen Sie eine Landingpage und wann eine Website?
Eine Website beantwortet alle Fragen zu Ihrem Unternehmen. Eine Landingpage beantwortet eine einzige Frage zu einem einzigen Angebot, und zwar für Menschen, die über eine Anzeige, einen Newsletter oder einen Vortrag genau dort ankommen.
Der praktische Unterschied liegt in der Navigation. Auf einer Website führen zwanzig Wege durch das Menü, auf einer Landingpage gibt es einen Weg nach unten und einen Knopf. Ein volles Menü im Kopfbereich ist der häufigste Fehler bei selbst gebauten Seiten für Kampagnen.
Der zweite Unterschied ist die Lebensdauer. Eine Landingpage für ein Webinar im Oktober darf im November verschwinden. Genau deshalb lohnt es sich, sie günstig und schnell zu bauen, statt sie in die gewachsene Firmenseite hineinzuzwängen und dort das Menü zu belasten.
Welche Abschnitte gehören auf die Seite, und in welcher Reihenfolge?
| Abschnitt | Aufgabe | Häufiger Fehler |
|---|---|---|
| Kopfbereich | Angebot in einem Satz und der Knopf | Slogan ohne Aussage, Knopf erst unten |
| Problem | zeigen, dass Sie die Lage kennen | Selbstdarstellung statt Sicht des Lesers |
| Lösung | drei bis fünf Punkte, Nutzen zuerst | Funktionsliste in Fachsprache |
| Beleg | echte Referenzen, Zahlen, Logos | erfundene Zitate und geschönte Zahlen |
| Preis oder Ablauf | nimmt die größte Unsicherheit | „Preis auf Anfrage“ ohne Rahmen |
| Fragen und Antworten | fängt die letzten Einwände ab | fehlt, obwohl genau danach gesucht wird |
| Abschluss | derselbe Knopf, dasselbe Versprechen | neues Angebot am Ende der Seite |
Die Reihenfolge ist keine Geschmackssache. Auf dem Telefon wird von oben gelesen und früh abgebrochen, deshalb steht die Antwort auf „Was habe ich davon“ vor jeder Erklärung, wie das Ganze funktioniert.
Ein Knopf reicht, aber er darf mehrfach vorkommen. Derselbe Text, dieselbe Farbe, dasselbe Ziel: oben, nach dem Beleg, am Ende. Zwei verschiedene Handlungsaufforderungen auf einer Seite halbieren beide.
Wie schreibt man den Prompt für eine Landingpage?
Beschreiben Sie Angebot und Zielgruppe so konkret wie möglich und nennen Sie die gewünschte Handlung ausdrücklich. Ein Prompt, der zu einem brauchbaren ersten Ergebnis führt, sieht ungefähr so aus:
Landingpage für ein Online-Seminar zur Lohnbuchhaltung für kleine Handwerksbetriebe. Zielgruppe: Inhaber mit fünf bis zwanzig Beschäftigten, die ihre Abrechnung selbst machen. Ziel: Anmeldung über ein Formular mit Name, Firma, E-Mail. Abschnitte: Kopfbereich mit Termin und Anmeldeknopf, drei typische Probleme, Ablauf des Seminars in vier Punkten, Vorstellung der Referentin, Fragen und Antworten, Anmeldung am Ende. Sachliche, ruhige Gestaltung, gut lesbar auf dem Telefon.
Nennen Sie keine Farbwerte und keine Schriften. Die Gestaltung ziehen Sie später mit einer Änderung nach, während eine vergessene Sektion die Reihenfolge der ganzen Seite verschiebt und einen frischen Build kostet.
Schreiben Sie Ihre Überschrift lieber selbst und geben Sie sie im Prompt mit. Der Builder formuliert brauchbar, aber die Zeile, die über Bleiben oder Weggehen entscheidet, kennt nur, wer täglich mit diesen Kunden spricht.
Wie läuft der Aufbau Schritt für Schritt ab?
| Schritt | Was passiert | Aufwand |
|---|---|---|
| 1 | Angebot, Zielgruppe und Ziel in drei Sätzen festhalten | eine halbe Stunde |
| 2 | Überschrift und Belege sammeln | je nach Material |
| 3 | Prompt schreiben und bauen lassen | 6 Credits |
| 4 | Auf dem Telefon lesen, Texte kürzen | einige Minuten |
| 5 | Formularziel und Bestätigungstext nachziehen | 3 Credits je Änderung |
| 6 | Veröffentlichen, eigene Domain verbinden | keine Credits |
Eine einfache Seite steht in etwa einer Minute, ein größeres Projekt braucht einige Minuten. Jeder Build läuft vorher in einer Sandbox, und was dort nicht öffnet, wird nicht ausgeliefert. Sie sehen also kein kaputtes Ergebnis, sondern im Zweifel einen zweiten Versuch.
Lesen Sie das Ergebnis in Schritt 4 auf dem Telefon laut vor. Sätze, über die Sie stolpern, stolpern auch Ihre Besucher, und Texte, die am Bildschirm knapp wirkten, sind auf einem schmalen Display fast immer noch zu lang.
Wohin gehen die Anfragen aus dem Formular?
Ein Formular ohne Ziel ist der stillste Fehler auf einer Landingpage: Die Seite läuft, die Anmeldungen kommen nie an. Legen Sie deshalb im selben Zug fest, wohin die Daten gehen sollen.
Für Benachrichtigung und Bestätigung wird Resend angebunden. Der Interessent bekommt eine Mail mit Termin und Zugangsdaten, Sie bekommen die Anfrage ins Postfach. Wie das eingerichtet wird, beschreibt KI-Builder mit Resend.
Sollen die Anmeldungen zusätzlich als Liste vorliegen, kommt Supabase dazu, und Sie haben eine Tabelle statt eines vollen Postfachs. Kostet die Sache Geld, wickelt Stripe Zahlung oder Abo ab. Prüfen Sie in jedem Fall die Kette einmal mit einer echten Adresse, bevor Sie Werbung schalten.
Was kostet eine Landingpage im Builder?
| Aktion | Credits | Im Hi-Fi-Modus |
|---|---|---|
| Änderung an einem Projekt | 3 | 6 |
| Frischer Build | 6 | 12 |
| Mehrseitige Plattform | 12 für die ersten drei Seiten, dann 3 je weiterer Seite | doppelt |
Die Tarife: Free enthält 5 Credits, Pro kostet 25 $ im Monat und enthält 200 Credits, Business kostet 99 $ im Monat und enthält 800. Zweihundert Credits entsprechen rund 16 mehrseitigen Plattformen oder 33 Builds oder 66 Änderungen, je nachdem, wohin Sie sie lenken.
Für eine Kampagne rechnet sich das anders als für eine Firmenseite: Wer im Monat mehrere Angebote testet, baut mehrere Seiten und ändert an jeder ein paar Mal. Der kostenlose Tarif reicht dafür nicht, weil 5 Credits unter den 6 für einen Build liegen. Abgerechnet wird in US-Dollar. Eine vollständige Rechnung finden Sie in Was kostet eine Website mit KI.
Wie testet man zwei Varianten gegeneinander?
Am einfachsten mit zwei getrennten Projekten und zwei Adressen. Sie bauen eine zweite Fassung mit anderer Überschrift, schicken die Hälfte des Anzeigenbudgets dorthin und vergleichen nach einer Woche die Anmeldungen. Ein Werkzeug für automatische Aufteilung bringt der Builder nicht mit.
Testen Sie immer nur eine Sache: die Überschrift oder das Bild oder den Knopftext. Wer drei Dinge gleichzeitig ändert, hat am Ende ein Ergebnis und keine Erklärung, und die nächste Seite beginnt wieder bei null.
Für die Zahlen genügt Google Analytics, das sich anbinden lässt. Wichtig ist dabei die Reihenfolge: Die Statistik darf erst nach der Einwilligung laden, und der Hinweisbanner gehört zur Seite, nicht als nachträglicher Einfall.
Was muss rechtlich auf die Seite?
Impressum und Datenschutzerklärung sind Pflicht, auch bei einer einzelnen Kampagnenseite, und beide gehören sichtbar in die Fußzeile. Eine Landingpage ohne Impressum ist in Deutschland kein Schönheitsfehler, sondern ein Abmahnrisiko.
Die Datenschutzerklärung muss zu dem passen, was die Seite tatsächlich tut. Nimmt ein Formular Daten entgegen, läuft eine Statistik mit, geht eine Bestätigungsmail hinaus: Alles davon muss dort auftauchen, und zwar mit der Rechtsgrundlage, auf die Sie sich stützen.
Bei Verkauf an Verbraucher kommen Widerrufsbelehrung und Preisangaben dazu. Der Builder erzeugt Ihnen diese Texte nicht rechtssicher, und niemand sollte das von ihm erwarten. Holen Sie die Formulierungen aus einer geprüften Quelle und setzen Sie sie als eigene Seite ein.
Wo hört der Builder auf?
Bei allem, was tief in fremde Systeme greift. Eine Anbindung an Ihr Kundenverwaltungssystem, eine Punktevergabe für Interessenten oder eine mehrstufige Mailstrecke sind Projekte für sich und wachsen über viele Änderungen, statt aus einem Prompt zu entstehen.
Auch die Sichtbarkeit bei Suchmaschinen kommt nicht von allein. Eine Kampagnenseite lebt zunächst von bezahlten Klicks, und was für dauerhafte Sichtbarkeit nötig ist, steht in Sind KI-Websites gut für SEO.
Wenn Ihre Seite eine App bewerben soll, gelten eigene Regeln für Screenshots und Store-Verweise, die App-Landingpage mit KI erstellen beschreibt. Für alles andere gilt: Bauen Sie die einfachste Fassung, schalten Sie sie live und lernen Sie aus echten Anfragen. Zugo bringt 25 fertige Vorlagen mit, davon 5 für Spiele, und ansehen können Sie das auf zugo.dev.