> ## Documentation Index
> Fetch the complete documentation index at: https://doc-test-my.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 Curlec 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>
  <span>🇲🇾 Malaysia</span>
</div>

The Razorpay Curlec 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.

<Info>
  **Availability in Malaysia**

  Apple Pay on Custom Checkout is available on the web, on Safari (iPhone, iPad and Mac) and Chrome (Mac). It is not yet available for native mobile app integrations, such as the iOS Custom SDK or React Native. Apple Pay does not support recurring payments, and there is no Test Mode — your first Apple Pay payment is a live one.
</Info>

## Integration Methods

<CardGroup cols={2}>
  <linecard title="Web Component" disableScaleOnHover headingVariant="H4">
    <item label="Use if you want minimal JavaScript" href="/docs/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="/docs/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:

* Apple Pay enabled on your account, along with every domain your customers see at checkout. Contact the [Support team](https://curlec.com/support/) to enable it.
* An existing Razorpay Curlec Custom Checkout integration.
* Cards enabled on your Razorpay Curlec account in Live Mode. Apple Pay is processed as a card payment.
* 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 Curlec Orders API.

### 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)