Cart & Checkout

Once customers have found the products they want, they add them to their cart and proceed to checkout. Shop Craft provides a smooth, straightforward purchasing flow from cart to order confirmation.

Shopping Cart

The cart page is available at /cart and shows everything the customer has added so far.

Cart Contents

Each item in the cart displays:

• Product image — A thumbnail of the product
• Product name — The full product title
• Selected variant — If the product has variants (e.g., Size: Large, Color: Blue), the chosen options are shown
• Unit price — The price per item
• Quantity selector — Customers can increase or decrease the quantity directly in the cart
• Line total — Price multiplied by quantity
• Remove button — Removes the item from the cart entirely

Cart Summary

On the side of the cart (or below on mobile), customers see a summary of their order:

Line	Description
Subtotal	Total cost of all items before shipping and discounts
Shipping	Shipping cost based on your configured rates
Discount	Amount saved from an applied coupon (if any)
Total	Final amount the customer will pay

Coupon Codes

Customers can apply a coupon code in the cart to receive a discount:

1. Enter the coupon code in the coupon input field
2. Click Apply
3. If the coupon is valid, the discount appears in the cart summary and the total updates
4. If the coupon is invalid or expired, an error message is displayed

TIP

You can create and manage coupon codes in your admin panel. Coupons can be percentage-based (e.g., 10% off) or a fixed amount (e.g., $5 off), and you can set usage limits and expiry dates.

Shipping Costs

Shipping costs are calculated based on the shipping rules you configure in your admin panel:

• Free shipping — If the cart subtotal is above your configured threshold (for example, orders over 999 INR ship free), shipping is free
• Flat rate — Below the free shipping threshold, a flat shipping rate applies (for example, 49 INR)
• Zone-based rates — If you have configured shipping zones with different rates, the appropriate rate is applied based on the customer's shipping address

TIP

Configure your shipping rates in Admin > Settings > Shipping. You can set up free shipping thresholds, flat rates, and zone-based pricing tiers.

Cart Buttons

At the bottom of the cart, customers see two options:

• Continue Shopping — Returns to the store so they can add more items
• Proceed to Checkout — Takes them to the checkout page to complete their purchase

Cart Persistence

Customers do not need to be logged in to add items to their cart. The cart is stored in the browser session, so items persist as customers browse the store. However, the cart is tied to the browser session — if a customer clears their cookies or switches to a different device, the cart will be empty.

WARNING

Cart contents are session-based and not tied to a customer account. If a customer logs out or their session expires, the cart may be cleared. Encourage customers to complete their purchase in one sitting.

Checkout

The checkout page is available at /checkout. This is where customers provide their shipping address, review their order, and select a payment method.

Login Required

Customers must be logged in to access the checkout page. If a customer is not logged in, they will be prompted to log in or register before they can proceed. After logging in, they are redirected back to checkout.

TIP

Customer login and registration happen through quick popup modals — customers do not leave the checkout flow. See Customer Accounts for details.

Shipping Address

Customers can either:

• Select a saved address — If they have previously saved addresses in their account, these appear as selectable options
• Enter a new address — Fill out a form with their shipping details (name, phone, address, city, state, postal code, country)

New addresses can be saved to their account for future orders.

Order Summary

The checkout page displays a complete summary of the order:

• All items with images, names, variants, quantities, and prices
• Subtotal, shipping cost, any discount applied, and the final total

Customers should review this summary before placing their order to make sure everything is correct.

Payment Methods

Customers select their preferred payment method from the options you have enabled in your admin panel:

Payment Method	How It Works
Razorpay	Customer is taken to the Razorpay payment page, then returned to your store after payment
Stripe	Customer is redirected to a secure Stripe checkout page, then returned after payment
PayPal	Customer is redirected to PayPal to authorize payment, then returned to your store
Cash on Delivery (COD)	No online payment needed — customer pays when the order is delivered

WARNING

Only payment methods that you have enabled and configured in Admin > Settings > Payment will appear as options during checkout. Make sure at least one payment method is active.

Placing the Order

After selecting a payment method, the customer clicks Place Order:

• Online payments (Razorpay, Stripe, PayPal): The customer is redirected to the payment gateway to complete the transaction. Once payment is confirmed, they are automatically redirected back to the order success page.
• Cash on Delivery: The order is confirmed immediately without any payment redirect, and the customer is taken directly to the order success page.

Coupons at Checkout

If the customer applied a coupon in the cart, it carries over to checkout. They can also apply or remove coupons on the checkout page itself:

• Apply coupon — Enter a code and click Apply to receive the discount
• Remove coupon — Remove a previously applied coupon to revert to the original price

Order Confirmation

After a successful order, the customer is taken to the order success page at /orders/{order-number}/success.

This page confirms that the order has been placed and displays:

• Order number — A unique reference number for the order
• Confirmation message — Assurance that the order was received
• Link to order history — A link to /account/orders where they can track their order status

TIP

Customers also receive an order confirmation email (if email is configured). This includes the order details and order number for their records.

What Happens After an Order

Once a customer places an order, here is what happens behind the scenes:

1. Order is created in your system with a "Pending" status
2. Payment is verified (for online payments) via webhooks from the payment gateway
3. Confirmation email is sent to the customer
4. Order appears in your admin panel under Admin > Orders
5. You update the order status as you process, ship, and deliver the order
6. The customer receives status update emails when you change the order status (e.g., "Shipped" with tracking information)

The customer can check the status of their order at any time from their order history.

Next Steps

• Customer Accounts — Learn about order history, addresses, wishlists, and more
• Storefront Overview — Return to the storefront overview