Sélecteur de code de taxe produitVersion bêta privée

Le composant pour le sélecteur de code de taxe produit permet à vos comptes connectés de classer leurs produits. Les comptes connectés ont généralement accès à ce composant sur la page produit de votre plateforme. Celui-ci convient aussi bien aux plateformes logicielles qu’aux marketplaces pour l’intégration dans leurs interfaces utilisateur. Les comptes connectés peuvent utiliser le sélecteur de code de taxe produit pour choisir le code de taxe approprié pour chaque produit. La plateforme ou les comptes connectés peuvent être responsables de la collecte des taxes.

Si votre plateforme intègre Stripe Tax, vous devez indiquer le code de taxe d’un produit pour que Stripe Tax puisse calculer correctement les taxes.

Le composant pour le sélecteur de code de taxe produit utilise l’API Tax codes pour afficher tous les codes de taxe disponibles. Lorsqu’un compte connecté sélectionne un nouveau code de taxe produit, un gestionnaire d’événements est appelé, que vous pouvez écouter. Utilisez-le pour mettre à jour le code de taxe d’un produit au sein de votre plateforme. Tous les codes de taxe de ce composant sont traduits dans toutes les langues prises en charge par les composants intégrés Connect.

Intégrer le composant pour le sélecteur de code de taxe produit

Lors de la création d’une session de compte, activez le composant pour le sélecteur de code de taxe produit en indiquant product_tax_code_selector dans le paramètre components.

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

Après avoir créé la session de compte et initialisé Connect.js, affichez le composant de sélection du code fiscal produit dans le front-end :

// 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>
);

Demander un accès anticipé Private preview

Connectez-vous ou inscrivez-vous à Stripe pour demander l’accès à ce composant intégré Connect en mode aperçu.