# Integration

> Choose your integration path and connect VINR to your application.

## Integration options

VINR offers multiple integration paths depending on your needs:

##### Hosted Checkout

The fastest way to accept payments. VINR handles the entire checkout UI — you redirect customers and receive webhook notifications.

**Best for:** Quick setup, PCI compliance simplification

Read the [Checkout integration guide](/docs/integration/checkout).

##### Embedded Components

Drop-in UI components that render inside your application. Full control over the checkout experience while VINR handles sensitive card data.

**Best for:** Custom checkout experiences, SPAs

Read the [Elements integration guide](/docs/integration/elements).

##### Direct API

Full control over the payment flow. Build your own UI and call VINR APIs directly. Requires PCI DSS SAQ-D compliance for card payments.

**Best for:** Complex flows, marketplace platforms

Read the [API reference](/docs/api-reference).

## Guides

[Checkout](/docs/integration/checkout) — Redirect to a hosted, PCI-compliant payment page — no frontend code required.

[Elements](/docs/integration/elements) — Embed card fields in your React app while VINR handles all sensitive data.

[Webhooks](/docs/integration/webhooks) — Receive real-time notifications for payment events.