# One-time Payments

> Learn about the supported integration options of One-time Payments, and choose the appropriate solution according to your business needs and technical level.

One-time Payments can help you build the ability to receive payments on your website or application, supporting various clients (including desktop websites, mobile websites, and mobile applications) for online payments, including e-wallet payments, bank transfer payments, and credit card payments. You only need to integrate once to easily add various payment methods to your page. Your buyers can use secure payment methods for convenient payments according to their preferences.

## Supported integration options

Antom provides a few integration options, including Elements, API-only, and Checkout Page (CKP). Each integration option has its own advantages, and you can choose the appropriate solution according to your business needs and technical level.

### Payment Element

**Embedded payment components**

Drop-in UI components that embed directly into your application. Provides a native payment experience.

#### Key capabilities

- ✅ No page redirects required
- ✅ Pre-built, customizable UI
- ⚠️ Requires client-side integration

#### Integration guides

- [Payment Element Integration Guide](https://docs.antom.com/ac/cashierpay/element.md?platform=web-wap)
- [Appearance customization](https://docs.antom.com/ac/cashierpay/appearance.md)

---

### Checkout Page (CKP)

**⚡ Fastest setup | Hosted payment page**

Redirect customers to a secure, Antom-hosted payment page. Fastest path to going live with minimal development effort required.

#### Key capabilities

- ✅ Minimal code needed
- ✅ Automatic payment method display
- ⚠️ Requires page redirect

#### Integration guides

- [Hosted Checkout Page Integration Guide](https://docs.antom.com/ac/cashierpay/HOSTEDCKP.md)
- [Embedded Checkout Page](https://docs.antom.com/ac/cashierpay/embeddedckp.md)

---

### API-only

**🔧 Advanced | Custom payment page**

Build a fully customized payment experience by making API calls to obtain redirect URL to corresponding payment method pages. Complete control over UI and user flow at the cost of increased complexity.

#### Key capabilities

- ✅ Seamless user experience directing buyers to a specific payment method page
- ⚠️ May require manual integration for each payment method
- ⚠️ May require PCI qualifications for card payments

#### Integration guides

- [Accept APM payments](https://docs.antom.com/ac/cashierpay/apm_api.md)
- [Accept card payments (Hosted API)](https://docs.antom.com/ac/cashierpay/cardcollant.md)
- [Accept card payments (End-to-End API)](https://docs.antom.com/ac/cashierpay/cardinfocallmerchant.md)

---

## Checkout page demo

Use the following demo builder to get a hands-on experience with the different types of checkout experiences supported by Antom.

Antom also offers a demo code for the available integration options. Download the [demo code](https://mdn.alipayobjects.com/portal_hcfkd6/afts/file/A*sDG-TbFod3AAAAAAAAAAAAAAAQAAAQ?af_fileName=antom-online-payment-sample.zip) to your local environment and follow the sample code instructions to experience the payment process.

<iframe src="https://demo.antom.com/checkout" title="Antom Checkout Demo" width="100%" height="750"></iframe>

---

## Not sure which to choose?

- **Fastest setup:** Most businesses are recommended to start with Checkout Page (CKP) for the best balance of development effort and PCI compliance.
- **Best user experience:** Consider the Payment Element for the best user experience.
- **Full control:** The API-only integration if you need complete control and have compliance resources.

[Talk to an expert](https://docs.antom.com/support.md)