Introduction

Cart and checkout is one of the main processes of the application B2C WebShop where many features are integrated. This concept gives an overview of the page flow and explains which pipelines and components are involved.

References

• Overview - Address Check
• Overview - Basket Calculation
• Overview - Business Object Layer
• Overview - Security & Data Protection
• Overview - Gifting
• Overview - Inventory
• Overview - Order
• Overview - Payment
• Overview - Promotions
• Overview - Shipping
• Overview - Warranties
• Concept - Payment Framework

Page Flow

The cart and checkout flow consists of the following steps:

• Cart
• Addresses
• Shipping
• Gifting
• Payment
• Review
• Receipt

For every step there is a separate CMS page. Currently, the cart and checkout page are not completely componentized. Instead, a working template (ISML) is used within the cart and checkout page layout.

The page flow is implemented using view pipelines. Typically, there is one view pipeline per page. Checkout step view pipelines have at least 3 start nodes:

• Start- The page is called from a previous step.
• Review- The page is called again from the same step or the user returns from one of the next steps.
• AdjustedEntryPoint- The user tried to jump to one of the next steps, but the step was not reachable yet (e.g., the user tried to jump to the shipping step although no addresses have been specified)

Additionally, there can be more start nodes dependent on the functionality of the page.

Page Flow - Overview

Fast Checkout

Fast checkout is a checkout flow like PayPal Express, where the address, shipping and payment step in the web shop is skipped. Instead, the customer is redirected directly from the cart to the payment provider page and the addresses stored at the payment provider are used. For details see Concept - Payment Framework

Checkout Acceleration

The idea behind this feature is that the customer can skip all the checkout steps where the necessary information is already provided. For example, a registered customer who has a preferred shipping and billing address and who has also specified a default payment method, jumps from the cart page directly to the review page. Of course, the customer can go back to the address, shipping or payment page to make some changes.

This feature can be enabled/disabled for an application from the channel backoffice on the Applications | <application name> | Shopping Cart & Checkout tab:

Implementation Details

ProcessCheckout-DefaultSettings

Each checkout step view pipeline ViewCheckout[Addresses|Shipping|Payment|Review]-Start in the checkout process first calls the pipeline ProcessCheckout-DefaultSettings, which sets the default addresses, shipping and payment method to the cart in case these are available and not already set.

ProcessCheckout-AdjustJumpStep

To check if a certain checkout step is really reachable with the given data, the pipeline ProcessCheckout-AdjustJumpStep is called by every checkout step view pipeline. If it is not possible to display the requested step (e.g. shipping step is called, but address data are not provided), the checkout step will be adjusted to one of the previous steps.

Page Flow - Cart

Page Flow - Checkout Addresses

Page Flow - Checkout Shipping

Page Flow - Checkout Gifting

Page Flow - Checkout Payment

Page Flow - Checkout Confirmation

Page Flow - Checkout Receipt

CMS Page Model

There is currently no fine-grained CMS componentization used for cart and checkout pages. Instead, one working area is used which is implemented by an ISML template.

The template to be used is defined with the dictionary key WorkingTemplate before calling the pipeline ViewPage-Start.

CMS Page Model - Cart

CMS Page Model - Empty Cart

CMS Page Model - Checkout Addresses

CMS Page Model - Checkout Shipping

CMS Page Model - Checkout Gifting

CMS Page Model - Checkout Payment

CMS Page Model - Checkout Confirmation

CMS Page Model - Checkout Receipt