Building a Buy Online, Pick up in Store-friendly Checkout Experience

You can customize the checkout to tailor the shopper experience depending on whether the shopper chooses shipping or a Pickup fulfillment method.

If you want to create a Buy Online, Pick up in Store experience on top of our existing Optimized One-Page Checkout, you can install a custom checkout.

Alternatively, if you want to create a fully custom checkout experience that diverges significantly from our Optimized One-Page Checkout, use the Checkout SDK to interact with the Storefront Cart and Checkout APIs. For info on incorporating BOPIS features, see the Manage Checkout as a Shopper guide.

Regardless of which approach you choose, you can customize by doing the following:

• Remove the Shipping Address section for Buy Online, Pick up in Store flows
• Connect your middleware service to take additional Buy Online, Pick up in Store form fields
• Allow changing the pickup location within Checkout
• Allow toggling between shipping and Buy Online, Pick up in Store in Checkout

Use the Storefront Checkout API from your custom frontend implementation to interact with the BigCommerce Consignment model so that you can update shipping and pickup options that account for inventory levels.