Stripe Connector for Commercetools Connect

The payment connector allows you to embed two payment components that connect directly to a service that translates payments from Stripe to Commercetools.

• Embed the Stripe Payment Element and Express Checkout in your website.
• The payment connector processor translates webhook events into Commercetools payment information.

Both payment components are optimized for conversion and SAQ-A eligible, simplifying PCI compliance.

Express Checkout Element

Payment Element

You can enable or disable payment methods from your payment methods settings in the Stripe Dashboard. This applies to both the Express Checkout Element and the Payment Element.

To customize the look and feel of these Elements from the Payment Connector configuration, add code similar to the following:

{
  "theme":"stripe","variables":
    {
      "colorPrimary":"#0570DE",
      "colorBackground":"#FFFFFF",
      "colorText":"#30313D",
      "colorDanger":"#DF1B41",
      "fontFamily":"Ideal Sans,
      system-ui,sansserif","
      spacingUnit":"2px",
      "borderRadius":"4px"
    }
  }