![\"\"](\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2024\/08\/Spree-Commerce-open-source-eCommerce-Stripe-payments-integration-Github-1024x483.jpg\")
<\/figure>\n\n\n\nHere are the Stripe installation instructions<\/a> or you could simply use the pre-configured Spree Starter<\/a> which bundles all the must-haves and saves you a lot of time.<\/p>\n\n\n\n This gem<\/a> is the official Stripe payment gateway extension for Spree Commerce. It is the first native Stripe integration with all the features that Stripe provides:<\/p>\n\n\n\n <\/a><\/p>\n\n\n\n Check out this\u00a0Spree Commerce demo<\/a>\u00a0using the official Stripe integration.<\/p>\n\n\n\n This demo runs on the upcoming Spree 5 which is the biggest Spree release ever. This milestone is more than just an upgrade. It transforms the platform into a future-ready, mobile-first, no-code, enterprise-friendly eCommerce solution that still adheres to its open-source roots.<\/p>\n\n\n\n Thanks to available Spree extensions, you can easily integrate various types of payment methods. To configure one of the supported payment gateways (e.g. Stripe), you must first install the Spree_Gateway<\/a> extension in your store.<\/p>\n\n\n\n Once the extension has been installed, you can configure Stripe payment gateway in the Admin Interface by clicking the \u201cConfiguration > Payment Methods<\/em>\u201d tab and then clicking the \u201cNew Payment Method\u201d button.<\/p>\n\n\n\n Search \u2018Stripe\u2019<\/strong> in Providers drop down and select Spree :: :: Gateway StripeGateway<\/em>.<\/p>\n\n\n\n In the next steps you will be asked to:<\/p>\n\n\n\n If you set it as false then authorization will be done at purchase time but actual charge will be done when the order is marked as shipped. If you set it as true then the payment will be captured just after authorization at purchase time.<\/p>\n\n\n\n At the end of the process, you will be asked to enter \u2018SECRET KEY\u2019 and \u2018PUBLISHABLE KEY\u2019. You will need a Stripe account for that. After log in you can see API tab in sidebar. By clicking the API tab, you can see \u2018API keys\u2019 section and you can find \u2018Publishable key\u2019 and \u2018Secret key\u2019 key there. These are your testing credentials. You need to \u2018Activate your account\u2019 from side bar to get live API keys.<\/p>\n\n\n\n\n
Installment (BNPL) payments indicator on PDP (Product Detail Page)<\/h3>\n\n\n\n
![\"Installment](\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2024\/08\/Spree-x-Stripe-BNPL-Installment-payments-Product-Card-PDP-Product-Detail-Page-1024x483.jpg\")
<\/figure>\n\n\n\nQuick payment options on the cart (Apple Pay, Google Pay, Link)<\/h3>\n\n\n\n
![\"Quick](\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2024\/08\/Spree-x-Stripe-Apple-Pay-Google-Pay-Link-Quick-payment-options-on-the-cart-1024x483.jpg\")
<\/figure>\n\n\n\nQuick payments bypassing checkout (Apple Pay, Google Pay, Link)<\/h3>\n\n\n\n
![\"Quick](\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2024\/08\/Spree-x-Stripe-Apple-Pay-Google-Pay-Link-Quick-payments-bypassing-checkout-on-Cart-1024x483.jpg\")
<\/figure>\n\n\n\nVarious payment options on the payment step (cards, BNPL, Apple Pay, Google Pay, Link)<\/a><\/a><\/a><\/h3>\n\n\n\n
![\"Various](\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2024\/08\/Spree-x-Stripe-Apple-Pay-Google-Pay-Link-Checkout-payment-step-1024x483.jpg\")
<\/figure>\n\n\n\nSpree 5 Demo<\/a><\/h2>\n\n\n\n
Legacy integration<\/h2>\n\n\n\n
\n
\n
Example of Stripe and Spree integration<\/h2>\n\n\n\n
![\"example](\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2019\/01\/example-of-Stripe-and-Spree-Commerce-Integration.jpg\")
<\/figure>\n","protected":false},"excerpt":{"rendered":"