Skip to main content

​
Übersicht

Das Dodo Payments Framer-Plugin fügt einer Framer-Website Kaufschaltflächen für deine Dodo Payments-Produkte hinzu. Jede Schaltfläche öffnet den Checkout als Overlay auf deiner Seite oder leitet den Kunden zur gehosteten Checkout-Seite weiter – im Testmodus oder im Live-Modus.

Official Plugin

Installiere das Dodo Payments-Plugin aus dem Framer Marketplace.

​
Funktionen

Hosted or Overlay Checkout

Öffne den Checkout als Overlay auf deiner Seite oder leite Kunden zur gehosteten Checkout-Seite weiter.

Drag-and-Drop Setup

Füge deinen API key in das Plugin ein, füge eine Kaufschaltfläche zur Arbeitsfläche hinzu und veröffentliche die Seite.

Digital Delivery

Sende Kunden nach der Zahlung Download-Links oder license keys per E-Mail.

Worldwide Coverage

Verkaufe an Kunden in über 220 Ländern mit Karten, Wallets und lokalen Zahlungsmethoden.

Automatic Tax & Invoicing

Als Merchant of Record berechnet und entrichtet Dodo Payments VAT, GST und sales tax und stellt für jede Zahlung eine Rechnung aus.

No-Code Subscriptions

Abonnementprodukte erhalten dieselbe Kaufschaltfläche wie Einmalzahlungsprodukte – ganz ohne Code.

​
Einrichtungsanleitung

1

Generate API Key

Öffne im Dodo Payments-Dashboard Entwickler → API-Schlüssel und klicke auf API-Schlüssel hinzufügen. Du kannst auch direkt die API-Schlüssel-Seite öffnen.Ein API key funktioniert nur in einem Modus. Wähle vor dem Erstellen des Schlüssels über den Schalter Live-Modus in der Seitenleiste den Modus aus:
Für den Produktivbetrieb. Kunden zahlen mit echten Zahlungsmethoden.
Kopiere den API key und bewahre ihn sicher auf. Das Dashboard zeigt ihn nur einmal an. Im nächsten Schritt fügst du ihn in das Plugin ein.
2

Authenticate Plugin

Halte deinen API key geheim. Teile ihn niemals und veröffentliche ihn nicht.
  1. Öffne das Dodo Payments-Plugin in Framer. Es wird auf der Seite Authentifizieren geöffnet.
  2. Wähle unter API-Modus Testmodus oder Live-Modus aus, passend zu deinem API key.
  3. Füge deinen API key unter API key ein.
  4. Klicke auf Weiter.
3

Manage Products

Nach der Authentifizierung listet das Plugin unter Produkte die Produkte aus dem von dir ausgewählten Modus auf:
  • Vorhandene Produkte werden automatisch angezeigt und jeweils als Einmalzahlung oder Abonnement gekennzeichnet.
  • Noch keine Produkte: Klicke neben Produkte auf die Schaltfläche Plus (+).
Die Schaltfläche Plus (+) öffnet das Dodo Payments-Dashboard. Dort erstellst du ein Produkt und legst dessen Preis, Beschreibung und weitere Einstellungen fest.
4

Add Buy Buttons

  1. Wähle ein Produkt aus der Liste aus.
  2. Klicke auf Kaufschaltfläche hinzufügen.
Das Plugin fügt deiner Arbeitsfläche eine Kaufschaltfläche mit der Bezeichnung Buy {product_name} hinzu. Auf derselben Produktseite öffnet Bearbeiten das Produkt im Dodo Payments-Dashboard und Vorschau anzeigen die Checkout-Vorschau.
Kaufschaltfläche hinzufügen ist deaktiviert, wenn du keine Berechtigung hast, Komponenten hinzuzufügen und ihre Eigenschaften im Framer-Projekt zu ändern.

​
Anpassung

Um die Funktionsweise einer Kaufschaltfläche zu ändern, wähle sie auf der Arbeitsfläche aus und bearbeite ihre Eigenschaften in Framer.
1

Select Checkout Experience

Lege unter Typ fest, wie der Checkout geöffnet wird:
  • Overlay: Der Checkout wird als Overlay auf deiner Framer-Seite geöffnet, sodass Kunden auf deiner Website bleiben. Das Plugin verwendet diesen Typ für neue Schaltflächen.
  • Gehostet: Die Schaltfläche führt zur gehosteten Checkout-Seite von Dodo Payments. Linkziel legt fest, ob die Seite in einem neuen oder im selben Tab geöffnet wird.
2

Customize Appearance Options

Stimme Schaltfläche und Checkout mit diesen Eigenschaften an deine Website an:
  • Checkout-Theme: Ein heller oder dunkler Checkout.
  • Bezeichnung: Der Text der Schaltfläche, z. B. “Jetzt kaufen”, “Kaufen” oder “Loslegen”.
  • Schaltflächenstil: Hintergrundfarbe, Textfarbe, Schriftart, Schriftgröße, Rahmenradius und Innenabstand.
  • Rückgabe-URL: Die Framer-Seite oder URL, zu der Kunden nach dem Checkout zurückkehren.
  • Umgebung: Live oder Test. Das Plugin legt sie auf den Modus fest, mit dem du dich authentifiziert hast.

​
Fehlerbehebung

Problem: Das Plugin kann keine Authentifizierung durchführen.Lösungen:
  • Überprüfe, ob du den vollständigen API key eingefügt hast.
  • Überprüfe, ob API-Modus mit dem Modus übereinstimmt, in dem der Schlüssel erstellt wurde. Ein Schlüssel im Testmodus funktioniert nicht im Live-Modus und ein Schlüssel im Live-Modus funktioniert nicht im Testmodus.
  • Überprüfe deine Internetverbindung.
Problem: Kaufschaltfläche hinzufügen ist deaktiviert.Lösungen:
  • Überprüfe, ob deine Rolle im Framer-Projekt das Hinzufügen von Komponenten und Ändern ihrer Eigenschaften erlaubt.
  • Überprüfe, ob das Plugin authentifiziert ist.
  • Schließe das Plugin und öffne es erneut.
Problem: Produkte werden im Plugin nicht angezeigt.Lösungen:
  • Überprüfe, ob du Produkte in deinem Dodo Payments-Dashboard erstellt hast.
  • Überprüfe, ob die Produkte im selben Modus wie dein API key vorhanden sind. Das Plugin listet nur die Produkte aus dem Modus auf, mit dem du dich authentifiziert hast.
  • Authentifiziere das Plugin erneut.
Zuletzt geändert am 26. September 2026