> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-881012b3.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Apple Pay Web SDK

> Integrate Apple Pay on your checkout page using the Razorpay Web SDK. Choose between the web component or headless JS integration methods.

<div style={{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"0.35rem 0.9rem",border:"1px solid rgba(128,128,128,0.28)",borderRadius:"0.5rem",padding:"0.45rem 0.75rem",margin:"0 0 1.25rem",fontSize:"0.875rem"}}>
  <span style={{fontWeight:600}}>Available in</span>
  <span>🇮🇳 India</span>
</div>

The Razorpay Web SDK lets you integrate Apple Pay directly on your checkout page without redirecting customers to a hosted page. You can choose between two integration approaches depending on how much control you need over the payment flow.

## Integration Methods

<CardGroup cols={2}>
  <linecard title="Web Component" disableScaleOnHover headingVariant="H4">
    <item label="Use if you want minimal JavaScript" href="/payments/payment-methods/apple-pay/custom-integration/web-sdk/web-component" iconName="info" headingVariant="H4">
      Drop in the `<razorpay-checkout>` tag and let the component render the Apple Pay button automatically.
    </item>
  </linecard>

  <linecard title="Web JS Integration" disableScaleOnHover headingVariant="H4">
    <item label="Use if you want full control" href="/payments/payment-methods/apple-pay/custom-integration/web-sdk/web-js-integration" iconName="info" headingVariant="H4">
      Use the Razorpay JS object to control the button, payment flow and event handling yourself.
    </item>
  </linecard>
</CardGroup>

## Prerequisites

Before you begin, ensure you have the following:

* A Razorpay account with Apple Pay enabled.
* An existing Razorpay Custom Checkout integration.
* International Payments enabled on your Razorpay account.
* Your API Key Id available. Know how to generate [API Keys from the Dashboard](/docs/payments/dashboard/account-settings/api-keys#generate-api-keys).
* An HTTPS-enabled domain (TLS 1.2 or higher). Apple Pay requires a secure context and will not function over HTTP.
* Server-side capability to create orders via the Razorpay Orders API.
* Apple Pay domain verification completed for your checkout domain.

### Related Information

* [Apple Pay Standard Checkout](/docs/payments/payment-methods/apple-pay)
* [Apple Pay Custom Integration](/docs/payments/payment-methods/apple-pay/custom-integration)
* [Apple Pay Web Component Integration](/docs/payments/payment-methods/apple-pay/custom-integration/web-sdk/web-component)