Skip to main content

​
Aperçu

Le plugin Framer de Dodo Payments ajoute des boutons d’achat pour vos produits Dodo Payments à un site Framer. Chaque bouton ouvre le checkout en superposition sur votre page ou redirige le client vers la page de checkout hébergée, en mode test ou en mode production.

Official Plugin

Installez le plugin Dodo Payments depuis la Marketplace Framer.

​
Fonctionnalités

Hosted or Overlay Checkout

Ouvrez le checkout en superposition sur votre page ou redirigez les clients vers la page de checkout hébergée.

Drag-and-Drop Setup

Collez votre API key dans le plugin, ajoutez un bouton d’achat au canvas, puis publiez.

Digital Delivery

Envoyez aux clients des liens de téléchargement ou des clés de licence par e-mail après le paiement.

Worldwide Coverage

Vendez à des clients dans plus de 220 pays avec des cartes, des portefeuilles électroniques et des moyens de paiement locaux.

Automatic Tax & Invoicing

En tant que Merchant of Record, Dodo Payments calcule et reverse la TVA, la GST et les taxes sur les ventes, et émet une facture pour chaque paiement.

No-Code Subscriptions

Les produits par abonnement utilisent le même bouton d’achat que les produits ponctuels, sans code.

​
Guide d’Installation

1

Generate API Key

Dans le dashboard Dodo Payments, accédez à Developer → API Keys, puis cliquez sur Add API Key. Vous pouvez également ouvrir directement la page API Keys.Une API key ne fonctionne que dans un seul mode. Avant de créer la clé, utilisez le sélecteur Live Mode dans la barre latérale pour choisir le mode :
Pour la production. Les clients paient avec de vrais moyens de paiement.
Copiez l’API key et conservez-la en lieu sûr. Le dashboard ne l’affiche qu’une seule fois ; vous la collerez dans le plugin à l’étape suivante.
2

Authenticate Plugin

Gardez votre API key secrète. Ne la partagez et ne la publiez jamais.
  1. Ouvrez le plugin Dodo Payments dans Framer. Il s’ouvre sur la page Authenticate.
  2. Sous API Mode, sélectionnez Test Mode ou Live Mode pour correspondre à votre API key.
  3. Collez votre API key dans API Key.
  4. Cliquez sur Continue.
3

Manage Products

Après votre authentification, le plugin répertorie sous Products les produits du mode que vous avez sélectionné :
  • Les Existing products apparaissent automatiquement, chacun étant indiqué comme One-time ou Subscription.
  • No products yet : cliquez sur le bouton Plus (+) à côté de Products.
Le bouton Plus (+) ouvre le dashboard Dodo Payments, où vous pouvez créer un produit et définir son prix, sa description ainsi que d’autres paramètres.
4

Add Buy Buttons

  1. Sélectionnez un produit dans la liste.
  2. Cliquez sur Add Buy Button.
Le plugin ajoute à votre canvas un bouton d’achat portant le libellé Buy {product_name}. Sur le même écran du produit, Edit ouvre le produit dans le dashboard Dodo Payments et Show Preview ouvre son aperçu du checkout.
Add Buy Button est désactivé si vous n’avez pas l’autorisation d’ajouter des composants et de modifier leurs propriétés dans le projet Framer.

​
Personnalisation

Pour modifier le fonctionnement d’un bouton d’achat, sélectionnez-le sur le canvas et modifiez ses propriétés dans Framer.
1

Select Checkout Experience

Définissez Type pour choisir comment le checkout s’ouvre :
  • Overlay : le checkout s’ouvre en superposition sur votre page Framer afin que les clients restent sur votre site. Le plugin utilise ce type pour les nouveaux boutons.
  • Hosted : le bouton renvoie vers la page de checkout hébergée de Dodo Payments. Link Target détermine si la page s’ouvre dans un nouvel onglet ou dans le même onglet.
2

Customize Appearance Options

Adaptez le bouton et le checkout à votre site avec ces propriétés :
  • Checkout Theme : un checkout clair ou sombre.
  • Label : le texte du bouton, tel que “Buy Now”, “Purchase” ou “Get Started”.
  • Style du bouton : couleur d’arrière-plan, couleur du texte, police, taille de police, rayon de bordure et marges intérieures.
  • Return URL : la page Framer ou l’URL vers laquelle les clients sont redirigés après le checkout.
  • Environment : Live ou Test. Le plugin utilise le mode avec lequel vous vous êtes authentifié.

​
Dépannage

Problème : le plugin ne s’authentifie pas.Solutions :
  • Vérifiez que vous avez collé l’API key complète.
  • Vérifiez que API Mode correspond au mode dans lequel la clé a été créée. Une clé en mode test ne fonctionne pas en mode production, et une clé en mode production ne fonctionne pas en mode test.
  • Vérifiez votre connexion Internet.
Problème : Add Buy Button est désactivé.Solutions :
  • Vérifiez que votre rôle dans le projet Framer vous permet d’ajouter des composants et de modifier leurs propriétés.
  • Vérifiez que le plugin est authentifié.
  • Fermez et rouvrez le plugin.
Problème : les produits n’apparaissent pas dans le plugin.Solutions :
  • Vérifiez que vous avez créé des produits dans votre dashboard Dodo Payments.
  • Vérifiez que les produits existent dans le même mode que votre API key. Le plugin répertorie uniquement les produits du mode avec lequel vous vous êtes authentifié.
  • Authentifiez à nouveau le plugin.
Dernière modification le 26 septembre 2026