Marketplace

De Marketplace is een open ecosysteem waar bureaus en developers herbruikbare componenten publiceren, delen en verkopen. Een package is een kant-en-klaar blok (hero, pricing table, footer, etc.) dat je met één klik aan je site toevoegt. Categorieën: • Layout – Pagina-indelingen en structuren • Content – Kant-en-klare content-blokken • Interaction – Interactieve elementen (formulieren, sliders) • Social Proof – Testimonials, reviews, ratings • Notification – Banners, popups, meldingen • Navigation – Menu's, breadcrumbs, footers • Global – Overige packages Prijsmodellen: • Gratis – Vrij te installeren • Eenmalig – Eén keer betalen, permanent toegang • Abonnement – Maandelijks betalen voor updates en support Rollen: alleen beheerders (Admin) kunnen packages installeren en publiceren.

Stap-voor-stap: 1. Ga naar Marketplace in het hoofdmenu 2. Gebruik de zoekbalk om op naam of trefwoord te zoeken 3. Filter op categorie (Layout, Content, etc.) of prijs (gratis, eenmalig, abonnement) 4. Klik op een package om de detailpagina te openen 5. Bekijk de beschrijving, screenshots, reviews en prijs 6. Klik op "Installeren" (gratis) of "Kopen & Installeren" (betaald) 7. Kies de site waarop je de package wilt installeren 8. De package verschijnt direct in je blokken-picker in de page builder

Voor betaalde packages werkt het als volgt: 1. Klik op "Kopen & Installeren" op de detailpagina 2. Je wordt doorgestuurd naar Stripe Checkout 3. Vul je betaalgegevens in en bevestig 4. Na succesvolle betaling word je teruggestuurd naar het CMS 5. De package wordt automatisch geïnstalleerd op je gekozen site Licentie-status: • 🟢 Licentie actief – Package werkt volledig • 🔴 Licentie verlopen – Bij abonnementen die zijn opgezegd Bij eenmalige betaling heb je permanent toegang. Bij een abonnement blijft de package werken zolang je abonnement actief is.

Om een package te publiceren heb je nodig: • Een JavaScript-bundel (.js) – Dit is je component als ESM module (max 500KB) • Optioneel: een CSS-bestand (.css) – Extra styling voor je component • Preview-afbeeldingen – Minimaal 1, maximaal 5 screenshots De JS-bundel moet een geldig page builder-component exporteren. Gebruik je favoriete bundler (Vite, Rollup, esbuild) om je React-component te bundelen als ESM. Manifest-vereisten: • Naam: @scope/package-naam (bijv. @mijnbureau/hero-premium) • Versie: semver formaat (bijv. 1.0.0) • Weergavenaam: leesbare naam (bijv. "Premium Hero Sectie") • Beschrijving: minimaal 10 tekens • Categorie: kies uit Layout, Content, Interaction, etc. • Branche: voor welke branches is dit relevant (tandarts, restaurant, etc.) • Licentie: free of commercial

De publicatie-wizard heeft 4 stappen: Stap 1 – Upload bundel: • Sleep je .js bundel naar het uploadveld (max 500KB) • Optioneel: voeg een .css bestand toe Stap 2 – Manifest invullen: • Naam (@scope/package-naam) • Versie (1.0.0) • Weergavenaam en beschrijving • Categorie en branches selecteren • Editor-versie compatibiliteit • Token-dependencies selecteren • Licentie kiezen (free/commercial) Stap 3 – Preview-afbeeldingen: • Upload 1-5 screenshots van je component • Optioneel: voeg een demo-URL toe Stap 4 – Controleren & Publiceren: • Bekijk een samenvatting van alle ingevulde gegevens • Klik op "Publiceren" om je package in te dienen • Na review wordt je package zichtbaar op de Marketplace

Bij stap 2 van de publicatie-wizard stel je de prijs in: Gratis: • Selecteer "Gratis" als prijsmodel • Iedereen kan je package direct installeren Eenmalig (one-time): • Selecteer "Eenmalig" als prijsmodel • Vul de prijs in euro's in (bijv. €29) • Kopers betalen één keer via Stripe Checkout • Er wordt automatisch een Stripe Product + Price aangemaakt Abonnement (subscription): • Selecteer "Abonnement" als prijsmodel • Vul de maandelijkse prijs in euro's in (bijv. €9/maand) • Kopers betalen maandelijks via Stripe • Bij opzegging verliest de koper toegang tot updates Je inkomsten kun je bekijken via Marketplace → Revenue Dashboard.

Na publicatie kun je je packages beheren: • Bekijk installatie-statistieken en reviews • Publiceer een nieuwe versie met een hoger versienummer • Bekijk je inkomsten in het Revenue Dashboard Nieuwe versie publiceren: 1. Ga naar Marketplace → Publiceren 2. Upload de nieuwe bundel 3. Verhoog het versienummer (semver: 1.0.0 → 1.1.0 voor features, 1.0.1 voor bugfixes) 4. Vul de overige gegevens in 5. Publiceer Gebruikers die je package al geïnstalleerd hebben zien een update-notificatie.

Hoe groot mag mijn bundel zijn? → Maximaal 500KB. Houd je bundel zo klein mogelijk voor snelle laadtijden. Wat is semver? → Semantic Versioning: major.minor.patch (bijv. 1.2.3). Major = breaking changes, minor = nieuwe features, patch = bugfixes. Welke licenties zijn beschikbaar? → 'free' (gratis te gebruiken) en 'commercial' (betaald, licentie vereist). Hoe ontvang ik mijn Stripe-uitbetalingen? → Inkomsten worden verwerkt via Stripe. Je kunt je uitbetalingen bekijken in je Stripe Dashboard. Kan ik een package deïnstalleren? → Ja, ga naar Marketplace → Mijn Installaties en klik op "Deïnstalleren". De package wordt verwijderd uit je site. Wat gebeurt er als ik mijn abonnement opzeg? → De package blijft geïnstalleerd maar toont een 'licentie verlopen' badge. Je ontvangt geen updates meer. Kan ik mijn package verwijderen van de Marketplace? → Neem contact op met support. Bestaande installaties blijven werken. Welke branches kan ik selecteren? → Tandarts, Restaurant, Vastgoed, Advocaat, Fitness, E-commerce, Fotografie, Freelancer, Non-profit, Startup, Onderwijs, Zorg en meer.