DocumentationCommerceStores and Purchase Experience

Checkout process and options

Last update: Mon Jun 03 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • Beginner
  • Intermediate
  • Admin
  • User

When the checkout process begins, the transaction shifts to a secure, encrypted channel. A padlock symbol appears in the address bar of the browser, and the URL changes from http to https.

Process

The goal for the checkout process is to gather the information necessary to complete the transaction. The Checkout page leads the customer through each step of the process. Customers who are logged into their accounts can complete checkout quickly, because much of the information is already in their accounts. Customers associated with a company account that uses purchase orders have a slightly different workflow.

Shipping

The first step of the checkout process is for the customer to complete the shipping address information, and to choose the shipping method. If the customer has an account, the shipping address is entered automatically, but can be changed if needed.

Adobe Commerce (Adobe Commerce only) The format of the street address for the recipient and sender is determined by the properties of the customer address attribute. The input validation setting determines the valid characters that can be used in a shipping address.

The progress bar at the top of the page follows each step of the checkout process, and the Order Summary shows that the information entered so far.

Shipping page during the checkout process {width="600" modal="regular"}

Ship to a different address

  1. If there are additional entries in the address book, the customer finds the address where the order is to be shipped.

  2. To select the address, clicks Ship Here.

Add an address

  1. At the bottom of the Shipping Address section, the customer clicks + New Address.

  2. Completes the Shipping Address form.

    By default, the customer’s first and last name initially appear in the form.

    Shipping Address form includes name and address information {width="600" modal="regular"}

  3. To save the new address in the address book, the customer selects the checkbox at the bottom of the form.

  4. Clicks Save Address.

    The new address is now selected as the shipping address.

    The saved address is automatically selected in the Shipping page {width="600" modal="regular"}

Choose the shipping method

  1. In the list of shipping methods, the customer chooses the option that they want to use.

    Shipping page displays shipping method options {width="600" modal="regular"}

  2. Clicks Next to continue.

Review and Payments - Regular Order

During the second step of the checkout process, the customer chooses the payment method, and applies any coupons with promotional codes to the purchase. All information can be reviewed, and edited if needed. If enabled, the customer must agree to the terms and conditions of the sale before placing the order.

NOTE
Although Commerce allows configuring multiple coupon codes, a customer may apply only one coupon code to the cart. (See the Coupon Codes for more information.)

Review and payment page during checkout {width="700" modal="regular"}

Review and Payments - Purchase Order

Adobe Commerce B2B (Available with Adobe Commerce B2B only)

When a customer is associated with a company that has enabled purchase orders, all orders are processed as purchase orders. Available payment methods are determined by the company account settings.

  1. The customer selects a payment method.

    When using the Payment on Account method, the Custom Reference Number field can be used to reference an invoice number.

  2. The customer clicks Place Purchase Order.

    The purchase order is placed.

If the company has set up approval rules, the purchase order goes through the approval process. Otherwise, it is processed immediately.

Purchase order review and payment {width="700" modal="regular"}

Number of items displayed in the order summary

Admin users can change the maximum number of items displayed in the order summary at checkout to streamline the display with fewer products. By default, this value is set to 10.

Number of items displayed in Order Summary {width="700" modal="regular"}

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Checkout.

  3. Expand Expansion selector the Checkout Options section.

  4. For Maximum Number of Items to Display in Order Summary, enter the maximum number of items to be displayed.

  5. Click Save Config.

    With this update, the order summary displayed during checkout is limited to the specified quantity of items.

Order confirmation

The order confirmation appears after the order is placed. For registered customers, the page includes the order number with a link to the customer’s account, and a link to generate a receipt. Registered customers are told to expect order confirmation and tracking information by email. Guests are encouraged to create an account to track the order. Registered customers can generate a receipt by clicking a link.

The order confirmation page is also called the Success page, and is used by analytics programs to track conversions.

Order Confirmation page displays a success message and order number {width="700" modal="regular"}

Checkout options

The checkout options control various attributes for the checkout page, including the layout. There are options that you can configure to place constraints on checkout, including allowing guest checkout and enforcing a terms and conditions agreement. There are also options for controlling the display of information during the checkout process.

Configuration - checkout options {width="700" modal="regular"}

For a detailed description of each of these configuration settings, see Checkout Options in the Configuration Reference Guide.

Change the checkout options

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. On the left panel, expand Sales and choose Checkout.

  3. Set any of the following options that you require.

  4. Click Save Config.

  5. Expand Expansion selector the Checkout Options section.

  6. If the settings are for a specific store view, choose the store view where the configuration applies.

    When prompted, click OK  to continue.

  7. Set the checkout options.

  8. Click Save Config.

Available checkout options

Field
Scope
Description
Enable Onepage Checkout
Store View
Determines if one-page checkout is the default checkout format. Options: Yes / No
Allow Guest Checkout
Store View
Determines if guests can go through checkout without registering for an account with your store. Options: Yes / No
Enable Terms and Conditions
Store View
Determines if customers are required to agree to the Terms and Conditions of the sale before making a purchase. Options: Yes / No
Display Billing Address On
Store View
Determines the location of the Billing Address during checkout. Options: Payment Method / Payment Page
Maximum Number of Items to Display in Order Summary
Store View
Determines the maximum number of items that can appear in the Order Summary during checkout. The default is 10.
Enable Address Search
Website
Adobe Commerce (Adobe Commerce only) Determines if customers can use address search functionality for Shipping, and the Review & Payments steps. When this function is enabled, use the Number of Customer Addresses Limit to set the number of saved addresses required to activate this functionality during checkout. Options: Yes / No
Number of Customer Addresses Limit
Website
Adobe Commerce (Adobe Commerce only) When address search is Enabled, determines the number of saved addresses required to activate this functionality during checkout. When the customer’s number of saved addresses meets or exceeds this number, only the default address is rendered on the Shipping and Review & Payments steps. The customer can use a search function to change the selected address. The default is 10.
recommendation-more-help
dacea746-44a9-4368-b3fb-3bcff64c6be1