Marketplace

Der Marketplace ist ein offenes Ökosystem, in dem Agenturen und Entwickler wiederverwendbare Komponenten veröffentlichen, teilen und verkaufen. Ein Package ist ein fertiger Block (Hero, Preistabelle, Footer usw.), den Sie mit einem Klick zu Ihrer Website hinzufügen. Kategorien: • Layout – Seitenlayouts und Strukturen • Content – Fertige Inhaltsblöcke • Interaction – Interaktive Elemente (Formulare, Slider) • Social Proof – Testimonials, Bewertungen, Ratings • Notification – Banner, Popups, Meldungen • Navigation – Menüs, Breadcrumbs, Footer • Global – Sonstige Packages Preismodelle: • Kostenlos – Frei installierbar • Einmalig – Einmal zahlen, dauerhafter Zugang • Abonnement – Monatlich zahlen für Updates und Support Rollen: Nur Administratoren (Admin) können Packages installieren und veröffentlichen.

Schritt für Schritt: 1. Gehen Sie zu Marketplace im Hauptmenü 2. Verwenden Sie die Suchleiste, um nach Name oder Stichwort zu suchen 3. Filtern Sie nach Kategorie (Layout, Content usw.) oder Preis (kostenlos, einmalig, Abonnement) 4. Klicken Sie auf ein Package, um die Detailseite zu öffnen 5. Prüfen Sie Beschreibung, Screenshots, Bewertungen und Preis 6. Klicken Sie auf "Installieren" (kostenlos) oder "Kaufen & Installieren" (kostenpflichtig) 7. Wählen Sie die Website, auf der Sie das Package installieren möchten 8. Das Package erscheint sofort in Ihrem Block-Picker im Page Builder

Für kostenpflichtige Packages funktioniert es so: 1. Klicken Sie auf "Kaufen & Installieren" auf der Detailseite 2. Sie werden zu Stripe Checkout weitergeleitet 3. Geben Sie Ihre Zahlungsdaten ein und bestätigen Sie 4. Nach erfolgreicher Zahlung werden Sie zum CMS zurückgeleitet 5. Das Package wird automatisch auf Ihrer gewählten Website installiert Lizenzstatus: • 🟢 Lizenz aktiv – Package funktioniert vollständig • 🔴 Lizenz abgelaufen – Bei gekündigten Abonnements Bei Einmalzahlung haben Sie dauerhaften Zugang. Bei einem Abonnement funktioniert das Package, solange Ihr Abonnement aktiv ist.

Um ein Package zu veröffentlichen, benötigen Sie: • Ein JavaScript-Bundle (.js) – Ihre Komponente als ESM-Modul (max. 500KB) • Optional: eine CSS-Datei (.css) – Zusätzliches Styling für Ihre Komponente • Vorschaubilder – Mindestens 1, maximal 5 Screenshots Das JS-Bundle muss eine gültige Page-Builder-Komponente exportieren. Verwenden Sie Ihren bevorzugten Bundler (Vite, Rollup, esbuild), um Ihre React-Komponente als ESM zu bündeln. Manifest-Anforderungen: • Name: @scope/package-name (z.B. @meineagentur/hero-premium) • Version: Semver-Format (z.B. 1.0.0) • Anzeigename: lesbarer Name (z.B. "Premium Hero Section") • Beschreibung: mindestens 10 Zeichen • Kategorie: wählen Sie aus Layout, Content, Interaction usw. • Branchen: für welche Branchen ist dies relevant (Zahnarzt, Restaurant usw.) • Lizenz: free oder commercial

Der Veröffentlichungs-Assistent hat 4 Schritte: Schritt 1 – Bundle hochladen: • Ziehen Sie Ihr .js-Bundle in das Upload-Feld (max. 500KB) • Optional: fügen Sie eine .css-Datei hinzu Schritt 2 – Manifest ausfüllen: • Name (@scope/package-name) • Version (1.0.0) • Anzeigename und Beschreibung • Kategorie und Branchen auswählen • Editor-Versionskompatibilität • Token-Dependencies auswählen • Lizenz wählen (free/commercial) Schritt 3 – Vorschaubilder: • Laden Sie 1-5 Screenshots Ihrer Komponente hoch • Optional: fügen Sie eine Demo-URL hinzu Schritt 4 – Prüfen & Veröffentlichen: • Überprüfen Sie eine Zusammenfassung aller eingegebenen Daten • Klicken Sie auf "Veröffentlichen", um Ihr Package einzureichen • Nach Prüfung wird Ihr Package auf dem Marketplace sichtbar

In Schritt 2 des Veröffentlichungs-Assistenten legen Sie den Preis fest: Kostenlos: • Wählen Sie "Kostenlos" als Preismodell • Jeder kann Ihr Package direkt installieren Einmalig: • Wählen Sie "Einmalig" als Preismodell • Geben Sie den Preis in Euro ein (z.B. €29) • Käufer zahlen einmal über Stripe Checkout • Ein Stripe Product + Price wird automatisch erstellt Abonnement: • Wählen Sie "Abonnement" als Preismodell • Geben Sie den monatlichen Preis in Euro ein (z.B. €9/Monat) • Käufer zahlen monatlich über Stripe • Bei Kündigung verliert der Käufer den Zugang zu Updates Ihre Einnahmen können Sie unter Marketplace → Revenue Dashboard einsehen.

Nach der Veröffentlichung können Sie Ihre Packages verwalten: • Installationsstatistiken und Bewertungen einsehen • Eine neue Version mit höherer Versionsnummer veröffentlichen • Ihre Einnahmen im Revenue Dashboard einsehen Neue Version veröffentlichen: 1. Gehen Sie zu Marketplace → Veröffentlichen 2. Laden Sie das neue Bundle hoch 3. Erhöhen Sie die Versionsnummer (Semver: 1.0.0 → 1.1.0 für Features, 1.0.1 für Bugfixes) 4. Füllen Sie die restlichen Daten aus 5. Veröffentlichen Benutzer, die Ihr Package bereits installiert haben, sehen eine Update-Benachrichtigung.

Wie groß darf mein Bundle sein? → Maximal 500KB. Halten Sie Ihr Bundle so klein wie möglich für schnelle Ladezeiten. Was ist Semver? → Semantic Versioning: major.minor.patch (z.B. 1.2.3). Major = Breaking Changes, Minor = neue Features, Patch = Bugfixes. Welche Lizenzen sind verfügbar? → 'free' (kostenlos nutzbar) und 'commercial' (kostenpflichtig, Lizenz erforderlich). Wie erhalte ich meine Stripe-Auszahlungen? → Einnahmen werden über Stripe verarbeitet. Sie können Ihre Auszahlungen in Ihrem Stripe Dashboard einsehen. Kann ich ein Package deinstallieren? → Ja, gehen Sie zu Marketplace → Meine Installationen und klicken Sie auf "Deinstallieren". Das Package wird von Ihrer Website entfernt. Was passiert, wenn ich mein Abonnement kündige? → Das Package bleibt installiert, zeigt aber ein 'Lizenz abgelaufen'-Badge. Sie erhalten keine Updates mehr. Kann ich mein Package vom Marketplace entfernen? → Kontaktieren Sie den Support. Bestehende Installationen funktionieren weiterhin. Welche Branchen kann ich auswählen? → Zahnarzt, Restaurant, Immobilien, Anwalt, Fitness, E-Commerce, Fotografie, Freelancer, Non-Profit, Startup, Bildung, Gesundheitswesen und mehr.