# SDK du module ES Stripe.js
Configurez le SDK du module ES Stripe.js côté client dans votre application Web.
Pour découvrir le fonctionnement du module ES Stripe.js ou pour participer à son développement, consultez le [projet sur GitHub](https://github.com/stripe/stripe-js).
Ce guide d’introduction vous montre comment installer le SDK du [module ES Stripe.js](https://github.com/stripe/stripe-js) côté client avec une balise de script ou un gestionnaire de paquets. Le SDK wrappe la fonction `Stripe` globale fournie par le script Stripe.js sous la forme d’un module ES. Il vous permet d’utiliser [Elements](https://docs.stripe.com/payments/elements.md), nos composants d’interface utilisateur préconfigurés, pour créer un formulaire de paiement permettant de collecter les informations de carte des clients en toute sécurité, sans gérer de données sensibles.
## Before you begin
Activez les moyens de paiement que vous souhaitez prendre en charge sur la page des [paramètres des moyens de paiement](https://dashboard.stripe.com/settings/payment_methods).
## Charger manuellement le script Stripe.js
### Installation
Pour une installation par script, ajoutez le [Module ES Stripe.js](https://github.com/stripe/stripe-js) en tant que script à l’élément `` de votre ** HTML**. Cela permet à tous les nouveaux [objets Stripe](https://docs.stripe.com/js.md#stripe-function) d’être accessibles à l’international dans votre code.
```html
Checkout
```
### Constructeur Stripe.js
Ensuite, définissez la [clé API publiable](https://dashboard.stripe.com/test/apikeys) pour permettre à Stripe de [tokeniser](https://docs.stripe.com/api/tokens.md) les informations client et de collecter les informations de paiement sensibles. Par exemple :
```javascript
var stripe = Stripe('<>');
```
## Charger Stripe.js en tant que module ES
### Installation
Pour effectuer l’installation à l’aide du gestionnaire de paquets, installez le [module ES Stripe.js](https://github.com/stripe/stripe-js) à partir du [registre npm public](https://www.npmjs.com/).
```javascript
npm install @stripe/stripe-js
```
### Constructeur Stripe.js
Ensuite, importez le module dans un fichier **JavaScript**. La fonction suivante renvoie une `Promise` qui aboutit à un nouvel [objet Stripe](https://docs.stripe.com/js.md#stripe-function) après le chargement de Stripe.js.
```javascript
import {loadStripe} from '@stripe/stripe-js';
const stripe = await loadStripe('<>');
```
## See also
Vous êtes arrivé(e) à la fin de ce guide d’introduction à la configuration du SDK du module ES Stripe.js. Cliquez sur les liens ci-dessous pour démarrer votre intégration.
- [Accepter un paiement avec un élément de paiement sur GitHub](https://github.com/stripe-samples/accept-a-payment/tree/main/payment-element)
- [Accepter un paiement avec un Payment Element dans Docs](https://docs.stripe.com/payments/accept-a-payment.md?ui=elements&client=html)
- [}Générateur de tunnel de paiement personnalisé](https://docs.stripe.com/payments/quickstart-checkout-sessions.md)
- [Documentation Stripe.js](https://docs.stripe.com/js.md)