E-commerce
Checkout
Complete checkout page component with payment forms and order summary
Checkout 1
This checkout page features a shopping cart alongside payment information input. The cart lists items with their quantities, prices, and the option to apply a coupon code. The payment section includes options for Credit Card, PayPal, and Cash on Delivery, with fields for the cardholder's details, card number, expiration date, and CVV. The page calculates the subtotal, shipping cost, discounts, and total payable amount.
Shopping Cart
| Product | Quantity | Price | |
|---|---|---|---|
Apple MacBook Pro 14” M2 Pro
M2 Chip
|
|
$79.00 | |
Apple iPhone 14 Pro Max 25GB
256GB
|
|
$99.00 | |
Apple Magic Keyboard for iPad Pro 11”
Combo
|
|
$58.00 |
Coupon Code
Enter code to get discount instantly
Payment Info
Payment Info
Checkout 2
This payment page allows users to select a payment method from existing options like Visa, Mastercard, PayPal, and Amazon Pay, each with visible expiration dates. There is also an option to add a new payment method, entering full name, card details, and expiration. The page displays the total cost of the order, including savings, shipping fees, tax, and available promotions. Below the payment section, users are offered free shipping and a 10% extra discount for qualifying orders.
Payment
Free Shipping
You have 3 months to tyr free shipping and exclusive Genius offers.
10% Extra
You get 10% extra when purchasing this product, for orders of at least $100!
Checkout 3
This checkout page displays a shopping cart summary with three items: a red cap, an oversized t-shirt, and a brown girl t-shirt, along with their respective prices. The user can apply a discount code, which adjusts the subtotal. To the right, the user is prompted to enter their personal details, including name, email address, phone number, mailing address, city, post code, and country. The user also has the option to check a box indicating that their delivery and mailing addresses are the same. The total payable amount is shown after applying the discount and shipping costs, with a 'Place Order' button.
Coupon Code
Enter code to get discount instantly
Shopping Cart
You have 3 items in your cart
By placing your order, you agree to our company Privacy Policy and Conditions of use .
Checkout 4
This shopping cart page features a list of two items: an iPhone 16 Pro Max and a HomePod, both sold by Apple and marked as 'In stock.' The user can apply discount codes, and there are available offers displayed, such as discounts for specific payment methods. The price details show the original price, the discount size, and the free delivery charge. An option for gift wrapping and a personalized message is also offered. The total price after the discount is displayed as $549.00, with a prominent 'Place order' button.
-
Cart
-
Address
-
Payment
-
Confirmation
Available Offers
- - 10% Instant Discount on Bank of America Corp Bank Debit and Credit cards
- - 25% Cashback Voucher of up to $60 on first ever PayPal transaction. TCA
My Shopping Bag (2 Items)
Sold by:
Apple
In stock
Sold by:
Apple
In stockOffer
Buying gift for a loved one?
Gift wrap and personalized message on card, Only for $2.
Add a gift wrap 🎁