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]

By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/22 



Introduction


Enjoy a seamless payment process and advanced security with Magento 2 Stripe Payment.

Features For Admin

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


Features For Customer

System Requirements

 Your store must run on Magento 2 version 2.2.x; 2.3.x; 2.4

 

Configuration

Setup Stripe Account 

You need to have a Stripe merchant account to connect the extension. If you are yet a Stripe merchant, you can 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 in on Stripe.


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


Set Configuration 

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

On the Admin sidebar, tap STRIPE, then choose Settings.

 

Requirement Settings

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

(plus) Publishable Key and Secret Key

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

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

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

Select the filter event as Send all event types

 

Add a webhook endpoint

Copy the signing secret and paste to Magento 2 Configuration

 Stripe Payment Intents (SCA Ready 2.0)

Go to Store > Configuration > Payment Methods > Stripe Payment Gateways >  Stripe Payment Intents (SCA Ready 2.0)


Stripe Checkout Hosted on Stripe (SCA Ready)

 

(plus) Enable: 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 two options:

(plus) Collect Billing Address: if choose Yes, the system will collect the address information on the Shipping Address page and not require the customer to enter their address after choosing the payment method.

(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.

(plus) Customize checkout page: this section allows the merchant to adjust the layout for their checkout page.

 
 
 
 

Stripe Payment Intents (SCA Ready)

(plus) Enable: 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

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

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

 
 
 

Stripe Payment

(plus) Enabled: Choose Yes to enable the Stripe payment method.

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

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

(plus) 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

It is highly recommended to use Stripe.js v3 & Elements for advanced security features.

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

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

(plus) 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 not support this verification method, in order to deal with that, you can choose 1 of 2 options for 3D secure application:

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

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

(plus) Enable MOTO: Allow admin to make payment from backend.

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

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

(plus) Payment from Applicable Countries: 

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

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



Stripe IFrame Checkout Form

(plus) Enabled: Choose Yes to enable the IFrame checkout form method

(plus) Title: Edit the title for the payment method. Here we recommend you to set it as "Stripe Checkout IFrame"


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

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

(plus) 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) Name of website displayed on Checkout: Your store name.

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

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

(plus) 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) Logo image: The logo image that will be displayed on the Iframe form.

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

(plus) Payment from Applicable Countries: 

 

 

Apple Pay, Google Pay, Microsoft Pay

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

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

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

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

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

(plus) Replace 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 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.

 

(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) Sort Order: The order of the payment method that will be displayed on the checkout page.

(plus) Payment from Applicable Countries: 

 

 

Alipay Payments

You can enable Alipay Payment easily just by choosing Yes in Enabled then Save Config.

Note that the currency of the payment must be the default currency of your country. It could be AUD, CAD, EUR, HKD, NZD, SGD, or USD.

In Denmark, Norway, Sweden, and Switzerland, the currency for the payment will be exchanged to EUR.



Giropay Payments

The Giropay currency is EUR.

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

SOFORT Payments

The SOFORT currency is EUR.

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

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

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

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

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

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

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

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




iDEAL Payments

The iDEAL currency is EUR.

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

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

(plus) 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) Allow select bank country: Enable customers to choose their country to make payments.

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

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

Bancontact Payments

The Bancontact currency is EUR.

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

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

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

(plus) 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 how to do payment.

P24 Payments/ EPS Payments/ Multibanco Payments

Following other payment method, 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 how to do payment.


When done, please press Save Configuration then go to Cache Management to flush cache.


 

SEPA Direct Debit


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

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

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

(plus) Payment Display Text: Enter the text for the description providing more detail for the payer about the payment method on the checkout page.

 



Main Functions

 

(plus) Easily Checkout Using Credit Card 

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

Then, go to the checkout page. The customer fills in his/her shipping address and selects the payment method.

(plus) Checkout with Stripe Payment Intents 2.0

After reaching the checkout page, customers could see the Stripe Payment Intents 2.0 payment option.

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

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



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

 

 

 

 

(plus) Checkout with Apple Pay/Google Pay

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

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

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".

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

Stripe Apple Pay Checkout

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



(plus) Checkout with Stripe Giro Pay


 

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

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


(plus) Checkout with Stripe Alipay


After filling in all the necessary information, click Place Order

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


(plus) Checkout with Stripe Checkout (Direct Checkout)

If the customer 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 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.

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

Credit card Iframe checkout form

 


Alipay Iframe checkout form

 

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 type of card provided with 3D secure function. Stripe will turn on automatic mode to check. The operation will redirect to processing page:

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


(plus) Checkout with SEPA Direct Debit


 

 

(plus) Check out with other payments

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



(plus) Making payment from 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 backend on behalf of customers.

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

(plus) View Order:

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




(plus) Capture Invoice:

While invoice is not created meanings customers select Payment Action in Authorize Only status. Customers can capture invoice in their request. However, quantity of products in new invoice must be smaller or equal with pre-order and invoice only is submitted once. 

(plus)  View Invoice: 

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



(plus) Partial or total refund:

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

About partial refund, it applies for many frequencies and up to out of products.


 

Customers who use Apple's devices can use Apply Pay payment method in: Product page, cart, cart page, checkout page.


 

Product page

 

Cart

 

Cart page

 

Checkout page

Choose credit card

Shipping method

Completed



Update



Support




Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact us for support.