# App Clips

* A **lightweight, instant-launch** version of your iOS app.
* Lets users complete **fast Juspay Hyperswitch payments** without installing the full app.
* Can be triggered via **QR code, NFC tag, Safari link, or Maps**.
* Ideal for quick checkout use cases (parking, food ordering, event tickets, etc.)

### Requirements

* **iOS 14+**
* **Xcode 12+**
* Apple Developer Account
* Hyperswitch SDK already integrated in main iOS app

### Quick Steps

#### 1. Create App Clip Target

* Xcode → **File → New Target → App Clip**
* Bundle ID: `your.main.app.bundle.id.Clip`
* Same Team as main app.

#### 2. Share Payment Logic

* Make `HyperViewModel` target membership include **both** the main app and App Clip.
* Or move shared code into a framework.

#### 3. Minimal UI in App Clip

```swift
@objc func openPaymentSheet(_ sender: Any) {
    var config = PaymentSheet.Configuration()
    config.primaryButtonLabel = "Purchase ($2.00)"
    config.appearance = PaymentSheet.Appearance()

    hyperViewModel.paymentSession?.presentPaymentSheetLite(
        viewController: self,
        configuration: config
    ) { result in
        switch result {
        case .completed:
            self.statusLabel.text = "Payment complete"
        case .failed(let error):
            self.statusLabel.text = "Payment failed: \(error)"
        case .canceled:
            self.statusLabel.text = "Payment canceled."
        }
    }
}
```

***

### Flow Summary

1. **User triggers App Clip** (QR/NFC/web link).
2. **App Clip requests payment intent** from your backend.
3. **Backend creates payment session** with Hyperswitch.
4. **SDK presents PaymentSheetLite** for checkout.
5. **User pays → Hyperswitch processes**.
6. **Result shown instantly** (success/fail).

### Related Pages

To use this feature add Lite SDK in your AppClips

{% content-ref url="/pages/pJ0X3zqqA2brsO1ehyo2" %}
[Lite SDK](/integration-guide/payment-suite/payment-method-card/mobile/ios/lite-sdk.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.hyperswitch.io/integration-guide/payment-suite/payment-method-card/app-clips.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.