Components
Payment UI components for your website
Components
Pre-built UI components to display AlyaPay payment options.
Available Components
Payment Button
Display the "Pay with AlyaPay" button on your checkout page. Supports both default and custom implementation.
Use when: You need customers to pay at checkout
Payment Widget
Show an installment calculator on product pages. Displays payment plans and monthly amounts.
Use when: You want to show payment options before checkout
Quick Comparison
| Component | Where to Use | Purpose |
|---|---|---|
| Payment Button | Checkout page | Complete payment |
| Payment Widget | Product pages | Show installment options |
Need Help?
- See Quick Start for complete integration
- Check Redirect Flow for frontend setup
On-Site Messaging
Wherever your customers are deciding to buy — product, cart, or checkout — AlyaPay's JavaScript snippets makes flexible payments visible instantly. A quick 2x, 3x, or 4x preview builds trust before checkout, and one tap on "En savoir plus" reveals the full payment plan without breaking the shopping flow.
Payment Button
Display the AlyaPay payment button on your checkout page