Hello Community, We are glad to present an add on CS-Cart Stripe Payment Gateway
Short Description
The CS-Cart Stripe Payment Gateway integrates Stripe’s secure payment processing into your CS-Cart store, enabling seamless, global transactions with support for multiple currencies and one-click payments. Simplify checkout and enhance customer experience with this reliable and easy-to-use module.
Features
- The admin has the option to save card details if they choose to do so.
- It features online payment options that include a 3D Secure system for added security.
- Payment methods like Bancopay, Giropay, Sofort, and even bitcoin are supported.
- Customers can pick from any payment methods that the admin has approved.
- This module is compatible with nearly all credit cards, such as Visa, Mastercard, American Express, Discover, and JCB.
- It handles both full and partial refunds efficiently.
- Subscription payments are also supported, allowing automatic deductions from the user’s account.
- Both the customer and the admin have the ability to cancel recurring payments whenever they want.
- The system ensures a smooth and secure transaction process for users.
- Overall, it provides flexibility and convenience for managing payments and subscriptions.
Installation Process
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.
Click on “Local” to browse the zip file and then click on “Upload & Install” as shown below in the snapshot.
Click on “Settings” to configure the stripe payment gateway as shown below in the snapshot.
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.
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.
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.
Click on “+” to generate a new payment method as shown below in the snapshot.
Set the parameters as shown below in the snapshot
- Set the name of the payment method.
- For checkout choose the processor as “Stripe Payment Gateway“.
- Select the template as “cc_stripe.tpl” from the dropdown.
- Configure the below tabs accordingly.
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 the default currency will get applied instead of the non-supported chosen currency.
- Set “Enable Stripe Capture” as “YES” to capture the payment.
- Select “YES” to save the Stripe response at the backend.
- Select the order status for different stripe payment responses.
- 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.
- Set the name of the payment method.
- For checkout choose the processor as “Stripe Payment Gateway (Inline)“.
- Select the template as “cc_stripe_inbuild.tpl” from the drop-down.
- Configure the below tabs accordingly.
Click on “Configure” and set the parameters as shown below in the snapshot.
Note: The Account must be configured with any one of wepay supported currencies USD, GBP, or CAD.
- Provide the Client Id, Client Secret, Account Id, and Access Token.
- Select the Mode- Staging or Production.
- 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.
- Set the name of the payment method.
- For checkout choose the processor as “Stripe Payment Gateway (ACH)“.
- Select the template as “cc_stripe_ach.tpl” from the drop-down.
- Configure the below tabs accordingly.
Click on “Configure” and set the parameters as shown below in the snapshot.
You can accept funds in USD and only from US bank accounts. In addition,
- Set “YES” to save Stripe response at the backend.
- Set the default order status for different stripe payment response.
- Enter the ACH credentials (Client Id, Secret Key, Public Key)
- 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.
- Set the name of the payment method.
- For checkout choose the processor as “Stripe Payment Gateway (Europe)“.
- Select the template as “cc_stripe_europe.tpl” from the drop-down.
- Configure the below tabs accordingly.
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.
- Select any one of the europian payment methods Sofort, Bancontact, Giropay, iDeal as per your business needs.
- Set “YES” to save Stripe response at the backend.
- Select the default order status for successful transactions.
- Set the default order status for pending transactions.
- 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.
Front-End:
View Of 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.
Payment via Payment Intent:
Payment via Stripe Inline:
For payment via “Stripe Inline” select the option and fill the credentials as shown below in the snapshot.
Payment via Stripe ACH:
For payment via “Stripe ACH” select the option and submit the order as shown below in the snapshot.
Once you submit the order, there will be an option to select the desired bank for payment.
Select the bank, enter the username and password & submit. Finally order is placed.
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.
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.
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.
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.
Finally After refund, the order details page at backend will look something like this.
Response Of Stripe ACH:
Here’s the response of the payment made via stripe ACH. There is no capture option available for ACH.
Response Of Stripe Checkout.js:
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.
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.
Partial Refund –
Refund logs are provided separately.Go to Marketing->Stripe Refund to view the details of refund via stripe as shown below in the snapshot.
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.
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.
Support
So That is all for the add-on. If you have any issues, feel free to Create a Ticket or email us at support@webkul.com.