Back to Top

CS-Cart Stripe Payment Gateway

Updated 10 October 2023

Stripe Payment Gateway:- Integrate the most scalable payment gateway Stripe with your CS-Cart store with this most flexible add-on “CS-Cart Stripe Payment Gateway”.

This splendid extension works with checkout for payment in CS-Cart via Stripe. Stripe payment gateway accepts Cards, Alipay.

It also handles the concept of full refunds & partial refund. A service that authorizes payment for CS-Cart also supports Apple Pay Payments.

The upgraded version of this Addon also supports ACH Payment method, Sofort Payment method, Bancontact Payment method, Giropay Payment method, iDeal Payment method, 3D Secure Payments with Inline Payment method.

This version comes with the feature of Auth and Capture (Two-phase commit for payments) money on the card.An authorization uncaptured for 7 days will be automatically reversed.

Find the Best CS-Cart
Development Company
Find out More

Features (Version 1.0)

  • Well integrated with CS-Cart.
  • Support for almost all kind of cards including Visa, Mastercard, American Express, Discover, JCB etc.
  • In addition Functionality to refund money at Admin end.
  • Functionality to check payment response in backend view of orders provided by stripe Payment Gateway.
  • Works with stripe supported currencies.
  • Functionality to send email notifications on transactions.
  • Easy to configure and manage at admin end.
  • No need of modifications in core files.
  • Works with both Test and Live modes on the payment gateway.

Updated features of Version 3.0

  • Now supports and compatible with PHP 7.
  • Implementation of Stripe payment method using “checkout.js” and “inbuilt cc form (Inline)”.
  • For “checkout.js” user of the store has the option of payment via Card and Alipay.
  • The option of payment is possible via frontend and backend.
  • The facility of refund via “Stripe payment gateway” is provided which includes both partial and full payment.
  • Moreover Option to set the status of order based on different payment response is possible at admin end.
  • Well integrated with Multivendor where vendors can view the refund details of their particular order.
  • In addition a separate tab has been provided to view the details of refund via Stripe.

Updates of Version 3.1

  • The option of saving card is available for Stripe “inbuilt cc form (inline)”.
  • Feature to support zero-decimal currencies.

New Updates of Version 4.0

  • Supports Payments via Apple Pay.

Updates of Version 5.0

  • Supports payment via various payment gateways which include-
    1. ACH Payment method
    2. Sofort Payment method
    3. Bancontact Payment method
    4. Giropay Payment method
  • 3D Secure Payment method with Inline Payment solution.
  • Added a feature of Auth & Capture money on the cards.
  • Automatic reversal of the authorization uncaptured for 7 days.
  • Option to capture payment manually at the backend.

New Updates of Version 5.1

  • Supports payment via iDeal Payment Gateway.
  • Functionality to release the uncaptured payment.
  • Provided an option for admin to activate/deactivate the save card feature for future reference.

Note: As per Stripe’s Official Blog, the Bitcoin payment method is not supported by Stripe since 23 April 2018. This add-on is currently being updated and this functionality will be removed.

Therefore, customers are requested to set the Bitcoin options to no as Bitcoin payment will not be processed by Stripe.

Updates of Version 5.4

  • Auth & Capture feature is only provided for Checkout, Inline, Payment Intent, and Payment Request Methods only.
  • SCA and 3DS 2.0 compatible payment methods are Checkout and Payment Intent.
  • Also, a new payment method is provided for Alipay.

Updates of 5.5

  • API update for 3DS Securely.
  • Compatible with the latest CS-cart version. 4.13,4.14 & 4.15 with Multivendor and Ultimate

Note: Make sure the payment will work with 3DS securely as well. 

Updates of 5.6

  • Implement the Subscription payment feature.
  • Compatible with the latest CS-cart version. 4.13,4.14,4.15 and 4.16 with Multivendor and Ultimate.

Note: Utilising the recurring payment option in the Stripe payment gateway requires the recurring access payment addon.

You have to install the Recurring Payment Access addon for using this feature.

Add-ons-__-Manage-add-ons-Administration-panel

After installing the add on you have to enable it from the admin panel.  You have to select the method for recurring payments.

Add-ons-__-Manage-add-ons-Administration-panel-1

After, installing the Addon, you have to go to the product list and select the product on which you want to create the recurring payment option Products>product

Products-__-Products-Administration-panel-1

After, selecting the product, click on the option Stripe Recurring then you can add the initial amount and the recurring amount and the recurring type.

Products-__-Products-Administration-panel

  • Recurring Type: By selecting this you can set the recurring cycle, it may be daily, weekly, monthly, or yearly basis.
  • Initial Amount: This amount refers to the amount payable at the start of the subscription of the product like a downpayment.
  • Recurring Amount: This amount will be the amount that will be debited from the customer’s account on the basis of the selected subscription plan.

Now, After filling in all the details click on the Save button.

Customer View

When the admin assign the product as a subscripted product, the customer able to see the subscritption button beside add to cart button.

Electronics-__-Cameras-Photo-__-Lenses-__-18-55mm-Portrait-Lens-1

The customer have the option to subscribe the product. When the customer click on the subscription button a dialog box appear mentioned below. From there the buyer can select the starting date and subcription plan as per needed.

Electronics-__-Cameras-Photo-__-Lenses-__-18-55mm-Portrait-Lens-2

When the customer select the subscription plan then it come to payment of the subscription and redirect to the checkout page.

Checkout-5

Checkout-6

When you click on the Place Order the customer is redirect to the card details page where buyer have to fill the email ID, card information, billing address details and click on Subscribe button.

Webkul

After clicking on the Subscribe button, buyer will get order confirmation.

Your-order-has-been-received

Cancellation of Subscription

The admin and customer both can cancel the Subscription from their ends.

Admin End

The admin can cancel the subscription from the admin panel. Admin have to select the Order from the order list and then click on the Cancel Subscription.

cancel-1

After the cancellation of the order, the status changes to Subscription Cancelled  mentioned as below.

cancel-2

Customer End

For the cancellation, customer have to log in with thier account and then select that order from the Order list then click on the Cancel Subscription.

cancel-4

After clicking on the Cancellation button the subscription get cancelled by the customer itself.

cancel-5

How To Upload And Install

After downloading the CS-Cart Stripe Payment Gateway add-on you’ll get one zip file, one install.txt file, and a relevant User Guide manual doc. Read it carefully for proper configuration.

Firstly Go to Manage Add-ons, and click on “+” as shown below in the snapshot.

install

Click on “Local” to browse the zip file and then click on “Upload & Install” as shown below in the snapshot.

CS-Cart Stripe Payment Gateway

Click on “Settings” to configure the stripe payment gateway as shown below in the snapshot.

cs-cart stripe payment gateway addon

Enter the credentials provided by “Stripe” as shown below in the snapshot. There is also an option to enable Save Card feature. If you enable this, then only the customer will get the option to save the card at the front end otherwise not.

Add-ons-Manage-add-ons-Administration-panel

How to get Stripe Credentials:

To get the stripe credentials, firstly you need to create a developer account at the stripe site. Under the “Developers” Tab, you will find the API keys.

screenshot_apikey-1

Configuration Of Stripe (Checkout.js Form)

For using Stripe in the checkout.js form, create a new payment method. Click on “Payment methods” as shown below in the snapshot.

Administration panel

Click on “+” to generate a new payment method as shown below in the snapshot.

Add Payment method
Set the parameters as shown below in the snapshot

js stripe

  1. Set the name of the payment method.
  2. For checkout choose the processor as “Stripe Payment Gateway“.
  3. Select the template as “cc_stripe.tpl” from the dropdown.
  4. Configure the below tabs accordingly.

Click on “Configure” and set the parameters as shown below in the snapshot.

cs-crt stripe payment gateway configuration

  1. Select the default currency for stripe payment. If any user selects any non-supported stripe currency then the default currency will get applied instead of the non-supported chosen currency.
  2. Set “Enable Stripe Capture” as “YES” to capture the payment.
  3. Select “YES” to save the Stripe response at the backend.
  4. Select the order status for different stripe payment responses.
  5. Click on Create button to add the payment method.

Finally, this is how Stripe is added in your CS-Cart Store.

Configuration Of Stripe (Inline)

For using Stripe in the inbuilt cc form method, First, create a “New payment method” and set the parameters as shown below in the snapshot.

inline stripe

  1. Set the name of the payment method.
  2. For checkout choose the processor as “Stripe Payment Gateway (Inline)“.
  3. Select the template as “cc_stripe_inbuild.tpl” from the drop-down.
  4. Configure the below tabs accordingly.

Click on “Configure” and set the parameters as shown below in the snapshot.

cscart-stripe-inline-payment-method

Note: The Account must be configured with any one of wepay supported currencies USD, GBP, or CAD. 

  1. Provide the Client Id, Client Secret, Account Id, and Access Token.
  2. Select the Mode- Staging or Production.
  3. Select the App Fee payer, Check-out type, and select the event for each of the payment statuses,
    Captured, Authorized, Released, Failed.

This is how Stripe Inline can be added to your CS-Cart Store.

Configuration Of Stripe (ACH)

For using Stripe ACH payment, Firstly create a “New payment method” and set the parameters as shown below in the snapshot.

ACH stripe

  1. Set the name of the payment method.
  2. For checkout choose the processor as “Stripe Payment Gateway (ACH)“.
  3. Select the template as “cc_stripe_ach.tpl” from the drop-down.
  4. Configure the below tabs accordingly.

Click on “Configure” and set the parameters as shown below in the snapshot.

configure ACH

You can accept funds in USD and only from US bank accounts. In addition,

  1. Set “YES” to save Stripe response at the backend.
  2. Set the default order status for different stripe payment response.
  3. Enter the ACH credentials (Client Id, Secret Key, Public Key)
  4. Click on Create button to add the payment method.

This is how Stripe ACH can be added in your CS-Cart Store.

configuration Of Stripe (Europe)

Stripe Europe Payment Processor supports 4 payment gateways (Sofort, Bancontact, Giropay, iDeal) You can add each one separately. Let’s see how to configure Stripe for Sofort, Bancontact, iDeal, and Giropay.

Firstly Create a “New Payment Method” and set the parameters as shown below in the snapshot.

europe stripe

  1. Set the name of the payment method.
  2. For checkout choose the processor as “Stripe Payment Gateway (Europe)“.
  3. Select the template as “cc_stripe_europe.tpl” from the drop-down.
  4. Configure the below tabs accordingly.

Click on “Configure” and set the parameters as shown below in the snapshot.

configure europe

  1. Select the default currency for stripe payment. If any user selects any non-supported stripe currency then default currency will get applied instead of non-supported chosen currency.
  2. Select any one of the europian payment methods Sofort, Bancontact, Giropay, iDeal as per your business needs.
  3. Set “YES” to save Stripe response at the backend.
  4. Select the default order status for successful transactions.
  5. Set the default order status for pending transactions.
  6. Set the default order status for failed transactions.

Click on Create button to add the payment method.

This is how Stripe Sofort, Giropay, Bancontact,iDeal can be added in your CS-Cart Store.

Apple Pay Configuration

For using Apple Pay, create a “new payment method” and set the parameters as shown below in the snapshot.

  • Set the name of the payment method.
  • For checkout choose the processor as “Stripe Payment Method (Apple Pay)“.
  • Select template as “cc_stripe_apple.tpl” from the dropdown.
  • Configure the below tabs accordingly as shown below in the snapshot.

apple pay

Click on “configure” and set the parameters as shown below in the snapshot.

  • Select the default currency for Apple Pay payment.
  • Select the order status for different stripe payment response as shown below.

configure apple pay

AliPay Configuration:

For using Ali Pay, create a “new payment method” and set the parameters as shown below in the snapshot.

  • Set the name of the payment method.
  • For checkout choose the processor as “Stripe Payment Method (Ali Pay)“.
  • Select template as “cc_stripe_alipay.tpl” from the dropdown.

cs-cart stripe payment gateway for AliPay

  • Configure the below tabs accordingly as shown below in the snapshot.
  1. Select the default currency for stripe payment. If any user selects any non-supported stripe currency then default currency will get applied instead of non-supported chosen currency.
  2. Select “YES” to save Stripe response at the backend.
  3. Select the order status for different stripe payment response.
  4. Click on Create button to add the payment method.

configuration of alipay

Payment Intent Configuration:

For using Payment Intent, Firstly create a “new payment method” and set the parameters as shown below in the snapshot.

  • Set the name of the payment method.
  • For checkout choose the processor as “Stripe Payment Method (Payment Intent)“.
  • Select template as “cc_stripe_paymentintent.tpl” from the dropdown.

payment intent payment configuration

Click on “configure” and set the parameters as shown below in the snapshot.

  • Select the default currency for payment intent.
  • Select “YES” to save Stripe response at the backend.
  • Enable the Stripe Capture.
  • Select the order status for different stripe payment response as shown below.

cs-cart-stripe-intent

Payment Request Configuration:

For using Payment Request, create a “new payment method” and set the parameters as shown below in the snapshot.

  • Set the name of the payment method.
  • For checkout choose the processor as “Stripe Payment Method (Payment request)“.
  • Select template as “cc_stripe_paymentrequest.tpl” from the dropdown.

payment request payment gateway

Click on “configure” and set the parameters as shown below in the snapshot.

  • Select the default currency for stripe payment. If any user selects any non-supported stripe currency then default currency will get applied instead of non-supported chosen currency.
  • Set “Enable Stripe Capture” as “YES” to capture the payment.
  • Select “YES” to save Stripe response at the backend.
  • Select the order status for different stripe payment response.
  • Click on Create button to add the payment method.

configure of payment request

Front-End:

View Of Checkout:

Checkout

Payment via Stripe Checkout.js:

For payment via “Stripe checkout.js” select the option as shown below in the snapshot. Fill the credentials as shown below.

pay with card

Payment via Payment Intent:

payment intent payment view

Payment via Stripe Inline:

For payment via “Stripe Inline” select the option and fill the credentials as shown below in the snapshot.

frontend save card

Payment via Stripe ACH:

For payment via “Stripe ACH” select the option and submit the order as shown below in the snapshot.

ACH1 of cs-cart stripe payment gateway

Once you submit the order, there will be an option to select the desired bank for payment.

ACH2

Select the bank, enter the username and password & submit. Finally order is placed.

ACH3

Payment via Europian payments (Sofort, Giropay, Bancontact, iDeal) –

Separate payment methods need to be added for Sofort, Giropay, and Bancontact. For payment via “Sofort, Giropay, Bancontact or iDeal” select the option as shown below.

europe stripe front

The users will get redirected to the Stripe website for payment. From where they can easily make payment and place the order. As per the payment method configuration at admin end, the payment type set at backend is Sofort. So in payment parameters, the type is Sofort.

europe front

Payment via Apple Pay:

For payment via “Apple Pay” select the option as shown below.

Apple Pay frontend

Pay with touch id.

Payment

Payment via AliPay:

And this will redirect the users to the Stripe website for payment. From where they can easily make payment and place the order.

Stripe payment test page alipay

Payment via Payment Request:

view of payment request

This is how payment can be made easily via various payment methods supported by Stripe.

Backend View

Admin can create an order via Stripe from the Backend as well. Let’s now check out the response received on payment via stripe from store frontend or backend.

Response Of Stripe Inline:

Here’s the response of the payment made via stripe’s inline template. If the capture for Stripe Inline is enabled at backend then capture status will be visible as shown below.Moreover Admin can manually capture the payment by clicking the Capture button. Also, there is a feature to release the uncaptured payment if a customer request for the refund before the payment gets captured.

backend

If you click on the Release Payment button, then there will be an option to refund the whole amount to the customer as shown below.

refund of cs-cart stripe payment gateway

Finally After refund, the order details page at backend will look something like this.

released of cs-cart stripe payment gateway

Response Of Stripe ACH:

Here’s the response of the payment made via stripe ACH. There is no capture option available for ACH.

ACH Response of cs-cart stripe payment gateway

Response Of Stripe Checkout.js:

Orders __ View orders - Administration panel of cs-cart stripe payment gateway

Response Of Stripe Sofort/Giropay/ Bancontact/iDeal:

The payment response in case of Sofort can be seen in the below snapshot. The similar response will be there for Giropay/Bancontact.

europe response of cs-cart stripe payment gateway

How To Manage Refunds:

Refund option will be available once the payment has been captured successfully. For refund, admin has been provided by two options i.e

  • Full refund via stripe.
  • Partial refund via stripe. For partial refund, an admin needs to enter the amount for a refund as shown below in the snapshot.

Refund 1

Partial Refund –

refund3

Refund logs are provided separately.Go to Marketing->Stripe Refund to view the details of refund via stripe as shown below in the snapshot.

Refund logs of cs-cart stripe payment gateway

Here admin can view the refund details of orders via stripe. The concept of pagination will be applied after ten refund listing. Moreover Admin can refund for any order from here as well. Click on the + button to refund.

Refund logs 1 of cs-cart stripe payment gateway

Enter the respective Order id, Amount and Refund. If payment was made via Bitcoin, then Bitcoin address of the receiver needs to be added to refund.

Refund logs 2 of cs-cart stripe payment gateway

Support

That’s all for the CS-Cart Stripe Payment Gateway, still, have any issue, feel free to write here http://webkul.uvdesk.com  and let us know your views to make the module better.

Besides this you can explore our CS-Cart development services and quality CS-Cart add-ons.

Current Product Version - 5.6

Supported Framework Version - 4.7.x, 4.8.x, 4.9.x, 4.11x, 4.12x, 4.13x, 4.14x, 4.15x.4.16x

Blog Version - 4.7.x, 4.8.x, 4.9.x, 4.11x, 4.12x, 4.13x, 4.14x, 4.15x.4.16x
  • Version 4.7.x, 4.8.x, 4.9.x
  • Version 4.7.x, 4.8.x, 4.9.x, 4.11x, 4.12x, 4.13x, 4.14x, 4.15x.4.16x
  • Version 4.7.x, 4.8.x, 4.9.x, 4.11x, 4.12x, 4.13x, 4.14x, 4.15x
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


2 comments

  • Isabelle
    • Aishwarya Tiwari (Moderator)
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content