> For the complete documentation index, see [llms.txt](https://ipaymoney.gitbook.io/ipaymoney/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ipaymoney.gitbook.io/ipaymoney/plugin-et-sdk/extention/sdk-javascript.md).

# SDK Javascript

Le SDK Javascript est conçu pour permettre l'intégration de iPaymoney au sein de votre application web en toute simplicité.

Pour utiliser le SDK de iPaymoney vous avez tout d’abord besoin d’un compte marchand en Live.

Puis importer le script suivant avant la fermeture de la balise fermante`</body>`&#x20;

```javascript
// <script src=" https://i-pay.money/checkout.js"></script>
```

Ensuite il faudra juste ajouter le code ci-dessous dans votre code à l'emplacement souhaité pour votre bouton Payer

```javascript
// <button
  type="button"
  class="ipaymoney-button"
  data-amount="100 "
  data-environement="live"
  data-key=" Public key"
  data-transaction-id="unique par compte "
  data-redirect-url="lien de redirection après paiement"
  data-callback-url="le lien pour recevoir le status du paiement"
> 
CheckOut
</button>
```

### Les attributs

| NOM ATTRIBUT        | TYPE   | DESCRIPTION                                               |
| ------------------- | ------ | --------------------------------------------------------- |
| data-amount         | string | Montant à payer (requis)                                  |
| data-environement   | string | Environnement du compte (requis)                          |
| data-key            | string | Clé publique ou PK (requis)                               |
| data-transaction-id | string | La référence de la transaction                            |
| data-redirect-url   | URL    | Redirection après paiement                                |
| data-callback-url   | URL    | <p>Pour connaitre le statut de la transaction.</p><p></p> |

{% hint style="danger" %}
NB : L’utilisateur doit rester sur la page de paiement pour que la lecture du CallBack soit disponible
{% endhint %}