Boutique

Chaque site Closer peut vendre des produits numériques : formations, e-books, modèles, presets, packs de LUT, fichiers vidéo et tout ce que vous pouvez livrer en téléchargement. Les acheteurs paient par carte via Stripe, reçoivent un code par e-mail et téléchargent leurs fichiers immédiatement.

Ouvrez Boutique dans le menu de votre site. Elle comporte quatre onglets : Produits, Commandes, Coupons et Paramètres et Stripe. Un badge en haut indique si la boutique est activée et si elle fonctionne en mode TEST ou LIVE. Tant que la boutique est désactivée, une barre en haut l’indique avec un bouton Activer la boutique : un clic l’active, et l’icône du panier apparaît alors toute seule dans le menu de votre site. L’interrupteur Boutique activée dans Paramètres et Stripe prend aussi effet immédiatement, sans Enregistrer.

Comment se passe l’achat pour vos clients

1. Le visiteur clique sur Ajouter au panier sur un produit (dans une section Boutique (produits) ou sur la page du produit, /product/address).
2. Le panier s’ouvre dans un panneau latéral ; il peut continuer ses achats ou passer au paiement.
3. Il paie sur la page de paiement sécurisée de Stripe.
4. Il revient sur votre site, sur la page de retrait, où il voit ce qu’il a acheté et peut télécharger les fichiers. Si vous choisissez une Page de remerciement après le paiement dans Paramètres et Stripe, il arrive sur cette page à la place, avec la mention Paiement reçu, son code et un bouton vers ses téléchargements.
5. Il reçoit aussi un e-mail avec un code (comme WRY9X-2WXKG-UTHCG) et un lien. Avec ce code, il peut revenir à tout moment sur /redeem sur votre site et télécharger à nouveau.

Les produits gratuits (prix 0) sont livrés immédiatement, sans Stripe.

L’e-mail d’achat est envoyé via les Réglages e-mail de votre site. Configurez-les avant de commencer à vendre.

Étape 1 : connecter Stripe

Il vous faut un compte Stripe (stripe.com). L’argent arrive directement sur votre compte Stripe.

1. Allez dans Boutique → Paramètres et Stripe.
2. Activez Boutique activée. Le panier apparaît alors dans le menu de votre site et les achats sont possibles.
3. Choisissez votre Devise : EUR, USD, GBP, RSD ou CHF.
4. Dans Stripe, ouvrez Développeurs → Clés API et copiez la Clé secrète. Stripe a des clés distinctes pour le test et le mode live : collez la clé de test sous Clés de test et la clé live sous Clés live.
5. Dans Stripe, ouvrez Développeurs → Webhooks et ajoutez un endpoint avec l’adresse affichée dans l’écran Closer (copiez-la avec le bouton de copie), avec l’événement checkout.session.completed. Copiez le Secret de signature (whsec_…) dans Secret de signature du webhook. Faites-le en mode test et en mode live.
6. Cliquez sur Enregistrer, puis sur Vérifier la connexion à Stripe.

Les clés enregistrées s’affichent comme enregistrées. Utilisez Supprimer la clé enregistrée pour en retirer une.

Page de remerciement après le paiement (facultatif) : une page supplémentaire de votre site que les acheteurs voient après avoir payé, par exemple /thank-you avec les prochaines étapes ou une offre complémentaire. Un bouton dans une section VSL peut choisir sa propre page de remerciement. N’importe quel bouton peut aussi lancer un paiement avec le lien /buy/product-address : le produit est ajouté au panier et le panier s’ouvre.

L’adresse du webhook utilise l’adresse actuelle de votre site. Si vous connectez votre propre domaine plus tard, vérifiez à nouveau l’adresse affichée ici et mettez à jour l’endpoint dans Stripe.

Le paiement est aussi confirmé lorsque l’acheteur revient de la page de paiement : les achats fonctionnent donc même avant la configuration du webhook. Le webhook sert de filet de sécurité si l’acheteur ferme la fenêtre.

Également dans cet onglet : M’envoyer un e-mail pour chaque nouvelle commande (destinataires dans Admin → E-mail) vous envoie une notification à chaque vente.

D’abord tester, ensuite passer en live

• Sous Mode de paiement, choisissez Test pendant la configuration. En mode test, payez avec la carte 4242 4242 4242 4242, n’importe quelle date future et n’importe quel CVC. Aucun argent réel ne circule.
• Quand tout fonctionne, passez en Live (vrais paiements).

Les achats de test sont comptés à part dans Commandes (Achats de test), pour ne pas se mélanger au vrai chiffre d’affaires.

Étape 2 : ajouter des produits

1. Allez dans Boutique → Produits et cliquez sur Nouveau produit.
2. Renseignez :
   • le Nom, une Brève description (affichée sur la carte du produit) et une Description détaillée, pour chaque langue de votre site (changez de langue avec les boutons en haut du formulaire). Le nom dans la langue principale est obligatoire.
   • le Prix. 0 ou vide = gratuit.
   • l’Ancien prix (facultatif) : affiche une remise à côté du prix.
   • la Catégorie (facultatif) : permet de n’afficher que certains produits dans une section.
   • l’Adresse : la page du produit est /product/address. Laissez vide pour la créer à partir du nom.
3. Images (la première est la couverture) : importez une ou plusieurs images ; réorganisez-les pour que la meilleure soit en premier.
4. Fichiers à télécharger (visibles uniquement par les acheteurs) : cliquez sur Importer des fichiers (ZIP, PDF, LUT, vidéo…). Chaque fichier peut faire jusqu’à 100 Mo. Les gros fichiers peuvent mettre un moment à s’importer ; gardez la page ouverte.
   • Ou ajoutez un lien à la place d’un fichier (Google Drive, Dropbox, WeTransfer…) : collez une adresse qui commence par https://, donnez-lui un nom et cliquez sur Ajouter le lien. Pratique pour les fichiers plus lourds que la limite. Après paiement, les acheteurs le voient sur leur page de téléchargement et Ouvrir les y mène.
   • Les fichiers envoyés comptent dans votre stockage, affiché sous le bouton (par exemple Stockage : 120 MB utilisés sur 300 MB · Fichier max. : 100 MB). Les liens ne prennent pas de place.
5. Activez Visible dans la boutique (et Mis en avant si vous voulez le mettre en valeur).
6. Cliquez sur Enregistrer le produit.

Dans la liste des produits, faites glisser la poignée pour définir l’ordre d’affichage des produits sur votre site. Supprimer retire un produit et ses fichiers ; les personnes qui l’ont acheté ne peuvent alors plus le télécharger.

Les fichiers à télécharger sont privés. Personne ne peut les ouvrir sans le code d’une commande payée.

Prix libre

Activez Prix libre dans le formulaire du produit pour laisser les acheteurs choisir leur prix. Le Prix devient le montant suggéré avec lequel le panier démarre, et le Prix minimum est le montant le plus bas qu’un acheteur peut saisir (0 ou vide signifie qu’il peut aussi l’obtenir gratuitement). Sur votre site, le prix affiche Payez ce que vous voulez, et dans le panier l’acheteur saisit le montant à côté du produit.

Offre complémentaire : « ajouter à la commande » dans le panier

Une offre complémentaire est une petite offre supplémentaire affichée dans le panier, avec une case à cocher, par exemple « Oui, ajouter le pack bonus pour seulement 9 € ». Un clic ajoute le produit à la commande, et décocher la case le retire.

1. Ouvrez le produit qui doit déclencher l’offre (par exemple votre formation principale).
2. Sous Offre complémentaire, choisissez le Produit proposé.
3. Rédigez éventuellement le Texte de l’offre dans chaque langue. Laissez-le vide pour afficher « Oui, ajouter [produit] à ma commande ».
4. Cliquez sur Enregistrer le produit.

Chaque fois que ce produit est dans le panier, l’offre apparaît sous les articles avec le nom et le prix du produit proposé. Les bonnes offres complémentaires sont peu chères, liées à l’achat et immédiatement utiles : un pack de modèles, une checklist, une vidéo bonus.

Étape 3 : afficher les produits sur votre site

1. Ouvrez l’éditeur.
2. Dans l’onglet Ajouter, sous Sections prêtes à l’emploi, cliquez sur Boutique (produits).
3. Définissez le titre, le Texte du bouton (par défaut Ajouter au panier), le Texte quand il n’y a aucun produit, et éventuellement Seulement cette catégorie (vide = tous les produits) pour n’afficher qu’une catégorie.
4. Dans Apparence, choisissez le Nombre de colonnes et la Forme de l’image.
5. Publiez.

Vous pouvez ajouter plusieurs sections boutique, par exemple une par catégorie sur différentes pages. Créez un lien vers un seul produit depuis n’importe quel bouton avec /product/address.

Coupons (codes promo)

Boutique → Coupons contient les codes promo que les acheteurs saisissent dans le panier (Code promo → Appliquer).

1. Cliquez sur Nouveau coupon. Un code aléatoire est proposé ; remplacez-le par quelque chose de facile à retenir comme SPRING25. Les codes ne tiennent pas compte des majuscules et minuscules.
2. Choisissez le Type de remise : Pourcentage (par exemple 20) ou Montant fixe (par exemple 5.00 dans la devise de votre boutique).
3. Limites facultatives :
   • Commande minimale : le panier doit valoir au moins ce montant.
   • Utilisations maximales : combien de commandes payées peuvent utiliser le code. Le compteur augmente quand une commande est payée.
   • Valable à partir du / Valable jusqu’au : le code ne fonctionne qu’entre ces jours (inclus).
   • Uniquement pour ces produits : la remise n’est calculée que sur les produits cochés. Si rien n’est coché, elle s’applique à tout le panier.
4. Laissez Actif activé et cliquez sur Enregistrer le coupon.

La liste affiche chaque code avec sa remise, ses utilisations (par exemple 3 / 10 utilisations) et s’il est Expiré ou Épuisé. L’interrupteur désactive un code sans le supprimer.

Ce que voient les acheteurs :

• Un code erroné, inactif, expiré, épuisé ou un montant de commande trop faible affiche un message clair dans le panier, dans la langue de l’acheteur.
• Avec un code valide, le panier affiche le Sous-total, la Remise et le nouveau Total.
• Sur la page de paiement Stripe, la remise apparaît sur une ligne à part avec le nom du code, et l’acheteur paie exactement le total du panier. (Closer crée un coupon Stripe à usage unique pour ce montant précis : il n’y a rien à configurer dans Stripe.)
• Un code qui ramène le total à 0 (par exemple 100 %) livre la commande immédiatement, sans Stripe.
• La remise est indiquée sur la commande dans Commandes, sur la page de téléchargement de l’acheteur et dans l’e-mail d’achat.

Si un code cesse de fonctionner pendant qu’un acheteur passe commande (il expire ou atteint son maximum), le panier le retire et affiche le nouveau total avant tout paiement.

Commandes

Boutique → Commandes liste chaque commande avec l’e-mail de l’acheteur, les produits, le total et le statut. En haut, vous voyez Chiffre d’affaires (live), Commandes payées, En attente de paiement et Achats de test.

• Recherchez par E-mail, nom ou code… et filtrez par statut.
• Statuts : En attente de paiement, Payée, Remboursée, Annulée.
• Ouvrez une commande pour voir le code, la date de paiement, le code promo utilisé (le cas échéant) et les Téléchargements (combien de fois les fichiers ont été téléchargés).
• Renvoyer le code renvoie l’e-mail d’achat à l’acheteur, par exemple s’il l’a perdu.
• Page de retrait ouvre la page de téléchargement de l’acheteur.
• Les Notes internes ne sont visibles que par vous.

Remboursements

Remboursez le paiement dans votre tableau de bord Stripe, puis ouvrez la commande dans Closer et réglez son statut sur Remboursée. L’acheteur perd alors l’accès aux téléchargements.

Conseils

• Utilisez des images de couverture nettes et de même format pour tous les produits, pour une boutique soignée.
• Mettez un bénéfice court et concret dans la Brève description : c’est ce que les gens lisent sur la carte.
• Associez la boutique à une section Compte à rebours ou Vidéo VSL pour vos lancements, ainsi qu’à un coupon limité dans le temps.
• Envoyez les commandes payées vers vos autres outils avec les Intégrations (webhooks).
• Faites un achat de test complet en mode Test, e-mail et téléchargement compris, avant de passer en Live.