⚡ Payment UI Showcase

Every Payment Experience
Your Business Needs

A complete visual library of payment interfaces — checkout layouts, smart methods, subscription flows, and admin tools. Built for service businesses.

4 Checkout Layouts
6 Payment Methods
Subscription & Installments
QR & Pay-by-Link
Receipt & Invoice
Admin Dashboard
Checkout Layouts

4 Distinct Checkout Designs

From minimal single-card to enterprise split-screen — each layout is tailored to a different business context and customer trust level.

Design A — Minimal Centered
pay.flowpay.io/checkout/pro
FlowCRM Pro Plan
Monthly · 1 seat
$49.00
Cardholder name
Alex Johnson
Card number
•••• •••• •••• 4242
💳
MM / YY
09/28
CVC
•••
Pay $53.17 →
🔒 SSL🛡️ PCI DSS✅ 256-bit
Best for: SaaS, software, digital products. Clean focus on the payment form, strong typography, trust signals.
Design B — Split Layout
pay.flowpay.io/checkout/business
FlowPay
Order summary
Business Suite Annual$1,188
Annual discount (20%)−$237
Tax (8.5%)$80
Total today$1,031
Unlimited contacts
AI chatbot included
Priority support 24/7
14-day free trial
Complete payment
Start your 14-day free trial today
Cardholder name…
Card number…
MM / YY
CVC
Start Free Trial →
No charge today • Cancel anytime
Best for: Annual plans, B2B subscriptions. Left panel shows value; right panel closes the sale.
Design C — Mobile-First Stacked
FlowPay
🔒 Secure
📦 Order Summary $53.17
👤 Contact info
💳 Payment method
Apple Pay
GGoogle Pay
$53.17
Secure checkout
Pay Now 🔒
Best for: Mobile-first businesses. Collapsible sections + sticky pay button for maximum thumb-friendliness.
Design D — Enterprise Dark
pay.flowpay.io/enterprise/inv-2026-0412
FlowPay ENTERPRISE
🔒 SOC 2 · PCI DSS
Invoice #INV-2026-0412
Enterprise (25 seats)$11,700
Contract discount−$1,755
Tax$845
Total due$10,790
Enterprise SLA
Priority
Payment method
💳 Credit / Debit Card
🏦 ACH Transfer (Free)
🔁 Wire Transfer
🔗 Pay via Link / QR
Pay $10,790.55 →
Best for: B2B enterprise, high-value contracts. Dark premium feel + ACH/Wire options for large invoices.
Payment Methods

Every Way Customers Pay

Card, Apple Pay, Google Pay, payment links, QR codes, and bank transfers — all in one unified payment experience.

💳 Card Payment
Cardholder name
Alex Johnson
Card number
4242 4242 4242 4242
💳
MM/YY
09/28
CVC
•••
VISA
MC
AMEX
Pay $53.17
Apple Pay & Google Pay
Pay with Apple Pay
G oogle  Pay  · $53.17
One-tap checkout
Uses saved card or bank account. No manual entry required. Works on all modern devices.
Face ID ✓
Touch ID ✓
🔗 Pay by Link & QR Code
QR Active
Scan to open
payment page instantly
🏦 ACH / Bank Transfer
Bank account details
Routing number•••• 6789
Account number•••• •••• 4521
Account typeChecking
⏱️ ACH transfers take 1–3 business days to process.
Use Plaid
Confirm ACH
🔁 Wire Transfer
For $10k+
Free of charge
BeneficiaryFlowPay Inc.
BankJPMorgan Chase
SWIFT / BICCHASUS33XXX
ReferenceINV-2026-0412
I've completed the wire transfer
₿ Crypto / Stablecoin
BTC
Ξ
ETH
$
USDC
USDT
0x4f2a...8c3b
53.17 USDC
Card Visuals

Branded Virtual Cards

Custom-branded virtual payment cards for each plan or business type. Issued programmatically, displayed in the customer dashboard.

•••• •••• •••• 4242
Alex Johnson
09/28
•••• •••• •••• 8831
FlowCRM Pro
12/29
•••• •••• •••• 6074
Diana Cruz
03/27
•••• •••• •••• 3317
Apex Retail Group
07/28
•••• •••• •••• 9902
Prism Tech
11/26
Subscription Flows

Plans, Billing Cycles & Installments

Switch between monthly and annual billing, choose a plan, or split any amount into installments — all with live pricing breakdowns.

Choose your plan
Monthly
Annual Save 20%
Basic
$23/mo
billed annually
500 contacts
2 users
Basic reports
Get Started
Most Popular
Pro
$39/mo
billed annually
Unlimited contacts
10 users
AI chatbot
Analytics
Start Free Trial
Business
$79/mo
billed annually
Unlimited everything
25 users
Priority support
API access
Get Started
Next billing: Apr 27, 2026 14-day free trial included
Installment Plans
Split your $597 purchase
Pay over 3, 6, or 12 months — no interest.
months
$199/mo
Total: $597
months
$99.50/mo
Total: $597
12×
months
$49.75/mo
Total: $597
Payment timeline
Today — $199.00
Charged immediately
Paid
2
Apr 27 — $199.00
Auto-charged to saved card
Upcoming
3
May 27 — $199.00
Final payment
Scheduled
Payment States

Every Status, Beautifully Handled

Clear, reassuring status screens for every possible outcome — from instant success to failed card and expired links.

PAID
Payment Successful
Charge confirmed. Receipt sent instantly to customer email.
PROCESSING
Processing
Card authorized. Awaiting final settlement from the network.
FAILED
Payment Failed
Card declined. Customer prompted to retry with another card.
PENDING
🔄
ACH Pending
Bank transfer initiated. Funds arrive in 1–3 business days.
LINK ACTIVE
🔗
Link Created
Payment link generated and ready to share or embed in QR code.
EXPIRED
Link Expired
Payment link passed its expiry window. Regenerate to issue a new one.
QR READY
📱
QR Ready
QR code generated. Customer scans to open payment page directly.
REFUNDED
↩️
Refund Issued
Full or partial refund processed. Customer notified automatically.
Receipts & Invoices

Professional Post-Payment Documents

Auto-generated receipts and tax invoices sent instantly after every successful payment. PDF export included.

Payment Receipt
Receipt #RCP-2026-0412
Payment Successful
Customer
Alex Johnson
alex@company.com
Date
Mar 27, 2026
12:43 PM PST
Transaction ID
txn_3PqX8sK1
Payment method
Visa •••• 4242
DescriptionQtyUnit PriceAmount
FlowCRM Pro — Monthly1$49.00$49.00
Discount (FLOW20)−$9.80
Tax (8.5%)$3.34
Subtotal$39.20
Tax$3.34
Total charged$42.54
⬇ Download PDF
📧 Resend Email
Business Invoice (VAT)
Invoice #INV-2026-0412
Due Apr 26, 2026
Bill to
Acme Corporation
finance@acme.com
VAT: US12-3456789
123 Enterprise Blvd, NY 10001
Payment details
$10,790.55
NET 30 terms
Wire / ACH accepted
ItemSeatsRateTotal
Enterprise Annual Plan25$39/seat/mo × 12$11,700
Contract discount (15%)−$1,755
Tax (8.5%)$845.55
Total due$10,790.55
Pay Invoice Now
⬇ Export PDF
Admin Tools

Merchant Dashboard Preview

Monitor transactions, create payment links, manage links, and read webhook events — all from one control panel.

dashboard.flowpay.io/payments
🏠
💳
🔗
📊
⚙️
Payment Overview
+ Create Link
$84,200
Revenue MTD
247
Transactions
97.2%
Success rate
12
Active links
Customer
Amount
Method
Date
Status
Alex Johnson
$53.17
Visa •4242
Today
Paid
Diana Cruz
$1,031.05
Apple Pay
Today
Paid
Robert Cline
$49.00
Mastercard
Yesterday
Failed
Acme Corp
$10,790
Wire
Mar 25
Pending
Prism Tech
$22,000
ACH
Mar 20
Paid
Security & Compliance

Built on Trust

Every payment flows through bank-grade security. Certifications and protections that your customers expect.

🔒
256-bit SSL/TLS
All data transmitted using industry-standard TLS 1.3 encryption end-to-end.
🛡️
PCI DSS Level 1
Highest tier of payment card industry compliance. Card data never stored on our servers.
SOC 2 Type II
Independently audited for security, availability, and confidentiality of customer data.
🌍
GDPR Compliant
Full compliance with EU and US data privacy regulations including right to deletion.
🔁
Chargeback Protection
Automated dispute management with evidence collection to fight fraudulent chargebacks.
🤖
Fraud Detection AI
Machine learning models analyze every transaction in real time to block fraudulent payments.