Produktsteuercode-AuswahlPrivate Vorschau

Mit der Komponente zur Auswahl von Produktsteuercodes können Ihre verbundenen Konten ihre Produkte klassifizieren. Verbundene Konten interagieren in der Regel mit dieser Komponente auf der Produktseite auf Ihrer Plattform. Diese Komponente eignet sich sowohl für Softwareplattformen als auch für Marktplätze zur Integration in deren Nutzeroberflächen. Verbundene Konten können mithilfe der Produktsteuercodeauswahl den entsprechenden Steuercode für jedes Produkt auswählen. Entweder die Plattform oder die verbundenen Konten können für die Steuererhebung haftbar gemacht werden.

Wenn Sie eine Plattform sind, die Stripe Tax integriert, müssen Sie für Stripe Tax den Steuercode eines Produkts angeben, um die Steuern korrekt zu berechnen.

Die Komponente zur Auswahl von Produktsteuercodes verwendet die Tax Codes API, um alle verfügbaren Steuercodes anzuzeigen. Wenn ein verbundenes Konto einen neuen Produktsteuercode auswählt, wird ein Ereignis-Handler aufgerufen, den Sie überwachen können. Verwenden Sie dies, um den Steuercode eines Produkts auf Ihrer Plattform zu aktualisieren. Alle Steuercodes in dieser Komponente werden in alle Sprachen, die in Connect eingebettete Komponenten unterstützen, übersetzt.

Die Komponente zur Auswahl von Produktsteuercodes integrieren

Aktivieren Sie beim Erstellen einer Kontositzung die Komponente zur Auswahl von Produktsteuercodes, indem Sie product_tax_code_selector im Parameter components angeben.

curl https://api.stripe.com/v1/account_sessions \
  -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:" \
  -H "Stripe-Version: 2025-07-30.basil; embedded_connect_beta=v2;" \
  -d account=
{{CONNECTED_ACCOUNT_ID}} \
  -d "components[product_tax_code_selector][enabled]"=true

Nachdem die Kontositzung erstellt und Connect.js initialisiert wurde, rendern Sie die Komponente zur Auswahl von Produktsteuercodes im Frontend:

// Include this React component
import {
  ConnectProductTaxCodeSelector,
  ConnectComponentsProvider,
} from "@stripe/react-connect-js";

return (
  <ConnectComponentsProvider connectInstance={stripeConnectInstance}>
    <div>
      <h2>Tax code</h2>
      <ConnectProductTaxCodeSelector
        // Optional
        // onTaxCodeSelect={(id: string) => {console.log({id})}}
        // hideDescription={false}
        // disabled={false}
        // initialTaxCode={"txcd_99999999"}
       />
    </div>
  </ConnectComponentsProvider>
);

Frühzeitigen Zugriff anfordern Private Vorschau

Melden Sie sich an oder registrieren Sie sich für Stripe, um Zugang zu dieser Vorschau der eingebetteten Komponente von Connect anzufragen.