Marketplace

Le Marketplace est un écosystème ouvert où les agences et développeurs publient, partagent et vendent des composants réutilisables. Un package est un bloc prêt à l'emploi (hero, tableau de prix, pied de page, etc.) que vous ajoutez à votre site en un clic. Catégories : • Layout – Mises en page et structures • Content – Blocs de contenu prêts à l'emploi • Interaction – Éléments interactifs (formulaires, sliders) • Social Proof – Témoignages, avis, évaluations • Notification – Bannières, popups, alertes • Navigation – Menus, fil d'Ariane, pieds de page • Global – Autres packages Modèles de prix : • Gratuit – Installation libre • Unique – Paiement unique, accès permanent • Abonnement – Paiement mensuel pour mises à jour et support Rôles : seuls les administrateurs (Admin) peuvent installer et publier des packages.

Étape par étape : 1. Allez dans Marketplace dans le menu principal 2. Utilisez la barre de recherche pour chercher par nom ou mot-clé 3. Filtrez par catégorie (Layout, Content, etc.) ou prix (gratuit, unique, abonnement) 4. Cliquez sur un package pour ouvrir la page de détail 5. Consultez la description, les captures d'écran, les avis et le prix 6. Cliquez sur « Installer » (gratuit) ou « Acheter & Installer » (payant) 7. Choisissez le site sur lequel vous souhaitez installer le package 8. Le package apparaît immédiatement dans votre sélecteur de blocs dans l'éditeur de pages

Pour les packages payants, le processus est le suivant : 1. Cliquez sur « Acheter & Installer » sur la page de détail 2. Vous êtes redirigé vers Stripe Checkout 3. Entrez vos informations de paiement et confirmez 4. Après le paiement réussi, vous êtes redirigé vers le CMS 5. Le package est automatiquement installé sur le site choisi Statut de licence : • 🟢 Licence active – Le package fonctionne pleinement • 🔴 Licence expirée – Pour les abonnements résiliés Avec un paiement unique, vous avez un accès permanent. Avec un abonnement, le package fonctionne tant que votre abonnement est actif.

Pour publier un package, vous avez besoin de : • Un bundle JavaScript (.js) – Votre composant en module ESM (max 500 Ko) • Optionnel : un fichier CSS (.css) – Style supplémentaire pour votre composant • Images d'aperçu – Au moins 1, maximum 5 captures d'écran Le bundle JS doit exporter un composant page builder valide. Utilisez votre bundler préféré (Vite, Rollup, esbuild) pour créer votre composant React en ESM. Exigences du manifeste : • Nom : @scope/nom-du-package (ex. @monagence/hero-premium) • Version : format semver (ex. 1.0.0) • Nom d'affichage : nom lisible (ex. « Section Hero Premium ») • Description : au moins 10 caractères • Catégorie : choisir parmi Layout, Content, Interaction, etc. • Secteurs : pour quels secteurs est-ce pertinent (dentiste, restaurant, etc.) • Licence : free ou commercial

L'assistant de publication comporte 4 étapes : Étape 1 – Télécharger le bundle : • Glissez votre bundle .js dans le champ de téléchargement (max 500 Ko) • Optionnel : ajoutez un fichier .css Étape 2 – Remplir le manifeste : • Nom (@scope/nom-du-package) • Version (1.0.0) • Nom d'affichage et description • Sélectionner catégorie et secteurs • Compatibilité version éditeur • Sélectionner les dépendances de tokens • Choisir la licence (free/commercial) Étape 3 – Images d'aperçu : • Téléchargez 1 à 5 captures d'écran de votre composant • Optionnel : ajoutez une URL de démo Étape 4 – Vérifier & Publier : • Vérifiez un résumé de toutes les informations saisies • Cliquez sur « Publier » pour soumettre votre package • Après vérification, votre package devient visible sur le Marketplace

À l'étape 2 de l'assistant de publication, vous définissez le prix : Gratuit : • Sélectionnez « Gratuit » comme modèle de prix • Tout le monde peut installer votre package directement Unique : • Sélectionnez « Unique » comme modèle de prix • Entrez le prix en euros (ex. 29 €) • Les acheteurs paient une fois via Stripe Checkout • Un Stripe Product + Price est créé automatiquement Abonnement : • Sélectionnez « Abonnement » comme modèle de prix • Entrez le prix mensuel en euros (ex. 9 €/mois) • Les acheteurs paient mensuellement via Stripe • En cas de résiliation, l'acheteur perd l'accès aux mises à jour Vous pouvez consulter vos revenus via Marketplace → Revenue Dashboard.

Après publication, vous pouvez gérer vos packages : • Consulter les statistiques d'installation et les avis • Publier une nouvelle version avec un numéro de version supérieur • Consulter vos revenus dans le Revenue Dashboard Publier une nouvelle version : 1. Allez dans Marketplace → Publier 2. Téléchargez le nouveau bundle 3. Augmentez le numéro de version (semver : 1.0.0 → 1.1.0 pour les fonctionnalités, 1.0.1 pour les corrections) 4. Remplissez les informations restantes 5. Publiez Les utilisateurs qui ont déjà installé votre package verront une notification de mise à jour.

Quelle taille peut avoir mon bundle ? → Maximum 500 Ko. Gardez votre bundle aussi petit que possible pour des temps de chargement rapides. Qu'est-ce que semver ? → Versionnage sémantique : major.minor.patch (ex. 1.2.3). Major = changements majeurs, minor = nouvelles fonctionnalités, patch = corrections. Quelles licences sont disponibles ? → 'free' (utilisation gratuite) et 'commercial' (payant, licence requise). Comment recevoir mes paiements Stripe ? → Les revenus sont traités via Stripe. Vous pouvez consulter vos paiements dans votre Stripe Dashboard. Puis-je désinstaller un package ? → Oui, allez dans Marketplace → Mes installations et cliquez sur « Désinstaller ». Le package est supprimé de votre site. Que se passe-t-il si je résilie mon abonnement ? → Le package reste installé mais affiche un badge 'licence expirée'. Vous ne recevez plus de mises à jour. Puis-je retirer mon package du Marketplace ? → Contactez le support. Les installations existantes continuent de fonctionner. Quels secteurs puis-je sélectionner ? → Dentiste, Restaurant, Immobilier, Avocat, Fitness, E-commerce, Photographie, Freelance, Association, Startup, Éducation, Santé et plus.