Checkout

Welcome to the demo checkout page. Please follow the steps below to complete your purchase.

Configuration

This step is necessary to connect the checkout to your Commerce platform. This step is necessary to connect the checkout to your Commerce platform. Make sure you are using version 4 or higher.
Ensure you have enabled Craft Commerce to operate in headless mode as described in the documentation.

API Base URL

GraphQL Endpoint

Stripe Gateway ID

Stripe Publishable Key

Login

For this demo, login details are not stored in a session, but they can be saved in cookies for better session management.

Password

Select Products

Please configure at least one purchasable product in your system to proceed with the checkout process.

Enter Address

Each address entered here creates a new entry for the user. Ideally, a REST endpoint should be implemented to fetch saved addresses.

Full Name

Address Line 1

Postal Code

City

Province

Country

Label (Title):

Shipping Methods

Payment

This demo uses Stripe to process payments, including 3D Secure. A REST endpoint for fetching active gateways dynamically would be ideal.

Order Complete

Thank you for your purchase! Your order has been successfully processed.

Cart Summary

Your cart is empty.