Landingpage-Vorlagen für Kundenkampagnen. Mach aus einem gewöhnlichen Angebot eine personalisierte Seite.
Nimm das Kundenangebot, wähle ein Template und passe es mit KI an die Kampagne an. Verbinde Angebotstext, Materialien und Kontakt-/Kaufweg auf einer Seite.
Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Welches Angebot und welche Aufgabe gehören hierher?
KI · Beispielantwort
Zeige das Angebot der Kundenanzeige: Produkt oder Leistung, Zielgruppe, Umfang und Kauf-/Kontaktweg. Sammle Beschreibung und Materialien und lasse KI sie ins Template einfügen.
Du
Diese Kampagne bewirbt eine Beratung. Plane eine Landingpage mit Beratungsumfang, Ergebnis für den Besucher und Anfrageformular.
KI · Beispielantwort
Die Seiteneinleitung soll dieselbe Leistung oder dasselbe Produkt beschreiben. Zeige Umfang, Bedingungen und Materialien zur Bewertung des Angebots.
Nächste Schritte
Übernimm das Anzeigenangebot
Die Seiteneinleitung soll dieselbe Leistung oder dasselbe Produkt beschreiben.
Erkläre den Kauf
Zeige Umfang, Bedingungen und Materialien zur Bewertung des Angebots.
Verbinde die Aktion
Verbinde Kontakt, Buchung oder Kauf und prüfe den Ablauf nach dem Klick.
Eine Landingpage mit dem passenden Kampagnenangebot.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
01 / Ein freigegebenes Angebot
Welches Angebot und welche Aufgabe gehören hierher?
Zeige das Angebot der Kundenanzeige: Produkt oder Leistung, Zielgruppe, Umfang und Kauf-/Kontaktweg. Sammle Beschreibung und Materialien und lasse KI sie ins Template einfügen.
Übernimm das Anzeigenangebot
Die Seiteneinleitung soll dieselbe Leistung oder dasselbe Produkt beschreiben.
Erkläre den Kauf
Zeige Umfang, Bedingungen und Materialien zur Bewertung des Angebots.
Verbinde die Aktion
Verbinde Kontakt, Buchung oder Kauf und prüfe den Ablauf nach dem Klick.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Wo belegt die Seite das Kampagnenversprechen?
KI · Beispielantwort
Die Einleitung greift die Anzeige auf, die Seite erklärt Umfang und zeigt Produkt oder Arbeiten, der Button führt zu Kontakt/Kauf. Bei Beratung erkläre Ablauf und Ergebnis, bei Kursen Programm und Anmeldung.
Du
Diese Kampagne bewirbt eine Beratung. Plane eine Landingpage mit Beratungsumfang, Ergebnis für den Besucher und Anfrageformular.
KI · Beispielantwort
Die Seiteneinleitung soll dieselbe Leistung oder dasselbe Produkt beschreiben. Zeige Umfang, Bedingungen und Materialien zur Bewertung des Angebots.
Nächste Schritte
Übernimm das Anzeigenangebot
Die Seiteneinleitung soll dieselbe Leistung oder dasselbe Produkt beschreiben.
Erkläre den Kauf
Zeige Umfang, Bedingungen und Materialien zur Bewertung des Angebots.
Verbinde die Aktion
Verbinde Kontakt, Buchung oder Kauf und prüfe den Ablauf nach dem Klick.
Eine Landingpage mit dem passenden Kampagnenangebot.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
02 / Versprechen zur Seite
Wo belegt die Seite das Kampagnenversprechen?
Die Einleitung greift die Anzeige auf, die Seite erklärt Umfang und zeigt Produkt oder Arbeiten, der Button führt zu Kontakt/Kauf. Bei Beratung erkläre Ablauf und Ergebnis, bei Kursen Programm und Anmeldung.
01
Übernimm das Anzeigenangebot
Die Seiteneinleitung soll dieselbe Leistung oder dasselbe Produkt beschreiben.
02
Erkläre den Kauf
Zeige Umfang, Bedingungen und Materialien zur Bewertung des Angebots.
03
Verbinde die Aktion
Verbinde Kontakt, Buchung oder Kauf und prüfe den Ablauf nach dem Klick.
Eine Landingpage mit dem passenden Kampagnenangebot
Trage deine Angaben ein. Kopiere oder lade die Notiz zur Arbeit mit KI herunter.
03 / Design wählen
Welche Abschnitte dienen dieser Besucheraufgabe?
Nutze Orbit für Angebot, Prozess, Arbeiten und Kontakt bei Beratung/Leistungen. Für Produkte prüfe Relayline oder Draftwell, für Kurse Framewise. KI kann das Design auf ein Angebot konzentrieren und unnötige Bereiche entfernen.
Orbit
Expertise, Arbeiten, Vorgehen und Leistungen für Studio oder Beratung.
Aktueller Download geprüft am 2. Oktober 2026. Prüfe die ausgewählten Dateien auf der Produktseite.
index.html
RECREATE.md
assets/paper-detail.webp
assets/print-project.webp
assets/studio-review.webp
Einige Ressourcen können von externen URLs geladen werden. Prüfe dein gewähltes Projekt vor der Veröffentlichung.
Beispieldesigns · ersetze die fiktiven Inhalte durch deine eigenen.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Wie kommt freigegebener Text ins Design?
KI · Beispielantwort
Gib KI Angebotstexte und Zielstellen: Überschrift, Leistung, Bedingungen und Button. Ergänze Kundenbilder und Markenfarben.
Du
Mein Kunde möchte größere Bilder und weniger Text. Übersetze das Feedback in konkrete Template-Änderungen und bereite eine Vergleichsversion vor.
KI · Beispielantwort
Sieh das Template mit dem Kunden an und benenne passende Elemente. Bestimme, was bleibt, welche Inhalte ersetzt und welche Bereiche entfernt werden.
Nächste Schritte
Zeige das Design
Sieh das Template mit dem Kunden an und benenne passende Elemente.
Übersetze Feedback in Änderungen
Bestimme, was bleibt, welche Inhalte ersetzt und welche Bereiche entfernt werden.
Vergleiche Versionen
Prüfe die neue Version am Computer und Smartphone vor weiteren Korrekturen.
Eine Seitenversion auf Grundlage konkreten Kundenfeedbacks.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
04 / Änderung ansehen
Wie kommt freigegebener Text ins Design?
Gib KI Angebotstexte und Zielstellen: Überschrift, Leistung, Bedingungen und Button. Ergänze Kundenbilder und Markenfarben. Prüft die Vorschau und gebt konkrete Korrekturen als nächste Anweisung.
Quelldateien und technische Details ansehen
Was tatsächlich geändert wurde
03-orbit / index.html · LP55-de-source-edit.diff
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.
Einen Ablauf vor der nächsten Entscheidung verstehen.
Fiktives Beratungskonzept mit einer Informationsanfrage. Umfang/Frage sind Beispiele; Bedingungen, Preis, Verfügbarkeit und Zustellung unbekannt.
Vorher · 03-orbit
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.Ganze Vorschau öffnen ↗
Nachher · begrenzter Lumen Consultation-Entwurf
Vorbereitete Beispielbearbeitung; eigene Daten ergänzt du mit KI. Kein Ergebnis eines externen KI-Laufs.Ganze Vorschau öffnen ↗
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Was passiert hinter dem sichtbaren Button?
KI · Beispielantwort
Der Klick führt zur angekündigten Anfrage, Buchung oder zum Kauf. Verbinde den Dienst, teste den Besucherablauf und prüfe die Empfängerbestätigung.
Du
Ich möchte Anfragen in meinem Postfach erhalten. Schlage einen E-Mail-Link oder Formulardienst vor und sage, was du zum Verbinden brauchst.
KI · Beispielantwort
Nenne E-Mail-Adresse, Buchungslink oder gewünschten Formulardienst. Bitte die KI, Button oder Formular einzurichten, und autorisiere nötigen Dienstzugriff.
Nächste Schritte
Wähle das Ziel
Nenne E-Mail-Adresse, Buchungslink oder gewünschten Formulardienst.
Beauftrage die Verbindung
Bitte die KI, Button oder Formular einzurichten, und autorisiere nötigen Dienstzugriff.
Sende eine Testanfrage
Prüfe Postfach oder Dienst-Dashboard sowie die Bestätigung nach dem Absenden.
Ein Kontaktweg zum gewählten Empfänger.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
05 / Hinter der Aktion
Was passiert hinter dem sichtbaren Button?
Der Klick führt zur angekündigten Anfrage, Buchung oder zum Kauf. Verbinde den Dienst, teste den Besucherablauf und prüfe die Empfängerbestätigung. Ein sichtbares Formular allein versendet nichts.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
Der Kunde prüft Angebot, Preis, Bedingungen, Bilder und Daten. Zeige eine konkrete Version und teste Kontakt und Links.
Du
Prüfe meine Website am Computer und Smartphone: Inhalte, Bilder, Buttons und Kontakt. Liste Fehler auf und korrigiere sie in einer Projektkopie.
KI · Beispielantwort
Prüfe alle Bereiche, lange Überschriften und Bilder bei verschiedenen Bildschirmgrößen. Öffne Links und sende eine Testanfrage an den verbundenen Dienst.
Nächste Schritte
Prüfe Design und Inhalte
Prüfe alle Bereiche, lange Überschriften und Bilder bei verschiedenen Bildschirmgrößen.
Teste Aktionen
Öffne Links und sende eine Testanfrage an den verbundenen Dienst.
Bestätige Korrekturen
Prüfe dieselben Stellen nach der Bearbeitung erneut, auch unter der endgültigen Online-Adresse.
Eine Liste geprüfter Elemente und Korrekturen vor Veröffentlichung.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
06 / Kundenfreigabe
Was gibt der Kunde vor Veröffentlichung frei?
Der Kunde prüft Angebot, Preis, Bedingungen, Bilder und Daten. Zeige eine konkrete Version und teste Kontakt und Links. Korrigiere mit KI und prüfe die finale Online-Adresse vor Anzeigen-Traffic.
Lokal auf diesem Gerät markiert; nichts wird übermittelt.
Du und der Kunde prüfen die endgültige URL und die gewünschte Kampagnenaktion. Veröffentliche mit einem autorisierten KI-Agenten oder Hoster/Entwickler, verbinde den gewählten Analysedienst und teste den CTA an der endgültigen URL samt Ereignis im Dienst. Prüfe bei einem Anfrageformular auch, ob die Testnachricht im richtigen Postfach ankommt.
Du
Veröffentliche diese Kampagnenseite auf Cloudflare Pages und verbinde den vom Kunden gewählten Analysedienst. Bitte zuerst um genehmigten Kontozugriff. Prüfe danach die endgültige URL und das Formular-Erfolgsereignis beim erfolgreichen Versand einer Anfrage.
KI · Beispielantwort
Ich prüfe die Dateien, frage nach Analysedienst und gewünschtem Ereignis und bitte um Autorisierung für Hosting und Dienst. Nach der Veröffentlichung kann ich beim Test der endgültigen URL, einer gesendeten Anfrage und des Ereignisses im Analysedienst helfen. Ich halte fest, was tatsächlich geprüft wurde und was noch offen ist.
Nächste Schritte
Seite und Ereignis vorbereiten
Sichere die fertigen Dateien. Vereinbart die zu messende CTA-Aktion, etwa eine erfolgreich gesendete Anfrage.
Hosting und Messung autorisieren
Genehmige den Zugriff auf Cloudflare Pages oder Vercel und den gewählten Analysedienst, bevor der Agent beide verbindet.
An der endgültigen URL testen
Öffne die veröffentlichte Adresse, nutze den CTA und prüfe das erwartete Ereignis im Analysedienst. Prüfe bei einem Formular auch den Eingang der Testanfrage.
Ziel: eine endgültige Kampagnen-URL mit verbundenem und geprüftem CTA-Ereignis, bevor Besucher dorthin gelangen.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
07 / Vor dem Traffic
Wer prüft Zielseite und Messung?
Du und der Kunde prüfen die endgültige URL und die gewünschte Kampagnenaktion. Veröffentliche mit einem autorisierten KI-Agenten oder Hoster/Entwickler, verbinde den gewählten Analysedienst und teste den CTA an der endgültigen URL samt Ereignis im Dienst. Prüfe bei einem Anfrageformular auch, ob die Testnachricht im richtigen Postfach ankommt.
01
Seite und Ereignis vorbereiten
Sichere die fertigen Dateien. Vereinbart die zu messende CTA-Aktion, etwa eine erfolgreich gesendete Anfrage.
02
Hosting und Messung autorisieren
Genehmige den Zugriff auf Cloudflare Pages oder Vercel und den gewählten Analysedienst, bevor der Agent beide verbindet.
03
An der endgültigen URL testen
Öffne die veröffentlichte Adresse, nutze den CTA und prüfe das erwartete Ereignis im Analysedienst. Prüfe bei einem Formular auch den Eingang der Testanfrage.
AI ChatBeispielablauf
Beispielablauf · dein Projekt
Du
Braucht diese Kampagne jetzt ein passendes Projekt?
KI · Beispielantwort
Wähle ein Template für eine Kampagne. Für weitere Kunden- oder Angebotslandings bietet PRO mehr Designs zur Anpassung.
Du
Ich brauche jetzt eine Firmenwebsite und später ein Portfolio. Vergleiche Einzeltemplate, PRO Yearly und PRO Lifetime ohne unnötige Produkte.
KI · Beispielantwort
Notiere die geplanten Websites und passende Templates. Single umfasst ein Design; Yearly und Lifetime enthalten die volle Template- und Asset-Bibliothek.
Nächste Schritte
Wähle Projekte
Notiere die geplanten Websites und passende Templates.
Vergleiche den Zugang
Single umfasst ein Design; Yearly und Lifetime enthalten die volle Template- und Asset-Bibliothek.
Prüfe die Zahlung
Vergleiche aktuellen Preis, Zugangszeitraum und jährliche Verlängerung oder Einmalzahlung.
Eine Zugangswahl passend zu deinen geplanten Websites.
Beispieldialog, keine Live-KI oder abgeschlossene Veröffentlichung. Der Agent braucht Dateizugriff und deine Autorisierung externer Konten.
08 / Kauf für eine Kampagne
Braucht diese Kampagne jetzt ein passendes Projekt?
Wähle ein Template für eine Kampagne. Für weitere Kunden- oder Angebotslandings bietet PRO mehr Designs zur Anpassung. Wähle Single, Yearly oder Lifetime passend zur Bibliotheksnutzung.
Wähle Projekte
Notiere die geplanten Websites und passende Templates.
Vergleiche den Zugang
Single umfasst ein Design; Yearly und Lifetime enthalten die volle Template- und Asset-Bibliothek.
Prüfe die Zahlung
Vergleiche aktuellen Preis, Zugangszeitraum und jährliche Verlängerung oder Einmalzahlung.
Teste ein echtes Template, bevor du dich entscheidest.
Lade das originale Formwell-Projekt herunter. Gib die Dateien und RECREATE.md an ein geeignetes KI-Tool, probiere eine kleine Änderung und prüfe das Ergebnis.
Das kostenlose Beispiel ist Formwell. Originaldesign und Anleitung sind auf Englisch. Die Produktpreise bleiben unverändert.
OneDollarStock setzt ein Projekt zur Vorbereitung der Plattform auf den Eintritt in den deutschen Markt im Rahmen des Akzelerationspfads „Go Global“ des Programms „Unicorn Hub Startup Booster“ um (Projektnr. FENG.02.28-IP.02-0013/23). Das Projekt wird aus Mitteln des Programms European Funds for Smart Economy 2021–2027 im Rahmen der Priorität „Innovation-friendly environment“, Maßnahme FENG.2.28 Startup Booster Poland, kofinanziert.
Mehr über das Projekt erfahren →
