{"_id":"5acbc64906a2ce0003f29063","project":"55a6e72e8cc73e0d00096635","version":{"_id":"55a6e72f8cc73e0d00096638","project":"55a6e72e8cc73e0d00096635","hasReference":false,"__v":30,"hasDoc":true,"createdAt":"2015-07-15T23:05:19.125Z","releaseDate":"2015-07-15T23:05:19.125Z","categories":["55a6e7308cc73e0d00096639","55b7ed07aea7c8190058badb","5604567c0c78b00d0039b191","5605e6f23a93940d002b3e4a","5605f2bba4574a0d00811365","5605f309a4574a0d00811366","5608e3b98aedf50d0004cf8f","5608e4318aedf50d0004cf90","5608e6b5a7cc2f0d00d9754d","5608e6d331beb60d001b6560","5608f879a7cc2f0d00d97580","560b097887b71d0d000d3bd9","560b13cbafa0990d00979545","560b5cbec341310d00de2a01","560b5cd0c341310d00de2a02","566a35b81e08750d00a0c49b","566a3e8503b4b20d00d02a4a","567889d307bf6a0d0083edc8","569c8b7c15bb390d00db6f9d","56b254dc65ddf50d0076ba8f","57a8ebc4cdeea20e001d2a63","57e48a4000c8680e00fae6e7","5808216773557d0f00a1e428","58105ad54a8aa50f00aa4cba","58105bf298aea40f00afa3ba","58105f548a4aed0f00d67536","581061b898aea40f00afa3be","584b3de7e5f3a42300df6ef7","596839a75965d400155bb750","5b195f920059c20003083ad6"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"596839a75965d400155bb750","project":"55a6e72e8cc73e0d00096635","version":"55a6e72f8cc73e0d00096638","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2017-07-14T03:25:27.396Z","from_sync":false,"order":1,"slug":"whats-new","title":"What's New"},"user":"5ab9ae5220abcc00499b2be4","__v":1,"parentDoc":null,"updates":["5acd5b29ed9995000376f3f8"],"next":{"pages":[],"description":""},"createdAt":"2018-04-09T20:00:09.760Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"##Customizing Checkout\n\nIf you’re a developer, BigCommerce provides options for you to customize Optimized One-Page Checkout. The options you choose will depend on the level of customization required.\n\n###Address Form Fields\nCreate and manage address form fields in checkout. Customization is through the [Account Signup](https://support.bigcommerce.com/articles/Public/Editing-Form-Fields/?q=account+signup+form&l=en_US&fs=Search&pn=1) Fields functionality in the Control Panel. All address fields can have a custom inline CSS styling applied. Some field types also include settings for determining field size and maximum field length.\n\nNote: There are some built-in address fields which are required for shipping functionality to work. These fields cannot be removed but can be renamed if necessary.\n\n###Stencil Theme Editor\nCustomize the style of your checkout using the [Stencil Theme Editor](https://support.bigcommerce.com/articles/Public/Using-the-Stencil-Theme-Editor?q=multi-language&l=en_US&fs=Search&pn=1). The editor is a point-and-click graphical user interface and has an Optimized Checkout section that allows you to change checkout styling without writing code. It offers a selection of options for easily changing the logo, colors, logo and font type. \n\nNote: The Stencil Theme Editor is only available with Optimized One-Page Checkout and compatible [Stencil themes](https://www.bigcommerce.com/theme-store/).\n\n###Multi-Language Checkout\nShoppers can check out in their preferred language as long as you enable the language on your theme. Customize checkout to be displayed in different languages by using [these guidelines](https://stencil.bigcommerce.com/docs/multi-language-checkout) to enable multi-language text display on your Stencil theme's Optimized One-Page Checkout and order confirmation pages. \n\nNote: This option is only available with Optimized One-Page Checkout and compatible [Stencil themes](https://www.bigcommerce.com/theme-store/).\n\n###Cart and Checkout APIs\n\nYou can build custom cart and checkout experiences on top of the BigCommerce platform using our web APIs. Use the Cart API together with webhooks to create custom applications that handle flows when triggered by key events, such as:\n\n* new items have been added to a cart\n* a cart was left abandoned by a shopper\n\nWith the Checkout API you can build your own checkout replacement. Check out our other APIs and tools available including:\n\n* [Storefront Cart API](https://developer.bigcommerce.com/api/v3/storefront.html#storefront_cart_api)\n* [Storefront Checkout API](https://developer.bigcommerce.com/api/v3/storefront.html#storefront_checkout_api)\n* [Server-to-Server Cart API](https://developer.bigcommerce.com/api/v3/cart.html)\n* Server-to-Server Checkout API - Coming Soon\n* [Cart Webhooks](https://developer.bigcommerce.com/api/#webhooks-overview)\n\n###Checkout JS SDK - Coming Soon\nCheckout JS SDK complements our web APIs by providing you with the tools you need to build your own checkout solution for a BigCommerce store. The SDK is a JS wrapper for our [Storefront Checkout API](https://developer.bigcommerce.com/api/v3/storefront.html).  It handles all the necessary interactions with our Storefront APIs and other payment SDKs, so you can focus on creating a checkout experience that is unique to your business.\n\nThe Checkout JS SDK also provides methods for all the operations needed to process a checkout, including but not limited to:\n\n* Signing in a customer\n* Populating shipping & billing addresses\n* Fetching shipping quotes\n* Selecting a shipping method\n* Fetching payment options\n* Creating an order\n\nIt also provides integrations with all the [payment gateways](https://support.bigcommerce.com/articles/Public/Optimized-Single-Page-Checkout) supported by Optimized One-Page Checkout, such as:\n\n* PayPal Express Checkout\n* PayPal powered by Braintree\n* Square Payments\n* Amazon Pay\n* Klarna Payments\n* Afterpay\n\nUsing these tools in conjunction with your favorite frontend framework, it’s possible to build a complete checkout experience specific to a single store, or a checkout replacement that’s augmented with additional features.\n\n###Have further questions? \nAsk the developer community by posting your question on the [forum](https://forum.bigcommerce.com/s/group/0F913000000HLjECAW/bigcommerce-developers). \n\nIf you have an account on our [Partner Portal](https://partners.bigcommerce.com/English/) you can login and create a case. Enterprise merchants can create a development support case on the [Support Site](https://support.bigcommerce.com/contact?q=).","excerpt":"","slug":"customizing-checkout","type":"basic","title":"Customizing Checkout"}

Customizing Checkout


##Customizing Checkout If you’re a developer, BigCommerce provides options for you to customize Optimized One-Page Checkout. The options you choose will depend on the level of customization required. ###Address Form Fields Create and manage address form fields in checkout. Customization is through the [Account Signup](https://support.bigcommerce.com/articles/Public/Editing-Form-Fields/?q=account+signup+form&l=en_US&fs=Search&pn=1) Fields functionality in the Control Panel. All address fields can have a custom inline CSS styling applied. Some field types also include settings for determining field size and maximum field length. Note: There are some built-in address fields which are required for shipping functionality to work. These fields cannot be removed but can be renamed if necessary. ###Stencil Theme Editor Customize the style of your checkout using the [Stencil Theme Editor](https://support.bigcommerce.com/articles/Public/Using-the-Stencil-Theme-Editor?q=multi-language&l=en_US&fs=Search&pn=1). The editor is a point-and-click graphical user interface and has an Optimized Checkout section that allows you to change checkout styling without writing code. It offers a selection of options for easily changing the logo, colors, logo and font type. Note: The Stencil Theme Editor is only available with Optimized One-Page Checkout and compatible [Stencil themes](https://www.bigcommerce.com/theme-store/). ###Multi-Language Checkout Shoppers can check out in their preferred language as long as you enable the language on your theme. Customize checkout to be displayed in different languages by using [these guidelines](https://stencil.bigcommerce.com/docs/multi-language-checkout) to enable multi-language text display on your Stencil theme's Optimized One-Page Checkout and order confirmation pages. Note: This option is only available with Optimized One-Page Checkout and compatible [Stencil themes](https://www.bigcommerce.com/theme-store/). ###Cart and Checkout APIs You can build custom cart and checkout experiences on top of the BigCommerce platform using our web APIs. Use the Cart API together with webhooks to create custom applications that handle flows when triggered by key events, such as: * new items have been added to a cart * a cart was left abandoned by a shopper With the Checkout API you can build your own checkout replacement. Check out our other APIs and tools available including: * [Storefront Cart API](https://developer.bigcommerce.com/api/v3/storefront.html#storefront_cart_api) * [Storefront Checkout API](https://developer.bigcommerce.com/api/v3/storefront.html#storefront_checkout_api) * [Server-to-Server Cart API](https://developer.bigcommerce.com/api/v3/cart.html) * Server-to-Server Checkout API - Coming Soon * [Cart Webhooks](https://developer.bigcommerce.com/api/#webhooks-overview) ###Checkout JS SDK - Coming Soon Checkout JS SDK complements our web APIs by providing you with the tools you need to build your own checkout solution for a BigCommerce store. The SDK is a JS wrapper for our [Storefront Checkout API](https://developer.bigcommerce.com/api/v3/storefront.html). It handles all the necessary interactions with our Storefront APIs and other payment SDKs, so you can focus on creating a checkout experience that is unique to your business. The Checkout JS SDK also provides methods for all the operations needed to process a checkout, including but not limited to: * Signing in a customer * Populating shipping & billing addresses * Fetching shipping quotes * Selecting a shipping method * Fetching payment options * Creating an order It also provides integrations with all the [payment gateways](https://support.bigcommerce.com/articles/Public/Optimized-Single-Page-Checkout) supported by Optimized One-Page Checkout, such as: * PayPal Express Checkout * PayPal powered by Braintree * Square Payments * Amazon Pay * Klarna Payments * Afterpay Using these tools in conjunction with your favorite frontend framework, it’s possible to build a complete checkout experience specific to a single store, or a checkout replacement that’s augmented with additional features. ###Have further questions? Ask the developer community by posting your question on the [forum](https://forum.bigcommerce.com/s/group/0F913000000HLjECAW/bigcommerce-developers). If you have an account on our [Partner Portal](https://partners.bigcommerce.com/English/) you can login and create a case. Enterprise merchants can create a development support case on the [Support Site](https://support.bigcommerce.com/contact?q=).