Blazorise Payment Sections

Use a dedicated interface that methodically presents various payment methods, necessary details, and configurations, ensuring a secure and systematic progression towards finalizing your transaction.

Default payment

Offer multiple payment options, show the delivery address, and summarize totals for a smooth checkout.

Unlock the razor code
Payment Method
Visa MasterCard AmericanExpress
Billing Address
Office UI lib (Home)
Ap #285-7193 Ullamcorper Avenue
Amesbury HI 93373
US
Order Summary
Items $230
VAT 0% $0
Subtotal $230
Total $230

Payment with card selection

Let customers choose PayPal or card and manage saved cards in one layout.

Unlock the razor code
Billing Address
Payment Method
PayPal Paypal
Credit / Debit Card
Visa MasterCard
Summary
Subscription PREMIUM
Billed Monthly
$ 9.99 / mo
Total Billed $9.99*
* Plus applicable taxes
Secure credit card payment
This is a secure 128-bit SSL encrypted payment

Payment with invoice summary

Show invoice line items next to a compact payment form for faster settlement.

Unlock the razor code
New
Invoice summary
Invoice #INV-2045 Due May 12, 2024
Starter plan $120
Extra seats (2) $40
Tax $16
Total $176
Pay with card

Saved payment methods

Let returning customers pick a saved card and review billing details.

Unlock the razor code
New
Saved payment methods
Visa ending in 2345 Visa
Mastercard ending in 9921 MasterCard
Billing address

38 Market St, San Francisco

CA 94105, United States

Edit address
Total due
Plan $120
Tax $16
Total $136

Payment with order review

Combine a card form with a clear order summary and promo code entry.

Unlock the razor code
New
Card details
Order review
Product
Desk lamp
Qty 1
$220
Product
Minimal chair
Qty 1
$350
Subtotal $570
Shipping $25
Total $595