Zum Hauptinhalt springen

Übersicht

Das Dodo Payments Framer Plugin integriert nahtlos die Zahlungsabwicklung in Ihre Framer-Websites. Erstellen Sie anpassbare Checkout-Erlebnisse mit Unterstützung für Test- und Produktionsumgebungen.

Official Plugin

Greifen Sie auf das offizielle Dodo Payments Plugin im Framer-Marktplatz zu.

Funktionen

Hosted or Overlay Checkout

Wählen Sie einen Seitenflow oder ein Inline-Overlay, das sich natürlich auf Ihrer Website anfühlt.

Drag-and-Drop Setup

Fügen Sie die Komponente hinzu, fügen Sie Ihre Schlüssel ein, veröffentlichen Sie.

Instant Digital Delivery

Sichere Download-Links oder Lizenzschlüssel werden sofort nach Zahlungseingang per E-Mail versendet.

Worldwide Coverage

Bankenähnliches Acquiring auf sechs Kontinenten, lokale Zahlungsmethoden integriert.

Automatic Tax & Invoicing

MwSt., GST, Umsatzsteuer und Belege werden für jede Bestellung abgewickelt.

No-Code Subscriptions

Aktivieren Sie ein einstellbares Umschalten, um Abonnementpläne für Ihre Produkte zu verkaufen.

Einrichtungsanleitung

1

Generate API Key

Besuchen Sie das Dodo Payments Dashboard und erstellen Sie einen neuen API-Schlüssel.
Für den Produktionseinsatz mit echten Zahlungen.
Kopieren Sie Ihren API-Schlüssel sicher – Sie benötigen ihn für den nächsten Schritt.
2

Authenticate Plugin

  1. Öffnen Sie das Dodo Payments Plugin in Framer
  2. Navigieren Sie zur Authentifizierungsseite
  3. Fügen Sie Ihren API-Schlüssel ein
  4. Wählen Sie den entsprechenden Modus (Test oder Live)
  5. Klicken Sie auf Continue, um sich zu authentifizieren
Halten Sie Ihre API-Schlüssel sicher und teilen Sie sie niemals öffentlich.
3

Manage Products

Nach der Authentifizierung sehen Sie Ihre Produktliste:
  • Vorhandene Produkte: Automatisch angezeigt
  • Keine Produkte: Klicken Sie auf die Plus (+)-Schaltfläche neben ‘Produkte’
Sie werden zum Dodo Payments Dashboard weitergeleitet, um Produkte mit Preisen, Beschreibungen und Einstellungen zu erstellen.
4

Add Buy Buttons

  1. Wählen Sie ein Produkt aus Ihrer verfügbaren Liste
  2. Klicken Sie auf die Add Buy Button Schaltfläche
  3. Ein Kauf-Button mit dem Text Buy {product_name} wird Ihrer Leinwand hinzugefügt
Die Schaltfläche “Add Buy Button” ist deaktiviert, wenn Sie nicht die richtigen Projektberechtigungen haben.

Anpassung

1

Select Checkout Experience

Wählen Sie Ihre bevorzugte Checkout-Erfahrung:
  • Overlay (Embedded): Der Checkout erscheint als Overlay innerhalb Ihres Framer-Projekts und hält Nutzer auf Ihrer Seite.
  • Hosted: Nutzer werden zu einer von Dodo Payments gehosteten Checkout-Seite weitergeleitet für eine nahtlose Erfahrung.
2

Customize Appearance Options

Passen Sie Ihre Checkout-Erfahrung mit den folgenden Darstellungseinstellungen an:
  • Checkout Theme: Wählen Sie zwischen hellem und dunklem Thema, um zu Ihrer Markenästhetik zu passen.
  • Button Label: Passen Sie den Text an (z. B. ‘Buy Now’, ‘Purchase’, ‘Get Started’).
  • Button Styles: Passen Sie Farben, Schriftarten, Größen und andere Stil-Eigenschaften an.
  • Return URL: Legen Sie eine Framer-Seite fest, zu der der Nutzer nach dem Checkout zurückkehrt.

Fehlersuche

Problem: Plugin authentifiziert nichtSolutions:
  • Überprüfen Sie, ob Ihr API-Schlüssel korrekt ist
  • Stellen Sie sicher, dass Sie den richtigen Modus verwenden (Test/Live)
  • Überprüfen Sie Ihre Internetverbindung
Problem: “Add Buy Button” ist deaktiviertSolutions:
  • Überprüfen Sie, ob Sie die richtigen Berechtigungen in Ihrem Framer-Projekt haben
  • Stellen Sie sicher, dass Sie korrekt authentifiziert sind
  • Versuchen Sie, das Plugin zu aktualisieren
Problem: Produkte werden nicht angezeigtSolutions:
  • Stellen Sie sicher, dass Sie Produkte in Ihrem Dodo Payments Dashboard erstellt haben
  • Prüfen Sie, ob Ihr API-Schlüssel die richtigen Berechtigungen hat
  • Versuchen Sie, sich erneut zu authentifizieren