PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Schritt 1 von 5

Konfigurieren Sie Ihren Landingpage-Builder

Ein paar kurze Angaben zu Ihrem Vorhaben - wir finden eine Landingpage-Vorlage und die passenden Plugins.

01Projekttyp

Wähle das aus, was am besten zu deinem Build passt – es filtert unsere Empfehlungen.

02Was brauchen Sie von uns?

Das beeinflusst nur, was wir Ihnen als Naechstes zeigen - spaeter aenderbar.

Erforderlich

03E-Mail

Wir speichern Ihre Konfiguration und senden Ihnen einen Link zum Fortsetzen.

Erforderlich
Beantworten Sie beide Fragen und geben Sie Ihre E-Mail an, um fortzufahren.

Was du bekommst

  • Konfigurierter GrapesJS-Editor mit Landing-Page-Voreinstellung
  • Abschnittsbibliothek: Held, Features, Erfahrungsberichte, Preisgestaltung, CTA
  • Formularblöcke, die mit Ihrem CRM oder Webhook verbunden sind, verbunden
  • Veröffentlichen Sie eine Aktion, die HTML in Ihr CDN pusht.
  • Mobile Vorschau und Lighthouse-tauglicher Export

Empfohlene Plugins

Diese Plugins werden als Teil dieses Build-Typs vorkonfiguriert und getestet.

Webseiten-Voreinstellung
Konversionsorientierte Abschnittsblöcke: Held, Features, CTA, Preisgestaltung
Lory Slider
Testimonial- und Logo-Karussells für soziale Beweisabschnitte
Forms-Plugin
Lead-Capture-Formulare, die an Ihr CRM oder Webhook angeschlossen sind
Tabs-Plugin
Preisstufen mit Tabs und Vergleichspanels für Funktionen

Häufig gestellte Fragen

Kann der Editor auf ein statisches CDN ausgeben oder braucht er einen Server?
Der HTML-Export ist vollständig statisch – zum Rendering ist kein Server erforderlich. Du kannst exportierte Seiten direkt auf S3, Cloudflare Pages oder Netlify pushen. Ein Server wird nur benötigt, wenn du Live-Speicherung oder A/B-Prüfungsaufgaben möchtest.
Unterstützt der Editor A/B-Tests?
GrapesJS selbst führt keine A/B-Tests durch, erzeugt aber sauberes HTML, das sich mit jedem externen Testtool (Optimizely, VWO, Google Optimize) integriert. Wir können einen Varianten-Tag-Block hinzufügen, um Testelemente im Editor zu markieren.
Wie betten wir Formulare ein, die mit unserem CRM verbunden sind?
Das Forms-Plugin fügt Drag-Drop-Formularfelder hinzu. Wir konfigurieren eine Formular-Absendungsaktion, die bei der Einrichtung in Ihre CRM-API oder einen Webhook (HubSpot, Salesforce, Zapier) POST-isiert wird.
Werden Seiten schnell genug geladen, um die Konversionsraten nicht zu beeinträchtigen?
Ja. Exportierte Landingpages sind einfaches HTML mit inline-kritischem CSS – kein JavaScript-Framework-Overhead. Lighthouse LCP-Werte über 90 sind normal für Seiten ohne schweres Video.
Können Editor Seiten ohne Entwickler veröffentlichen?
Ja – das ist der Hauptanwendungsfall. Wir verdrahten im Editor einen Veröffentlichen-Button, der das HTML in Ihre CDN- oder CMS-API POSTET, damit Marketer Live-Seiten direkt aus dem Editor aktualisieren können.
Beinhaltet das Setup einen Countdown-Timer oder einen Knappheitsblock?
Wir können bei der Einrichtung eine Countdown-Timer-Komponente hinzufügen. Es handelt sich um ein leichtgewichtiges Vanilla-JS-Widget, das ein Zieldatum aus den Datenattributen der Komponente liest – keine externe Bibliothek erforderlich.
Was ist der typische Preis für einen Landingpage-Builder?
Landingpage-Builds beginnen bei $450 mit der Landing-Pages-Voreinstellung. Das Hinzufügen des Lory-Schiebereglers, Tabs und Forms-Plugins bringt das Bundle typischerweise zu $700–$1,000.-Setup, und die CDN-Integration werden separat angegeben.

GrapesJS vs. Alternativen

AusstattungGrapesJSWebflowUnbounceElementor
Open-Source / MIT-Lizenz
Einbettbar in deiner App
Keine SaaS-Gebühren pro SitzNur Plugin
Ausgabe: MJML / E-Mail HTML
Individueller Speicheradapter
Headless-CMS-IntegrationTeilweiseTeilweise
White-Label (ohne Branding)
Plugin / Komponenten-SDK