Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Thank you for purchasing our extension. If you have any questions that are beyond the scope of this document, do not hesitate to leave us an email via [email protected]

Created: 08/11/2016 | By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/22

Table of Contents
outlinetrue
stylenone


...

Introduction

Image Removed


Magento 2 Stripe Payment Gateway And Subscription extension by Magenest is the ultimate tool that provides a seamless payment experience between your Magento 2 store and the Stripe Payment Gateway.

Image Added

Features For Admins

  • A lot of features is included in the extension that you can tweak to make it best suit your business, including:

      • SCA is available on Stripe Checkout and Stripe Payment Intents

      • SEPA Direct Debit
      • Choose between Authorize Only or Authorize and Capture.

      • IFrame Checkout Form
      • Alipay, Giropay, Apple Pay, Google Pay
      • 3D Secure
      • Various credit card types

      • Enable CVC/AVS Verification

      • Access to more than 25 countries
      • Restrict unwanted countries from payment

      • Support Save Card function
      • Easily partial capture invoice.

      • Conveniently partial or total refund.

      • Support 135 currencies
      • Support MOTO (Making a payment from backend)
      • Support Giropay, Alipay, SOFORT, Bancontact, EPS, etc.

...

  • The primary aim of the extension is to deliver the most fluent and effortless payment experience to the customers:

      • Easily checkout using a credit card.
      • Manage subscriptions
      • Sign up for an account to save credit card information for future purchase
      • Flexible payment choices
      • Update Stripe Intents 2.0 (New)

System Requirements

 Your Your store should be running on Magento 2 version version 2.2.x, 2.3.x, 2.4

Compatibility: Magento 2.3.5 and above, 2.4.x (Open Source, Commerce)

- Add Magento 2.4.6 support
- Update branding
- Bug fixes

 

...

Configuration

Set Up Stripe Online Account 

Merchant The merchant needs to have a Stripe account to use our extension. If you have not any Stripe accounts, you need to create a new account by clicking on the following link: https://dashboard.stripe.com/register.

Then, choose Create your Stripe account to set up a new account:

 


 

 

 

 

Once you have the Stripe account, sign into in to your account.

 


 

 


 

After that, click on API at the left corner > API Keys to take API Keys.

 

Set Up The Integration On Magento 2 

At the back end, you need to configure some fields to connect between your Magento site and the stripe account. 

...

  • Sandbox Mode Enabled: Turn this on (Yes) for test mode, remember to use the test key and test cards for testing. Other please turn this off (No) when you go Live.
  • Test/Live Publishable Key: 

Image Modified(plus)Image Removed(plus) If you use the Test Key:

  • You should fill in Stripe API Test Keys in Test Publishable Key, Test Secret Key to connect Magento, and Stripe Payment Gateway.
  • Turn on the Sandbox Mode Enabled by choosing Yes.

(plus)Image Removed(plus) If you use the Live Key:

  • Fill in your Stripe API Keys in Live Publishable Key, Live Secret Key to connect Magento with Stripe Payment Gateway.
  • Turn off the Sandbox Mode Enabled by choosing No.

(plus) Webhooks config: You can configure Stripe webhooks by going to Use webhooks to receive events from your account.

Login to your Stripe account, then in the Webhooks configuration, click on on the Add endpoint button. 

The URL to be called follows the format: {your magento Magento url}/stripe/checkout/webhooks

Select the filter event as Send all event types

 

Image Modified

Add a webhook endpoint

Image Modified

Copy the signing secret and paste it to Magento 2 Configuration

...

  • Enable: Choose Yes to enable Paya Form Gateways
  • Title: The title of the payment method displayed on the checkout page
  • Payment Action : 
    • Authorize Only: check for the card for validity but not charge the account yet until the order is approved and invoiced.
    • Authorize And Capture:  charge the debit/credit card at the time of the order is placed.
  • Delete Account Vault Paya When Deleting A Card: Select yes to delete Account Vault Paya when deleting the card.
  • Payment from Applicable Countries : 
    • All Allowed Countries: Enable all allowed countries to make payment.
    • Specific Countries: Restrict some countries by unselecting them from the Payment from Specific Countries.
  • Enable card saving: Allow customers to save credit cards for future purchases. Customers' credit card info will be tokenized for security purposes.
  • New Order Status:  Set order status for orders.
  • Sort Order: The order of the payment method that will be displayed on the checkout page.
  • Display credit card types: Show image card type in checkout

Stripe Checkout Hosted on Stripe (SCA Ready)

(plus) Enable: choose Choose Yes to active Stripe Checkout Hosted on Stripe on the storefront.

(plus) Title: enter the title for the payment method on the payment list on the checkout page.

(plus) Payment Action: select the between one of two options:

    • Authorize Only (Authorization): the system will check the card for validity but not charge the account yet until the order is approved and invoiced.
    • Authorize and Capture:  the system will charge the debit/credit card at the time of the order submission.

...

(plus) New Order Status: set the status for the new order on the order page at the backend.

...

(plus) Payment from Applicable Countries: set the countries that the payment method is applied to.

    • All allowed countries:  Enable all allowed countries to make payment.

    • Specific Countries: Restrict some countries by unselecting them from the Payment from Specific Countries.

...

    • Checkout Title: enter the title for the payment on the checkout page.
    • Checkout Description: enter the description on the checkout page so that the purchaser can have more details about the payment method.
    • Checkout Image URL: fill in this field with the URL of the image on the checkout page.
    • Submit Button Type: choose the text for the submit button on the checkout page. There are four options: Auto, Pay, Book, Donate.
 
 
 
 

Stripe Payment Intents (SCA Ready)

(plus) Enable: choose Choose Yes to active Stripe Payment Intents (SCA Ready) on the storefront.

(plus) Title: enter the title for the payment method on the payment list on the checkout page.

(plus) Payment from Applicable Countries

    • All allowed countries:  Enable all allowed countries to make payment.

    • Specific Countries: Restrict some countries by unselecting them from the Payment from Specific Countries.

(plus) New Order Status: set the status for the new order on the Order page at the backend.

    • Processing: The payment is made successfully and an order invoice is issued.

    • Suspected Fraud: No invoice is issued.

(plus) Sort Order: set the order of the payment on the payment method list.

Stripe Payment


(plus) EnabledEnabledChoose Yes to enable the Stripe payment method.

(plus) TitleTitlethe title of the payment method displayed on the Checkout Page.

(plus)Image Removed You You can set the Payment Action to be Authorize and Capture or Authorize Only

  • Authorize Only (Authorization): will check the card for validity but not charge the account yet until the order is approved and invoiced.
  • Authorize and Capture(Sale):  will charge the debit/credit card at the time of the order submission.

(plus)Image Removed Select Stripe API Integration: There are 3 Stripe API to choose

  1. Stripe.js v3 & Elements. Pre-filled SAQ A
  2. Stripe.js v2. SAQ A-EP
  3. Directly to the API. SAQ D

...

Note: In order to enable 3D secure, you must use Stripe.js v3 & Elements or Stripe.js v2.

(plus) Display Display payment button: Enable this option to display Apple Pay, Google Pay, and Microsoft Pay payment button in the Stripe payment method

(plus)Image Removed 3D 3D Secure: Choose Yes to enable 3D secure for Stripe payments

The behavior and application of 3D secure varies across card types and networks. Some card issuers does do not support this verification method, in order to deal with that, you can choose 1 of 2 options for 3D secure application:

  • 3D secure is recommended: The process is not required, but you can be covered by liability shift.

  • 3D secure is optional: The process isn’t required but can be performed to help reduce the likelihood of fraud.

(plus) Force 3D secure: Choose Yes to force 3D secure application.

(plus)Image Removed Enable card savingAllow logged in customers to save credit card information.

(plus)Image RemovedEnable MOTO: Allow admin to make a payment from the backend.

...

You can set the New Order Status: Processing, Suspected Fraud

  • Processing: The payment is made successfully and an order invoice is issued.
  • Suspected Fraud: No invoice is issued. 

(plus)Image Removed Allowed Credit Card Types: You can choose which credit card types are accepted on your site by choosing one or more items.

(plus)Image Removed Payment from Applicable Countries: 

  • All allowed countries:  Enable all allowed countries to make payment.
  • Specific Countries: Restrict some countries by unselecting them from the Payment from Specific Countries.

(plus)Image Removed In addition, you can add/edit the Instructions to instruct customers on how to do the payment.

(plus)Image Removed Sort Order: The order of the payment method that will be displayed on the checkout page.



Subscription Configuration

(plus)Image Removed Subscription Subscription Billing: You can choose to Send an Invoice to customers or Charge for the subscription automatically.

(plus)Image Removed Apply Apply tax for each subscription item

(plus)Image Removed Cancel Cancel at period end

(warning) Note that subscription product cannot be in the same cart with one-time purchase product

 Subscription products in the same cart have to be in the same billing cycle


Stripe IFrame Checkout Form

(plus)Image Removed EnabledEnabledChoose Yes to enable the IFrame checkout form method

(plus)Image Removed TitleTitleEdit the title for the payment method. Here we recommend you to set it as "Stripe Checkout IFrame"


(plus)Image Removed You can You can set the Payment Action to be Authorize and Capture or Authorize Only

  • Authorize Only (Authorization): will check the card for validity but not charge the account yet until the order is approved and invoiced.
  • Authorize and Capture(Sale):  will charge the debit/credit card at the time of the order submission.

(plus)Image Removed You You can set the New Order Status: Processing, Suspected Fraud

  • Processing: The payment is made successfully and an order invoice is issued.
  • Suspected Fraud: No invoice is issued. 

(plus)Image Removed 3D secure: The 3D secure settings for this method will follow the 3D secure settings in Stripe Payment Settings. Note that you don't have to enable Stripe Payment Settings to make it work, just change the 3D secure settings then Save Config. 

(plus)Image Removed Name of website displayed on Checkout: Your store name.

(plus)Image Removed Panel Label: The label of the payment button in the Checkout form

(plus)Image Removed You You can turn on Allow Stripe Checkout to collect customer's billing address, shipping address and zip code

(plus)Image Removed Remember Remember Me: If you set this option to Yes, Stripe will save the customer's information for later purchase in every website that use Stripe Payment Gateway.

(plus)Image Removed Logo Logo image: The logo image that will be displayed on the Iframe form.

(plus)Image Removed Sort Order: The order of the payment method that will be displayed on the checkout page.

(plus)Image Removed Payment from Applicable Countries: 

...

Apple Pay, Google Pay, Microsoft Pay

(plus)Image Removed Register Apple Pay: Enter your domain here to verify for Apple Pay.

(plus) EnabledEnabled: Choose Yes to enable Apple Pay, Google Pay, Microsoft Pay

(plus)Image Removed Title: Fill in the title for the payment method

(plus)Image Removed You can You can set the Payment Action to be Authorize and Capture or Authorize Only

  • Authorize Only (Authorization): will check the card for validity but not charge the account yet until the order is approved and invoiced.
  • Authorize and Capture(Sale):  will charge the debit/credit card at the time of the order submission.

(plus)Image Removed  You can set the New Order Status: Processing, Suspected Fraud

  • Processing: The payment is made successfully and an order invoice is issued.
  • Suspected Fraud: No invoice is issued. 

(plus)Image Removed Replace the default Place order button: Enable to replace the default Place Order button with Apple Pay, Google Pay, or Microsoft Pay Place Order button. Note that this option can cause conflict with the One-step Checkout extension, so if currently, you are using One Step Checkout, turn this option off.

(warning) To use Google Pay (for PC), customers have to add their credit card to the browser.

 

Button (plus) Button type: You have 3 options for the payment button type - Default, Donate or Buy

(plus) Button Theme: 3 options as Dark, Light, Light Outline

(plus)Image Removed Sort Order: The order of the payment method that will be displayed on the checkout page.

(plus)Image Removed Payment from Applicable Countries: 

...

You can enable the payment method by choosing Yes in Enabled then Save Config.

Image Removed


SOFORT Payments

The SOFORT currency is EUR.

You can enable the payment method by choosing Yes in Enabled.

(plus)Image Removed Title: Fill in the title for the payment method

(plus)Image Removed Allow select bank country: Enable customers to choose their country to make payments.

(plus)Image Removed Default Bank Country: Set the default bank country to be displayed on checkout: Austria, Belgium, Germany, Italy, Netherlands, Spain

(plus)Image Removed Allow select language: Enable customers to choose the preferred language 

(plus)Image Removed Default language: Set the default language for the payment method: English, German, Spanish, Italian, French, Dutch, Polish.

 In addition, you can add/edit the Instructions to instruct customers on how to do the payment.



iDEAL Payments

The iDEAL currency is EUR.

You can enable the payment method by choosing Yes in Enabled.

(plus)Image Removed Title: Fill in the title for the payment method

(plus)Image Removed Use iDEAL Bank Element Interface: If you choose Yes, the payment method will be displayed with iDEAL interface.

...

If you don't use the iDEAL interface, you can choose No and change the settings as follows:

(plus)Image Removed Allow select bank country: Enable customers to choose their country to make payments.

(plus)Image Removed Default Bank: If you don't want to allow customers to choose their bank. You can set a default bank.

...

You can enable the payment method by choosing Yes in Enabled.

(plus)Image Removed Title: Fill in the title for the payment method

(plus)Image Removed Allow select language: Enable customers to choose the preferred language 

(plus)Image Removed Default language: Set the default language for the payment method: English, German, French, Dutch.

 In addition, you can add/edit the Instructions to instruct customers on how to do the payment.

P24 Payments/ EPS Payments/ Multibanco Payments

Following other payment methodmethods, in order to enable P24 Payments, EPS Payments, or Multibanco Payments, you have to choose Yes in Enabled.

You can add/edit the Instructions to instruct customers on how to do the payment.




SEPA Direct Debit


(plus) Enable: choose Choose Yes to active  SEPA Direct Debit on the storefront.

(plus) Title: enter Enter the title for the payment method on the payment list on the checkout page.

(plus) Sort Order: set Set the order of the payment on the payment method list.

...

After finishing, press Save Configuration then go to Cache Management to flush the cache.

...


Main Functions

For Subscription Product 

  • Create a subscription product

To create a subscription product, click on Products > CatalogOn the right side, click on Add Product and choose the desired product type among 6 six types (Simple Product, Configurable Product, Grouped Product, Virtual Product, Bundle Product, Downloadable Product).

Image Modified

Then, the New Product page will be shown.

Regarding the Stripe Payment and Subscriptions extension, focus on two tabs named Stripe Subscription and Stripe Subscription Billing Options.

 Image Modified

 At  At the Stripe Subscription tab, you will set whether a product is a stripe subscription product or not.

  • YES: This product will be shown as a stripe subscription product at the front end. This means this product plan in in the Stripe Subscription Billing Options tab will be shownat shown on the product detail page (e.g. Plan ID, Billing Frequency, etc).
  • NO: This product will not be shown as a subscription product.

 

At the Stripe Subscription Billing Options tab, you will need to set plans for the subscription product. There are some fields to set, include:

  • Plan ID: The ID of the plan
  • Period Unit: Set subscription period in terms of the day, week, month, year
  • Billing Frequency: How many times the customers want to repeat the subscription circle.
  • Trail Enabled: Allow customers to try the product before deciding to subscribe or not. If you choose Yes, you can define the period time allowing customer customers to use the product for free. If you choose No, this means this product will not have a trail trial version. 

Also, if you want to add more plans for a product, click on the Add Option button on the right side. Then, you can add the same as above. 

Finally, click on on the Save button to complete. 

At the same time, your Stripe account will also automatically sync a product corresponding with the subscription product created at the Plans tab.


  • View And Manage Stripe Payment 

            We created a Stripe Payment tab which tab that allows you to view and manage Stripe Order. 

            There are two tabs, includes: 

  •  Settings

          With the Settings tab, we provide you with the fastest way possible to access to Stripe Payment Settings.    

  • Subscription Manager

          Go to the Subscription Manager tab, you will see the list of orders regarding the subscription products. 

 

You can view and manage some information such as: as Order ID, Subscription ID, Start Date, End Date, and Status an easy way.   

 


 

Click on the View button on the right to see the details of a subscription product.



 


 

Click on the Subscription ID Number in the first column to see the details of a subscription order.

...

  • Easily Checkout Using Credit Card 

At the front end, customer customers can add the items into the shopping cart by clicking the Add to Cart button. 

Image Modified

Then, go to the checkout page.

The customer Customer fills in his/her shipping address and selects the payment method.

...

  • If the customer wants to trigger the Save Card function, they could select the Save your credit card? checkbox. 

Image Removed


(plus) Checkout with Stripe Checkout hosted on Stripe (SCA Ready)

  • After filling the filling in the Shipping Address information, the customer chooses Stripe Checkout as a payment method.

Image Modified

  • Enter the necessary information then click on on the Pay button.

Image Modified

The checkout page when merchant set No on Collect Billing Address on the configuration.

Image Modified

  • In case the Customer select Back at the payment form, they will be redirected back to the My Order History Page, where they can choose to continue the payment process

 

(plus) Checkout with Stripe Payment Intents (SCA Ready)

  • After filling the filling in the Shipping Address information, the customer chooses Stripe Payment Intents as the payment method.
  • Enter the necessary information then click on Place Order when finishing. 


 

 Image Modified



(plus) Checkout with Apple Pay/Google Pay

...

 In case your browser can't pay button to transfer, follow this guide to display the Stripe Payment request button.

Image ModifiedMark the checkbox "My billing and shipping addresses are the same" if the shipping address and the billing address are not different.

If they are different, fill in the billing address then click "Update".

After filling in all the neccessary necessary information, click Pay now Now to place the order.

Stripe Apple Pay Checkout

...

After successful payment, at at the Payments tab of Stripe, the order will be updated corresponding with Magento.

...

  • Mark the checkbox "My billing and shipping addresses are the same" if the shipping address and the billing address are not different.
  • If they are different, fill in the billing address then click "Update".

Image Removed


After filling in all the neccessary necessary information, click Continue to place the order.

Then, it redirects to Stripe Giro Pay Payment Page and the buyer can finalize his payment there.

...

  • Mark the checkbox "My billing and shipping addresses are the same" if the shipping address and the billing address are not different.
  • If they are different, fill in the billing address then click "Update".

Image Removed 

After filling in all the neccessary necessary information, click Place Order

Then, it redirects to Stripe Alipay Payment Page and the buyer can finalize his payment there.

...

  • Mark the checkbox "My billing and shipping addresses are the same" if the shipping address and the billing address are not different.

  • If they are different, fill in the billing address then click "Update".
  • Fill in the credit card information
    Image Modified

If the customer sign signs in with an account, he/she can use the save card function by ticking in the Save your credit card box. 

After filling in all the neccessary necessary information, click Place Order to finalize the payment.

 

(plus) Checkout with Stripe IFrame Checkout (Redirect Checkout)

Another payment method is Stripe Checkout Iframe. It supports wonderful functions with Credit Card, Alipay, and Bitcoin.

Image Modified

When customer customers Place an order, an Iframe form will be displayed as below with 3 choices for payment methods.

Image Modified

Credit card Iframe checkout form

 

Image Modified

Alipay Iframe checkout form

 
Image Modified

Bitcoin Iframe checkout form

 

If the customer enters his mobile phone number, Stripe will send a 6-number-verification code to confirm his payment info.

...

(plus) Support 3D secure:

 When customers use a type of card provided with 3D secure function. Stripe will turn on automatic mode to check. The operation will redirect to the processing page:

Press Press the Success button. The inform result will be sent to the customer.



(plus) Checkout with SEPA Direct Debit

  • After filling the filling in the Shipping Address information, the customer chooses SEPA Direct Debit as the payment method.
  • Enter the necessary information then click on Place Order when finishing.

Image Modified


(plus) Check out with other payments

A part Apart from Stripe checkout, Stripe Pay also supports multiple payment methods for customer convenience.


Image Modified

Image Removed

Making a payment from the backend (MOTO)

Customers do not always purchase online, sometimes they can order via telephone calls or emails. In these cases, it is essential that you - admin can make payments from the backend on behalf of customers.

Using PCS DSS and Stripe v3.2 security standards, you can use customers' s saved cards to make payment payments from the backend for them. In this way, the customer's credit card info will be secured, rather than the admin types of credit card info.

To enable this feature, go to Stripe Payments > Settings > Stripe Payment Gateway > Stripe Payment and choose Yes in Enable MOTO.

When you create a new order in Magento 2 backend, in Payment & Shipping Information, choose Stripe Credit Card Payment then fill in the credit card information to make the payment for the order.


Image Modified

(plus) View Order:

 When the transaction is completed, customers can review their orders by clicking Sales > Orders > View.




(plus) Capture Invoice:

While the invoice is not created meanings customers select Payment Action in Authorize Only status. Customers can capture invoice invoices in their request. However, the quantity of products in a new invoice

must be smaller or equal with to pre-order, and the invoice only is submitted once. 

...

 By clicking invoice and pressing View, customer can see the content of the invoice that you want:


And choose the Credit Memo tab and clicking Refund in need

...

Moreover, Stripe is a great tool. Customer Customers can refund partially or totally by clicking Credit Memo-> Refund.

...