Here’s what the standard checkout flow looks like for your customers.
Step 1: Customers browse your shop
Customers can visit your storefront and browse through your products, bundles, or categories.
They can:
Select product variants
Add customizations or add-ons
Adjust quantities
Add items to cart
Once ready, they can proceed to checkout.
Simple Layout:
Step 2: Customers select a fulfillment date and method (For merchants with Calendar enabled)
Depending on what you’ve enabled in your store settings, customers can choose:
Delivery
Pickup
Shipping
They may also be asked to:
Select a fulfillment date
Choose a time slot
Add order notes
If you’ve enabled fulfillment calendars or time slots, customers will only see the available options you configured in your dashboard.
Simple Layout:
Step 3: Customers add products to their cart and review afterwards
Before checking out, customers will see a summary of their order, including:
Products added
Quantity selected
Pricing breakdown
Discounts (if applicable)
Customers can still update or remove items at this stage.
Simple Layout:
The categories are found on top, while the products are listed after selecting a category.
Pro Storefront:
Categories are the ones on the left, and the products are the ones on the right.
Step 4: Customers enter their contact details
Customers will then provide their:
Name
Phone number
Email address
Delivery address (for delivery orders)
This information helps merchants coordinate fulfillment and send order updates. These are all mandatory and cannot be customized/ bypassed.
Simple Layout:
For shops with multiple delivery / pickup points, your customer needs to select one first before the address is collected.
Step 5: Customers select payment method
Customers can proceed using the payment methods you’ve enabled on your store.
Available payment methods may include:
Credit/Debit Card
PayNow
Bank Transfer
GCash
Maya
GrabPay
Cash
Manual payment methods
Automated card payments are processed through supported payment providers such as Stripe or Xendit, depending on your country.
If you’ve enabled the Customer pays transaction fees setting, applicable fees may also appear during checkout before payment is completed.
Simple Layout:
Pro Storefront:
The fees shown are the transaction fees customers must pay if you have enabled the Customer pays transaction fees setting.
Step 6: Customers apply discounts (optional)
If your shop has active promotions or discount codes, customers can apply them during checkout.
Depending on your settings, discounts may include:
Promo codes - Manually added
Automatic discounts
Delivery discounts - Automatic
Bulk discounts- - Automatic
Simple Layout:
Step 7: Payment and Order confirmation
Once payment or order submission is successful:
Customers will see an order confirmation page
Merchants will receive the order in the dashboard
Confirmation emails or notifications may also be sent
You can then begin preparing and fulfilling the order from your Orders page.
No payment confirmation via email means no payment was made.
📝 Important notes
Checkout appearance may vary slightly depending on your theme and enabled features.
Available payment methods depend on your country and payment setup.
Customers can only select fulfillment dates and time slots that are currently available in your settings.
Some advanced checkout features may require specific plans or add-ons.
Need help setting up your payments or fulfillment settings? Visit the Cococart Help Center for more guides.