Skip to main content

For Patients

Complete secure checkout with payment options and instant order confirmation.

​
Core Features

​
Address Management

  • Shipping Address Forms: Collect delivery address with validation
  • Address Selection: Choose from saved addresses or enter new ones
  • Billing Address Options: Optional separate billing address with “same as shipping” toggle
  • Address Validation: Form validation for required fields and formats

​
Payment Information Collection

  • Credit Card Forms: Collect cardholder name, card number, expiry, and CVC
  • Input Formatting: Real-time formatting for card numbers and expiry dates
  • Form Validation: Client-side validation with error messaging
  • No Processing: Forms collect information but do not process payments
To process real payments, you’ll need to configure Stripe in your Specode project settings. The checkout component works in test mode without these integrations configured.

​
Order Management

  • Cart Integration: Display cart items, quantities, and pricing
  • Order Summary: Show subtotal, shipping, and total calculations
  • Questionnaire Check: Verify required questionnaires are completed
  • Mock Processing: Simulate order creation with loading states

​
User Workflow

1

Login

Patient logs in and accesses dashboard
2

Navigate to shop

Navigate to shop from dashboard
3

Select items

Browse products and select to add to cart
4

View Cart

Access cart to see all selected items and total
5

Verify Order

Verify cart items, quantities, and total price
6

Enter Shipping

Provide delivery address for physical products
7

Payment Details

Enter payment method for remaining balance
8

Place Order

Review final total and submit order
9

Confirmation

Receive order confirmation
10

Review Order

From patient dashboard, access “My Orders” tab to review past orders

​
Usual Component Interactions

The Checkout component completes the e-commerce transaction flow: Core Integration:
  • Cart Component: Receives cart contents and pricing information
  • Product Catalog: Validates product availability and pricing
  • Authentication: Secure user authentication for order placement
  • Order Management: Creates orders for fulfillment processing
Common Enhancements:
  • Scheduling: Confirm appointment bookings during checkout
  • Prescription Verification: Validate prescriptions before order completion
  • Billing Component: Process insurance claims and patient billing
  • Notifications: Send order confirmations and shipping updates

​
Required Services

This component requires the following external services to be configured:
  • Payment Gateway: Stripe or Square for payment processing
  • Insurance Verification: Availability or similar for insurance checks
You’ll need to add the appropriate API keys to your Specode project settings.
⌘I