How do I Integrate With Stripe Payment Services?

Stripe is a transparent online payment system that allows individuals and businesses to accept credit card payments over the Internet . This article will show how to easily integrate the Stripe Online Payment System to your Shift4Shop Powered Online Store.

Enable the Stripe Payment Module to your Shift4Shop Store

The first step is to enable the Payment Module to your store. To do this:

1. Log into your Shift4Shop Online Store Manager
2. Using the left hand navigation menu, go to Settings >Payment
3. Next, click on the "Select Methods" button underneath Payment Methods

At the top of the page, you will see a section labeled "Recommended Payment Solutions" with a series of payment methods listed

4. Locate Stripe in this list and turn on the toggle switch at the right of it to the "ON" position.

The payment module will expand and you can continue with the following steps

5. Click on the "Connect with Stripe" button as shown.

You will then be taken to a sign up form on Stripe's service requesting authorization to connect to your Shift4Shop store to your Stripe account.

At this point, you can either create an account for yourself on Stripe, or - if you already have a Stripe account - log into your account to allow the connection.

After authorizing the connection, your Shift4Shop store will automatically be connected to your stripe account, and you can begin accepting payments instantly!

Manually Adding the Stripe Payment Module

As mentioned, the steps above are for stores adding Stripe for the very first time. However, if you've installed stripe previously on the store (Prior to Q1 of 2020) you are most likely using the legacy version of stripe with the optional "Stripe JS" setting.

The following steps can be used if you'd like to install the more up to date version of Stripe while leaving the legacy version enabled on your store.

1. Log into your Shift4Shop Online Store Manager
2. Using the left hand navigation menu, go to Settings >Payment
3. Look at the top right of the page and click on the "Add New" button
4. Configure your Country, State, Order Amount Ranges and Customer Groups applicable to this Payment Method as needed.
5. From the Payment Method drop-down menu, select "Stripe"
6. Click Add New when Complete

The Stripe Method is added to your store. Now, you will need to connect to your Stripe account.

7. Locate the Payment Method you just added and click on the "Connect with Stripe"

You will then be taken to a sign up form on Stripe's service requesting authorization to connect to your Shift4Shop store to your Stripe account.

At this point, you can either create an account for yourself on Stripe, or - if you already have a Stripe account - log into your account to allow the connection.

Configuring the Stripe Payment method

Once Stripe is connected to your store, you may proceed with configuring the rest of the Stripe module in your Shift4Shop store.

1. Log into your Shift4Shop Online Store Manager
2. Using the left hand navigation menu, go to Settings >Payment
3. Next, click on the "Select Payment Methods" button underneath Payment Methods
4. Locate the Stripe (New) module and you will notice the following settings:

Action Wheel
The action wheel at the far right of the module contains the following

• Advanced Settings
  Click this to set the following parameters:
• Minimum and Maximum Order Amount ranges that the payment method will display for
• Customer Group that the payment method will display for
• Order Status that the orders will go into when paid with this method
• Description text for the payment method
• Confirmation Message for the payment method
• Caption
  On the Stripe module itself, you can click on the Caption Link to change the display name that is used for the payment method on your store front.
  (Default is "Online Credit Card")
• Region Exclude List
  Click on this link to set regions that will be excluded for this payment method. For example, if you want to prevent the payment method from appearing for certain geographical locations, you would add those places to the exclude list.

Payment Module Settings
These next settings will control options that are available through your account with the Payment Gateway. These are:

• Test Mode
  Use this checkbox to place the payment method into Test Mode, which allows you to place test orders without actually charging the card.
• Save the customer information for future transactions
  Use this checkbox to use Stripe's tokenization options which will allow your shopper's credit card information to be saved on their account for future transactions.
• Authorize Only
  Use this checkbox to set the payment method to Authorize Only, which will allow you to collect payment on the order after it is processed and shopped. Click here for more information.
• Payment Type
  This drop-down menu will let you select which iteration of the Stripe Payment Module will be presented on your storefront. Your choices are:
  • Credit Card Only
  • Credit Card + Apple Pay
  • Apple Pay Only

Disconnecting From Stripe

If you need to disconnect the Stripe module from the Stripe service, simply click the "Powered by Stripe" button shown below it in the payment section.