Konfigurieren Sie Ihren eingebetteten Seiten-Builder

Was du bekommst

• Eingebetteter GrapesJS-Editor mit Paneless oder benutzerdefiniertem Preset
• React / Vue Mount Wrapper mit Größenänderung und Theme-Handling
• Multi-Tenant Storage Manager, der kabelgebunden an Ihre API angeschlossen ist
• Block-Sichtbarkeitsgating für Planstufen
• White-Label-Thema passend zu Ihrem Designsystem

Empfohlene Plugins

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

Paneloses Preset

Saubere In-Canvas-Bearbeitungsoberfläche ohne schwebende Panels – ideal für eingebettete Builder

Benutzerdefinierter Codeblock

Erlaubt Power-Usern, rohe HTML/CSS-Schnipsel im Editor hinzuzufügen

Forms-Plugin

Formblöcke, die Mieter auf ihren Seiten hinzufügen können, ohne den Editor zu verlassen

Tooltip-Plugin

Onboarding-Tipps und kontextbezogene Hilfe für Erstnutzer

Häufig gestellte Fragen

Wie kann ich GrapesJS in einer React- oder Vue-App einbetten?

GrapesJS liefert einen Vanilla-JS-Kern aus. Für React initialisiere es in einem useEffect auf einer Div-Ref und zerstöre es beim Aufräumen. Wir integrieren in jedem SaaS-Setup eine produktionsbereite Wrapper-Komponente, die das Ein- und Aushängen, das Umschalten des Themas und die Größenanpassung übernimmt.

Kann jeder unserer Mieter einen eigenen Seitenspeicher haben?

Ja. Der Storage Manager von GrapesJS akzeptiert einen benutzerdefinierten Endpunkt. Wir konfigurieren es so, dass Ihre Tenant-ID in der URL enthalten ist, sodass die Seiten jedes Kunden isoliert sind – kein Datenverlust über mehrere Mieter verbunden ist.

Wie schränken wir ein, welche Blöcke pro Planstufe verfügbar sind?

Die Blocksichtbarkeit wird zur Initialisierung über die Block Manager API gesteuert. Deine App übergibt eine Feature-Flag-Liste beim Mount, und der Editor zeigt oder versteckt Blöcke entsprechend – Premium-Blöcke bleiben bei kostenlosen Tarifen verborgen.

Können wir den Redakteur mit einem White-Label beschriften – das GrapesJS-Branding entfernen?

GrapesJS ist vom MIT lizenziert, also ja. Es gibt keine verpflichtende Quellenangabe in der Benutzeroberfläche des Editors. Wir konfigurieren ein benutzerdefiniertes Theme und ersetzen während der Einrichtung alle Standard-Panel-Icons durch Ihr Designsystem.

Was passiert mit den gespeicherten Seiten, wenn ein Kunde exportiert oder migriert?

Seiten werden als JSON in Ihrer Datenbank sowie als gerendertes HTML in Ihrem CDN gespeichert. Beide Formate sind offen – kein Anbieter-Lock-in. Kunden können ihr HTML jederzeit über die integrierte Exportaktion exportieren.

Wie können wir Nutzern erlauben, ihre eigenen benutzerdefinierten Blöcke zu speichern?

Der Block Manager unterstützt benutzerdefinierte Blöcke über einen benutzerdefinierten Speicheradapter. Wir konfigurieren einen Endpunkt, der das Komponenten-JSON pro Benutzer aufrechterhält, sodass gespeicherte Blöcke beim nächsten Login im persönlichen Panel erscheinen.

Was ist der Anfangspreis für eine SaaS-Page-Builder-Integration?

SaaS-Builds beginnen bei $600 mit dem Paneless-Preset und einer benutzerdefinierten Storage Manager-Konfiguration. Vollständige Multi-Tenant-Setups mit benutzerdefinierten Blöcken und plangated Features laufen typischerweise $1,200–$3,000, abhängig vom Umfang.

GrapesJS vs. Alternativen