Collecter des taxes

Découvrez comment collecter les taxes pour les paiements ponctuels dans Stripe Checkout.

Stripe Tax est un produit payant qui calcule automatiquement les taxes applicables à vos transactions, sans que vous n’ayez à définir de taux ni de règles. Les frais s’appliquent uniquement après l’ajout d’au moins un de vos lieux d’immatriculation pour calculer les taxes et les verser.

Configurer votre session Checkout de façon à collecter les taxes

Pour commencer à percevoir les taxes :

Transmettez automatic_tax[enabled]=true.
Spécifiez un tax_code pour chaque poste de facture ou définissez un code de taxe par défaut dans le Dashboard.
Spécifiez un tax_behavior pour chaque poste de facture ou définissez un comportement fiscal par défaut dans le Dashboard.

Codes fiscaux

Les codes fiscaux associent les produits aux taux de taxe. Choisissez le code fiscal qui correspond le mieux à votre produit dans la liste des codes fiscaux disponibles. Si un produit ne correspond à aucun de ces codes, utilisez l’un des codes dont le nom contient la mention « General ».

Comportement fiscal

Le comportement fiscal détermine la manière dont les taxes sont présentées à l’acheteur. Il existe deux options pour le comportement fiscal :

Hors taxe : le prix du produit n’inclut pas les taxes. La taxe est ajoutée en tant que montant distinct.
TTC : le prix du produit comprend le montant des taxes éventuelles.

En savoir plus sur le comportement fiscal.

FacultatifVérifier le résultat

Afficher le montant des taxes

Utilisez useCheckout pour afficher le montant des taxes dans votre formulaire de paiement. Assurez-vous de bien comprendre la différence entre les tarifs TTC et hors taxes.

import React from 'react';
import {useCheckout} from '@stripe/react-stripe-js';

const CheckoutForm = () => {
  const checkout = useCheckout();
  return (
    <div>
      <h2>Checkout Summary</h2>
      <pre>
        {JSON.stringify(checkout.lineItems, null, 2)}
      </pre>
      <h3>Totals</h3>
      <pre>
        Subtotal: {checkout.total.subtotal.amount}
        {/* Make sure you are using the appropriate tax amount type (taxInclusive and/or taxExclusive) for your integration */}
        Tax: {checkout.total.taxExclusive.amount}
        Total: {checkout.total.total.amount}
      </pre>
    </div>
  )
};