The single-page checkout

Single-page checkout: a checkout in which all stages are contained on the same page. When a customer makes changes to any checkout form on single-page checkout, the other parts are updated without a separate page load.

The checkout can be implemented in a theme in a variety of ways, but its work logic is always more or less the same. See the section below to learn how the single-page checkout works in the MyCashflow default theme.

• The customer changes their delivery address → the system checks the data entered without a separate page load and immediately notifies about any errors on the form.

  Based on the new shipping address, the system will update the available delivery methods.

• The customer selects a shipping method → the available payment methods are updated based on the selected shipping method.
• On the single-page checkout, the customer can also provide a discount code at any point. After the customer has provided the code, the order total is updated without a separate page load if the code is still valid.
• After confirming the order, the customer is directed either to a payment processing page or directly to the online store's order confirmation page (depending on the payment method).

Optionally, you can test the single-page checkout in the MyCashflow demo store.