Vous n'avez pas besoin d'une page dans votre espace de travail pour vendre un produit. Un lien de paiement fonctionne dans un e-mail, un chat ou une publication sur les réseaux sociaux, et quelques lignes de code ajoutent des boutons d'achat et un panier à n'importe quel site que vous gérez déjà. Les deux mènent vos acheteurs vers le même checkout.
Si les paiements sont désactivés dans votre espace de travail, activez-les d'abord sous Paramètres > Fonctionnalités.
Le lien direct d'un produit
Chaque produit a son propre lien de paiement. Ouvrez le produit sous
Paiements > Catalogue > Produits et passez à l'onglet Checkout et
URLs pour copier le Lien de paiement ou le Lien du mode test. Les
liens de paiement directs acceptent ?affiliate=CODE et ?qty=N.
Créer un lien de checkout
Pour plus d'un produit, utilisez Paiements > Catalogue > Liens de checkout. Vous créez le lien et voyez un aperçu du checkout exactement comme vos acheteurs le verront.
- Sous Produits et packs, cliquez sur Ajouter un produit ou un pack. Réglez la Quantité, si le produit laisse l'acheteur en choisir une, et, si le produit a plusieurs prix, le Prix.
- Activez Proposer en option pour un produit à paiement unique que l'acheteur peut ajouter dans le checkout au lieu de l'acheter d'office.
- Sous Préremplir les données de l'acheteur, saisissez un e-mail et un nom si vous créez le lien pour une seule personne. Cela remplit seulement les champs, l'acheteur peut les modifier. Activez Préremplir l'adresse pour remplir aussi l'adresse de facturation.
- Choisissez un Coupon pour l'appliquer automatiquement à l'ouverture du checkout.
- Sous Plus d'options, réglez la Langue du checkout ou activez Lien de test pour ouvrir le checkout en mode test Stripe.
Sous Votre lien, vous pouvez ensuite Copier le lien, l'Ouvrir ou Télécharger le QR code. Chaque visite crée aussitôt une commande ouverte. Si personne ne paie, elle reste en attente dans Commandes pendant 24 heures, puis elle est marquée comme expirée. Un lien largement partagé affiche donc de nombreuses commandes en attente ou expirées. Vous pouvez quand même envoyer le même lien à autant de personnes que vous le souhaitez.
Si le programme partenaires est activé, la section Partenaire attribue les ventes du lien à un partenaire et, si vous le souhaitez, à une Campagne. Le programme partenaires n'est disponible qu'avec l'offre Business.
Certaines combinaisons ne peuvent pas partager un même lien. Tous les produits doivent avoir la même devise, et une commande ne peut contenir qu'un seul abonnement ou plan de paiement. Un plan de paiement, ou un abonnement avec période d'essai, ne peut pas être combiné avec d'autres produits. Les cartes cadeaux et les billets d'événement ne sont pas proposés dans le générateur.
Si le générateur vous avertit que les acheteurs ne peuvent pas encore payer, connectez Stripe ou activez un autre moyen de paiement sous Paiements > Paramètres > Moyens de paiement.
Intégrer des widgets sur votre site
Allez dans Paiements > Paramètres > Widgets. Un seul script vous donne deux choses : une vitrine avec panier, faite de blocs produits et d'un panier partagé, et un checkout en surimpression qui ouvre le checkout complet dans une lightbox, pour que les visiteurs restent sur votre page.
- Ajoutez le script : collez le loader une fois par page, idéalement dans
le
headde votre site. - Placez vos snippets là où les produits ou les boutons doivent apparaître.
- Publiez et testez : la commande apparaît aussitôt sous Paiements.
L'onglet Widgets propose quatre briques : la Fiche produit, le Widget d'ajout au panier, l'Icône du panier et le Bouton d'achat. Choisissez un produit dans le Configurateur de snippets et tous les exemples de code de la page se mettent à jour. Un bouton d'achat ressemble à ceci :
<script src="https://your-domain/embed.js" async></script> <button data-memberarea-checkout="PRODUCT-ID">Buy now</button>
Copiez le snippet depuis la page plutôt que de le saisir, car il contient déjà votre domaine et l'ID du produit.
Seuls les produits publiés avec un prix actif peuvent être intégrés. Le prix, les images et le stock viennent de votre catalogue, vous n'avez donc jamais à retoucher un snippet. Le checkout en surimpression ne charge rien avant qu'un visiteur clique, et les visiteurs paient sur votre propre checkout à vos couleurs, jamais sur une page Stripe.
La surimpression suit vos réglages sous Paiements > Paramètres > Checkout et ne peut pas être restylée depuis la page hôte. Les widgets de panier peuvent être personnalisés avec les variables CSS listées sous Référence développeur.
Options pour les développeurs
L'onglet Référence développeur liste les points de montage, les événements
window envoyés par les widgets et les attributs facultatifs d'un bouton
d'achat. data-coupon, data-email et data-price prédéfinissent un coupon,
l'e-mail de l'acheteur et un prix précis.
data-affiliate attribue la vente à un partenaire et, comme la section
Partenaire, demande l'offre Business. Si votre site définit une Content
Security Policy, autorisez les scripts et les frames du domaine affiché dans
l'onglet Configuration.
Les widgets fonctionnent avec n'importe quel outil de création de site, du HTML statique à WordPress, Webflow et Framer. Si vous utilisez WordPress, consultez aussi Vendre vos cours depuis WordPress.