Configure One-Click Checkout for Your B2C Commerce Composable Storefronts

One-click checkout streamlines the checkout experience for shoppers in your B2C Commerce Composable storefronts. When a first-time shopper checks out, they can save their checkout information for future use. If the shopper selects Create an account to check out faster, a one-time password (OTP) window appears where they can enter the code sent to their email address. After the shopper verifies their email address, the system creates an account for them with your store and saves their shipping and payment information for future use.

Save payment, address, and contact information for future use with one-click checkout

If a registered shopper returns to make another purchase, the shopper only needs to enter their email address and a verification code to check out. Their default or first saved shipping address and payment information is automatically filled in.

Shoppers always have the option to check out as a guest. Additionally, shoppers can log into their account to view their saved shipping and payment information.

Set up one-click checkout for B2C Commerce Composable storefronts.

  1. If your PWA Kit isn’t version 3.17 or later, Upgrade to v3.

  2. In packages/template-retail-react-app/config/default.js, set oneClickCheckout.enabled to true.

  1. Create a SLAS private client. See Use a SLAS Private Client.
  2. In packages/template-retail-react-app/ssr.js, add the onSLASPrivateProxyRes callback to the runtime options to handle the passwordless login responses.

  1. To send shoppers a one-time password via email, Configure Email Templates.

  2. To maintain security, we recommend that you implement these safegaurds.

    a. Captcha - Protects the passwordless login from bots.

    b. OTP for Email Changes - Verifies your identity before an email update, prevents accidental account lockouts from typos, and prevents unauthorized users from gaining access to saved payment methods.