Skip to main content
Version: 3.x

Stripe

Since version 3.5

This extension allows the usage of Stripe in your Front-Commerce application.

Installation​

First ensure you have installed the package:

$ pnpm install @front-commerce/stripe

Front-Commerce configuration​

To enable the extension, you need to add the Stripe extension definition to your front-commerce.config.ts. When doing that, you need to pass the flavor in which you want to run the extension, the flavor must be one of the following values:

  • magento1
  • magento2
  • adobe-b2b

For instance, in a Adobe B2B based project, the front-commerce.config.ts file would be something like:

front-commerce.config.ts
import { defineConfig } from "@front-commerce/core/config";
import themeChocolatine from "@front-commerce/theme-chocolatine";
import magento2 from "@front-commerce/magento2";
import stripe from "@front-commerce/stripe";
import storesConfig from "./app/config/stores";
import cacheConfig from "./app/config/caching";

export default defineConfig({
  extensions: [
    themeChocolatine(),
    magento2({ storesConfig }),
    adobeb2b(),
    stripe("adobe-b2b"), // ⚠️ needs to be after themeChocolatine()
  ],
  stores: storesConfig,
  cache: cacheConfig,
  configuration: {
    providers: [],
  },
});

Register your Stripe payment components​

Nothing more to do, you should see the additional information component in the checkout step when using the administrative mandate payment method.

After restarting Front-Commerce, you should be able to see a new payment method called "credit card" in your checkout step.