Passer au contenu principal

​
Aperçu

Le plugin Framer Dodo Payments intègre parfaitement le traitement des paiements dans vos sites Web Framer. Créez des expériences de paiement personnalisables avec un support pour les environnements de test et de production.

Official Plugin

Accédez au plugin officiel Dodo Payments sur le marketplace Framer.

​
Fonctionnalités

Hosted or Overlay Checkout

Choisissez un flux en plein écran ou une superposition inline qui semble natif sur votre site.

Drag-and-Drop Setup

Ajoutez le composant, collez vos clés, publiez.

Instant Digital Delivery

Envoyez les liens de téléchargement sécurisés ou les clés de licence par e-mail dès que le paiement est validé.

Worldwide Coverage

Acquisition de niveau bancaire sur six continents, méthodes locales intégrées.

Automatic Tax & Invoicing

TVA, GST, taxe de vente et reçus gérés pour chaque commande.

No-Code Subscriptions

Activez un interrupteur pour vendre des plans d’abonnement pour vos produits.

​
Guide d’Installation

1

Generate API Key

Visitez le Tableau de bord Dodo Payments et créez une nouvelle clé API.
Pour une utilisation en production avec un traitement réel des paiements.
Copiez votre clé API en toute sécurité : vous en aurez besoin pour l’étape suivante.
2

Authenticate Plugin

  1. Ouvrez le plugin Dodo Payments dans Framer
  2. Accédez à la page Authentification
  3. Collez votre clé API
  4. Sélectionnez le mode approprié (Test ou Live)
  5. Cliquez sur Continuer pour vous authentifier
Gardez vos clés API sécurisées et ne les partagez jamais publiquement.
3

Manage Products

Après authentification, vous verrez la liste de vos produits :
  • Produits existants : Affichés automatiquement
  • Aucun produit : Cliquez sur le bouton Plus (+) à côté de ‘Produits’
Vous serez redirigé vers le Tableau de bord Dodo Payments pour créer des produits avec tarifications, descriptions et paramètres.
4

Add Buy Buttons

  1. Sélectionnez un produit dans votre liste disponible
  2. Cliquez sur le bouton Add Buy Button
  3. Un bouton d’achat avec le texte Buy {product_name} sera ajouté à votre canevas
Le bouton Ajouter un achat sera désactivé si vous n’avez pas les autorisations de projet appropriées.

​
Personnalisation

1

Select Checkout Experience

Choisissez votre expérience de paiement préférée :
  • Overlay (intégré) : le paiement s’affiche en superposition dans votre projet Framer, en maintenant les utilisateurs sur votre site.
  • Hosted : les utilisateurs sont redirigés vers une page de paiement hébergée par Dodo Payments pour une expérience fluide.
2

Customize Appearance Options

Personnalisez votre expérience de paiement avec les paramètres d’apparence suivants :
  • Thème du checkout : choisissez entre des thèmes clairs ou sombres pour correspondre à l’esthétique de votre marque.
  • Libellé du bouton : personnalisez le texte (par exemple, « Buy Now », « Purchase », « Get Started »).
  • Styles de bouton : ajustez les couleurs, polices, tailles et autres propriétés de style.
  • URL de retour : définissez une page Framer vers laquelle l’utilisateur revient après le paiement.

​
Dépannage

Problème : le plugin ne s’authentifie pasSolutions :
  • Vérifiez que votre clé API est correcte
  • Assurez-vous d’utiliser le bon mode (Test/Live)
  • Vérifiez votre connexion Internet
Problème : le bouton Ajouter un achat est désactivéSolutions :
  • Vérifiez que vous avez les autorisations appropriées dans votre projet Framer
  • Assurez-vous d’être correctement authentifié
  • Essayez de rafraîchir le plugin
Problème : les produits ne s’affichent pasSolutions :
  • Assurez-vous d’avoir créé des produits dans votre tableau de bord Dodo Payments
  • Vérifiez que votre clé API dispose des autorisations appropriées
  • Essayez de vous réauthentifier