Documentation

Checkout

Elevate, May 20-22-2025, Miami Beach, Florida
The Store Launchpad for B2C Retail provides payment functionality for your store via Checkout's Complete Checkout and Payment Only modes.
The default Checkout mode used by the Store Launchpad for B2C Retail is Payment Only. You can switch to Complete Checkout mode via the Studio.

Switch Checkout modes

To switch between Payment Only mode and Complete Checkout mode, go to the Studio and do the following:

  1. Go to Dynamic pages.
  2. Click Checkout, then select the default page version you want to edit.
  3. Select the commercetools UI checkout component.
  4. Expand the Checkout Mode section.
  5. Click the Payment Only toggle on to enable Payment Only mode, or off to enable Complete Checkout mode.

Save addresses during checkout

Only Payment Only mode supports saving addresses during checkout. We recommend turning off this feature for Complete Checkout mode.

To turn off the saved addresses functionality, do the following:

  1. Log in to the Studio and click Dynamic Pages.
  2. Click Account, then select the default page version you want to edit.
  3. Select the commercetools UI account details component.
  4. Expand the Configuration section.
  5. Click the Enable Saved Addresses Functionality toggle off.

Place an order using Payment Only mode

To place an order when Payment Only mode is active, do the following:

  1. From the cart, click Go to checkout.
  2. In the Addresses section, enter the details of the shipping address or select a saved address.
  3. Optional: If the billing address differs, deselect the My billing address is the same as my delivery address checkbox and enter the billing address details.
  4. Click Save and review.
  5. Select a shipping method, then click CONTINUE.
  6. Enter the credit card details. You can test a credit card payment using the sample payment details.
  7. Click CONTINUE TO REVIEW.
  8. Review the details, then click Complete purchase. A payment confirmation page is displayed.

Place an order using Complete Checkout mode

To place an order when Complete Checkout mode is active, do the following:

  1. From the cart, click Go to checkout.
  2. In the Addresses section, enter the details of the shipping address.
  3. Optional: If the billing address is different to the shipping address, deselect the Billing Address checkbox and enter the billing address.
  4. Click SAVE & CONTINUE.
  5. Select the shipping method, then click CONTINUE.
  6. Enter the credit card details. You can test a credit card payment using the sample payment details.
  7. Click CONTINUE TO REVIEW.
  8. Review the details, then click PAY WITH CREDIT CARD. A payment confirmation page is displayed.