# Présentation (/fr/online)





<section id="overview">
  <br />

  <div className="bg-background relative h-auto w-full overflow-hidden rounded-lg border">
    <FlickeringGrid className="absolute inset-0 z-0 size-full" squareSize="4" gridGap="6" maxOpacity="0.1" flickerChance="0.1" height="800" width="1000" />

    <OnlineDiagram />
  </div>
</section>

<QuickLinks product="online" className="my-2" />

Le Checkout est en production. Le Hosted Checkout et l’Embedded Checkout prennent en charge les cartes, Apple Pay et Google Pay. Avant d’accepter des paiements réels, chaque commerçant doit effectuer l’[onboarding](/merchants/onboarding), obtenir l’approbation pour les paiements en ligne et disposer d’une passerelle de paiement configurée. Consultez les [paramètres du Checkout](/online/integration/checkout_settings) pour la préparation du commerçant et la configuration des portefeuilles.

## Intégrer [#build]

<Cards>
  <Card title="Hosted Checkout" href="/online/integration/hosted_checkout" description="Créez une session, redirigez le client vers une page hébergée par Tapaya et vérifiez le paiement sur votre serveur." />

  <Card title="Embedded Checkout" href="/online/integration/embedded_checkout" description="Intégrez des champs de carte sécurisés dans votre propre page de paiement et conservez votre propre bouton de paiement." />

  <Card title="SDK Node.js" href="/online/integration/node_sdk" description="Installez @tapayadot/checkout et consultez les options du client, les méthodes de session et les erreurs." />

  <Card title="Intégration API" href="/online/integration/api_integration" description="Champs de requête, états de paiement et règles d’idempotence." />
</Cards>

## Exploiter [#operate]

Les commerçants, les flux financiers, la conformité et le support sont communs avec l’Acceptation des paiements en magasin et se trouvent dans la [Présentation](/). Les
[cas d’usage](/#how-it-works) qui y figurent montrent la place des paiements en ligne.

<Cards>
  <Card title="Sécurité du Checkout" href="/online/security/checkout_security" description="Gestion des clés côté serveur et vérification des paiements avant le traitement de la commande." />
</Cards>

<Callout title="Prêt à commencer ?" type="info">
  Consultez notre [démarrage rapide](/online/getting-started/quick_start_guide) pour accepter votre premier paiement en ligne. Pour toute demande de fonctionnalité ou question technique, contactez-nous à l’adresse [developers@tapaya.com](mailto:developers@tapaya.com).
</Callout>