# Checkout

The Store Launchpad for B2C Retail provides payment functionality for your store via Checkout's [Complete Checkout](/checkout/overview.md#complete-checkout-mode) and [Payment Only](/checkout/overview.md#payment-only-mode) modes.

The default Checkout mode used by the Store Launchpad for B2C Retail is Payment Only. You can [switch to Complete Checkout mode](/frontend-development/#switch-checkout-modes) via the Studio.

### Payments

The integrated Checkout application handles payment processing for the B2C Retail Checkout component.

To view the Checkout configuration settings, open the Merchant Center and select **Checkout** from the main menu.

Payments are managed by payment connectors, which enable connections to different Payment Service Providers (PSPs). You must configure the following Checkout application settings in the Merchant Center:

- Sample connector: use a pre-installed [sample payment connector](/checkout/connectors-and-applications.md#sample-payment-connector) to test your checkout process with minimal configuration. However, this sample connector doesn't connect to any external PSP.

- Production connectors: when you're ready to use payment connectors in the production environment, you can create and enable one or more payment connectors from our list of [supported Payment Providers](/checkout/connectors-and-applications.md#supported-psps-payment-integration-types-and-payment-methods).

### 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](/checkout/connectors-and-applications.md#sample-payment-connector).
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](/checkout/connectors-and-applications.md#sample-payment-connector).
7. Click **CONTINUE TO REVIEW**.
8. Review the details, then click **PAY WITH CREDIT CARD**. A payment confirmation page is displayed.

## Related pages

- [Area overview page with navigation](/frontend-development.md)
- [Previous page: SendGrid](/frontend-development/sendgrid.md)