68c3423f50
Phase 1: Core Documentation
- Created docs/ folder with 8 markdown documentation files
- Getting Started, Installation, Troubleshooting, FAQ
- Configuration docs (Appearance, SPA Mode)
- Feature docs (Shop, Checkout)
- PHP registry with filter hook for addon extensibility
Phase 2: Documentation Viewer
- DocsController.php with REST API endpoints
- GET /woonoow/v1/docs - List all docs (with addon hook)
- GET /woonoow/v1/docs/{slug} - Get document content
- Admin SPA /help route with sidebar navigation
- Markdown rendering with react-markdown
- Added Help & Docs to More page for mobile access
Filter Hook: woonoow_docs_registry
Addons can register their own documentation sections.
2.8 KiB
2.8 KiB
Checkout
The WooNooW checkout provides a streamlined purchasing experience.
Overview
The checkout process includes:
- Cart Review - Verify items before checkout
- Customer Information - Billing and shipping details
- Payment Method - Select how to pay
- Order Confirmation - Complete the purchase
Checkout Flow
Step 1: Cart
Before checkout, customers review their cart:
- Product list with images
- Quantity adjustments
- Remove items
- Apply coupon codes
- See subtotal, shipping, and total
Step 2: Customer Details
Customers provide:
- Email address
- Billing information
- Name
- Address
- Phone
- Shipping address (if different from billing)
Note
: Logged-in customers have their details pre-filled.
Step 3: Shipping Method
If physical products are in the cart:
- Available shipping methods are shown
- Shipping cost is calculated
- Customer selects preferred method
Step 4: Payment
Customers choose their payment method:
- Credit/Debit Card (Stripe, PayPal, etc.)
- Bank Transfer
- Cash on Delivery
- Other configured gateways
Step 5: Place Order
After reviewing everything:
- Click "Place Order"
- Payment is processed
- Confirmation page is shown
- Email receipt is sent
Features
Guest Checkout
Allow customers to checkout without creating an account.
Configure in WooCommerce → Settings → Accounts & Privacy.
Coupon Codes
Customers can apply discount codes:
- Enter code in the coupon field
- Click "Apply"
- Discount is reflected in total
Order Notes
Optional field for customers to add special instructions.
Payment Gateways
Supported Gateways
WooNooW supports all WooCommerce payment gateways:
| Gateway | Type |
|---|---|
| Bank Transfer (BACS) | Manual |
| Check Payments | Manual |
| Cash on Delivery | Manual |
| PayPal | Card / PayPal |
| Stripe | Card |
| Square | Card |
Configuring Gateways
- Go to WooNooW → Settings → Payments
- Enable desired payment methods
- Configure API keys and settings
- Test with sandbox/test mode first
After Checkout
Order Confirmation Page
Shows:
- Order number
- Order summary
- Next steps
Confirmation Email
Automatically sent to customer with:
- Order details
- Payment confirmation
- Shipping information (if applicable)
Troubleshooting
"Place Order" Button Not Working
- Check all required fields are filled
- Verify payment gateway is properly configured
- Check browser console for JavaScript errors
Payment Declined
- Customer should verify card details
- Check payment gateway dashboard for error details
- Ensure correct API keys are configured
Shipping Not Showing
- Verify shipping zones are configured in WooCommerce
- Check if products have weight/dimensions set
- Confirm customer's address is in a configured zone