> For the complete documentation index, see [llms.txt](https://docs.payr.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.payr.com/payment-interface.md).

# Payment Interface

After onboarding users and creating payment sessions via the API, you need to present a payment interface where users can complete their rent payments.

Payr offers **two integration methods** with identical features. The choice depends on whether you need to customize the UI to match your brand.

***

### Integration Methods

#### Iframe Integration

Embed Payr's hosted payment page in your site using an iframe.

* **Fastest setup** - Just embed an HTML iframe
* **All features included** - APMs, recurring payments, card management, wallet payments
* **Fully maintained** - Updates handled by Payr
* **Fixed branding** - Uses Payr's UI design

**Best for:** Quick integrations, minimal development effort

[**View Iframe Integration Guide →**](/payment-interface/iframe.md)

***

#### SDK Integration

Embed Payr's JavaScript SDK directly in your page with full customization.

* **Full UI customization** - Colors, fonts, border radius, typography
* **All features included** - APMs, recurring payments, card management, wallet payments
* **Embedded experience** - Payment form lives in your page
* **Requires JavaScript** - Slightly more integration effort

**Best for:** White-label experiences, branded checkouts, custom designs

[**View SDK Integration Guide →**](/payment-interface/payr-sdk.md)

***

### Feature Comparison

Both integration methods provide the **exact same payment features**:

| Feature                                                                               |    Iframe   |          SDK          |
| ------------------------------------------------------------------------------------- | :---------: | :-------------------: |
| <p><strong>Alternative payment methods</strong><br>(Alipay, WeChat Pay, UnionPay)</p> |     Yes     |          Yes          |
| <p><strong>Wallet payments</strong><br>(Apple Pay, Google Pay)</p>                    |     Yes     |          Yes          |
| **Recurring payments**                                                                |     Yes     |          Yes          |
| <p><strong>Card management</strong><br>(Add/delete payment methods)</p>               |     Yes     |          Yes          |
| **Webhooks**                                                                          |     Yes     |          Yes          |
| **Setup time**                                                                        | \~5 minutes |      \~30 minutes     |
| **UI customization**                                                                  |      No     |      Full control     |
| **Custom branding**                                                                   |      No     | Colors, fonts, radius |

***

### Which Should I Choose?

#### Choose **Iframe** if you:

* Want the fastest integration
* Don't need custom branding
* Prefer Payr to handle all UI updates

#### Choose **SDK** if you:

* Need the payment interface to match your brand
* Want control over colors, fonts, and styling
* Are building a white-label experience<br>

***

### Getting Started

Ready to integrate? Choose your method:

* [**Iframe Integration Guide →**](/payment-interface/iframe.md)
* [**SDK Integration Guide →**](/payment-interface/payr-sdk.md)

Both methods use the same backend API endpoints documented in Authentication, Onboarding, and Payment Session.