Zum Hauptinhalt springen

Neue Funktionen 🚀

  1. Inline-Checkout - Vollständig eingebettete Checkout-Erlebnisse (BETA) Betten Sie den Dodo Payments-Checkout direkt in Ihre Website ein, um ein nahtloses, markenbezogenes Zahlungserlebnis zu schaffen. Im Gegensatz zum Overlay-Checkout, der als Modal geöffnet wird, bettet der Inline-Checkout das Zahlungsformular direkt in Ihr Seitenlayout ein.
    Inline Checkout Cover Image

    Vorteile

    • Vollständig integriert: Erstellen Sie Checkout-Erlebnisse, die nahtlos mit Ihrer Website verschmelzen
    • Benutzerdefinierte Bestellübersichten: Erstellen Sie eine benutzerdefinierte UI, die in Echtzeit mit dem Checkout synchronisiert wird
    • Maximale Kontrolle: Volle Kontrolle über Layout und Design des Checkouts
    • PCI-konform: Dodo Payments verarbeitet alle sensiblen Zahlungsinformationen sicher
    • Echtzeitsynchronisation: Verwenden Sie SDK-Ereignisse, um Ihre UI mit dem Checkout-Zustand synchron zu halten

    So funktioniert es

    Initialisieren Sie das SDK mit displayType: 'inline' und betten Sie den Checkout in ein Container-Element ein:
    import { DodoPayments } from "dodopayments-checkout";
    
    // Initialize the SDK for inline mode
    DodoPayments.Initialize({
      mode: "test",
      displayType: "inline",
      onEvent: (event) => {
        if (event.event_type === "checkout.breakdown") {
          // Update your UI with real-time tax and total calculations
          const breakdown = event.data?.message;
        }
      },
    });
    
    // Open checkout in a specific container
    DodoPayments.Checkout.open({
      checkoutUrl: "https://test.dodopayments.com/session/cks_123",
      elementId: "dodo-inline-checkout" // ID of the container element
    });
    

    Hauptmerkmale

    • Echtzeit-Zusammenbruchereignisse: Erhalten Sie checkout.breakdown Ereignisse, während Kunden ihre Daten eingeben
    • Benutzerdefinierte Bestellübersichten: Erstellen Sie Ihre eigene Preisübersicht, die in Echtzeit aktualisiert wird
    • Nahtlose Integration: Das Checkout-Frame übernimmt die Zahlungsabwicklung, während Sie das Layout steuern
    • SDK-Methoden: Verwenden Sie open(), close() und isOpen(), um den Checkout programmgesteuert zu steuern
    Ergebnis: Vollständig integrierte Checkout-Erlebnisse, die Ihrer Marke entsprechen und maximale Kontrolle über den Zahlungsfluss bieten.
    Verwenden Sie den Inline-Checkout, wenn Sie maximale Kontrolle über das Checkout-Design wünschen. Verwenden Sie Overlay-Checkout für eine schnellere Integration mit minimalen Änderungen an bestehenden Seiten.
    Erfahren Sie mehr: Inline Checkout Guide
  2. Zahlungen, Abonnements und Checkouts mit vorhandenen Zahlungsmethoden erstellen
    Optimieren Sie die Checkout-Abläufe, indem Sie gespeicherte Zahlungsmethoden von bestehenden Kunden verwenden. Der neue payment_method_id Parameter ermöglicht es Ihnen, Zahlungen, Abonnements oder Checkout-Sitzungen mit einer zuvor gespeicherten Zahlungsmethode eines Kunden zu erstellen.

    Vorteile

    • Schnellerer Checkout: Überspringen Sie die Erfassung der Zahlungsmethode für wiederkehrende Kunden
    • Einkäufe mit einem Klick: Ermöglichen Sie sofortige Käufe mit gespeicherten Zahlungsmethoden
    • Abonnementverwaltung: Erstellen Sie ganz einfach Abonnements mit vorhandenen Zahlungsmethoden
    • Verbesserte Konversion: Reduzieren Sie die Checkout-Reibung für wiederkehrende Kunden

    So funktioniert es

    Verwenden Sie payment_method_id beim Erstellen von Checkout-Sitzungen, Zahlungen oder Abonnements:
    const session = await client.checkoutSessions.create({
      product_cart: [{ product_id: 'prod_123', quantity: 1 }],
      customer: {
        customer_id: 'cus_123'
      },
      payment_method_id: 'pm_abc123',
      confirm: true
    });
    
    Wenn Sie payment_method_id in Checkout-Sitzungen verwenden, muss confirm auf true gesetzt werden, und eine vorhandene customer_id muss bereitgestellt werden. Die Zahlungsmethode wird auf ihre Berechtigung mit der Währung der Zahlung validiert.
    Die Zahlungsmethode muss dem Kunden gehören und mit der Zahlungswährung kompatibel sein. Wenn die Validierung fehlschlägt, gibt die Anfrage einen Fehler zurück.
  3. Änderungen der Abonnementpläne im Dashboard mit Updates zum nächsten Abrechnungsdatum Verwalten Sie Abonnementpläne direkt über das Dashboard mit verbesserter Kontrolle. Sie können jetzt Abonnementpläne ändern und das nächste Abrechnungsdatum in einer einzigen Aktion aktualisieren, was Ihnen vollständige Flexibilität bei der Verwaltung von Abonnements gibt.
    Änderungen der Abonnementpläne im Dashboard

    Dashboard-Funktionen

    • Planänderungen: Abonnements mit einem Klick upgraden oder downgraden
    • Kontrolle des Abrechnungsdatums: Aktualisieren Sie das nächste Abrechnungsdatum beim Ändern von Plänen
    • Prorationsoptionen: Wählen Sie aus, wie Prorationen beim Ändern von Plänen behandelt werden
    • Visuelle Vorschau: Sehen Sie genau, wie sich Planänderungen auf die Abrechnung auswirken, bevor Sie bestätigen

    Anwendungsfälle

    • Kundensupport: Abonnementpläne schnell an Kundenanfragen anpassen
    • Promotions-Upgrades: Temporäres Upgrade von Kunden mit bestimmten Abrechnungsdaten
    • Planmigrationen: Sanfter Übergang von Kunden zwischen Abonnementstufen
    • Abrechnungsanpassung: Abrechnungsdaten über mehrere Abonnements hinweg anpassen
    Ergebnis: Vollständige Kontrolle über die Verwaltung von Abonnements über das Dashboard, wodurch die Notwendigkeit von API-Aufrufen für gängige Anpassungen entfällt.
    Verwenden Sie das Dashboard für schnelle Änderungen von Abonnementplänen und die API für die programmgesteuerte Verwaltung von Abonnements in Ihrer Anwendung.
  4. Kurze Links für Zahlungs-URLs
    Generieren Sie sauberere, besser teilbare Zahlungslinks mit unserer neuen Funktion für kurze Links. Kurze Links bieten verkürzte Checkout-URLs mit benutzerdefinierten Slugs, die einfacher mit Kunden zu teilen oder auf Ihrer Website einzubetten sind.
    Funktion für kurze Links für Zahlungs-URLs

    Vorteile

    • Sauberere URLs: Ersetzen Sie lange Zahlungs-URLs durch kurze, markenbezogene Links
    • Besseres Vertrauen: Professionell aussehende Links, die das Vertrauen der Kunden stärken
    • Einfacheres Teilen: Vereinfachte URLs, die perfekt für SMS, E-Mail oder soziale Medien sind
    • Benutzerdefinierte Slugs: Erstellen Sie einprägsame, markenbezogene kurze Links für Ihre Produkte

    So funktioniert es

    Aktivieren Sie kurze Links beim Erstellen von Checkout-Sitzungen oder Zahlungslinks:
    const session = await client.checkoutSessions.create({
      product_cart: [{ product_id: 'prod_123', quantity: 1 }],
      short_link: true,
      return_url: 'https://yourapp.com/success'
    });
    
    Ergebnis: Ein verkürzter Zahlungslink, der einfacher zu teilen und professioneller aussieht, was die Konversionsraten und das Vertrauen der Kunden verbessert.
    Kurze Links werden in Ihrem Dashboard verwaltet und können über die List Short Links API angezeigt werden.
  5. redirect_immediately Flag - Zahlungserfolgsseite überspringen
    Steuern Sie den Checkout-Fluss mit dem neuen redirect_immediately Flag. Wenn aktiviert, werden Kunden sofort nach Abschluss der Zahlung umgeleitet, wodurch die Standard-Erfolgseite umgangen wird, um ein schnelleres, reibungsloseres Erlebnis zu bieten.

    Anwendungsfälle

    • Schnellerer Checkout-Fluss: Reibung reduzieren, indem Zwischenseiten übersprungen werden
    • Benutzerdefinierte Erfolgseiten: Direkt zu Ihrer markenbezogenen Erfolgseite umleiten
    • Mobile Optimierung: Verbesserung des mobilen Checkout-Erlebnisses durch sofortige Umleitungen
    • Eingebettete Checkouts: Nahtlose Integration mit Overlay- oder eingebetteten Checkout-Flows

    So funktioniert es

    Aktivieren Sie sofortige Umleitungen in Checkout-Sitzungen, Zahlungen oder Abonnements:
    const session = await client.checkoutSessions.create({
      product_cart: [{ product_id: 'prod_123', quantity: 1 }],
      redirect_immediately: true,
      return_url: 'https://yourapp.com/success'
    });
    
    Verwenden Sie redirect_immediately: true, wenn Sie eine benutzerdefinierte Erfolgseite haben, die ein besseres Benutzererlebnis bietet als die Standard-Zahlungserfolgsseite.
    Wenn redirect_immediately aktiviert ist, werden Kunden sofort nach Abschluss der Zahlung zu Ihrem return_url umgeleitet, wodurch die Standard-Erfolgseite vollständig übersprungen wird.
  6. On-Demand-Abonnements - Für alle Unternehmen verfügbar
    On-Demand-Abonnements sind jetzt für alle Unternehmen aktiviert, was Ihnen flexible Abrechnungssteuerung für nutzungsbasierte und gemessene Dienste bietet.

    Was dies ermöglicht

    • Nutzungsbasierte Abrechnung: Erstellen Sie Abonnements und berechnen Sie Kunden basierend auf der tatsächlichen Nutzung
    • Flexible Abrechnungszyklen: Berechnen Sie Kunden auf Abruf anstelle von festen Intervallen
    • Gemessene Dienste: Perfekt für API-Nutzung, Speicher, Rechenzeit und andere gemessene Ressourcen
    • Manuelle Abrechnungssteuerung: Erstellen Sie bei Bedarf manuelle Abrechnungen, um die vollständige Kontrolle über den Abrechnungszeitpunkt zu haben

    So funktioniert es

    Erstellen Sie ein On-Demand-Abonnement und berechnen Sie Kunden nach Bedarf:
    // Create an on-demand subscription
    const subscription = await client.subscriptions.create({
      customer_id: 'cus_123',
      product_id: 'prod_api_access',
      on_demand: true
    });
    
    // Charge the customer when usage occurs
    await client.subscriptions.createCharge(subscription.id, {
      amount: 4900,
      currency: 'USD',
      description: 'API usage for September: 1,000 requests'
    });
    
    Ergebnis: Volle Kontrolle darüber, wann und wie viel Kunden berechnet werden, perfekt für nutzungsbasierte Geschäftsmodelle.
    Erfahren Sie mehr: On-Demand-Abonnements
  7. Allgemeine Fehlerbehebungen und Verbesserungen
    Dieses Release umfasst Leistungsverbesserungen, UI-Optimierungen und behebt kleinere Fehler für ein zuverlässigeres, reibungsloseres Erlebnis.