DEV Community

Cover image for Stripe for Shopify - Accept up to 25+ payment methods
Techtolia
Techtolia

Posted on

Stripe for Shopify - Accept up to 25+ payment methods

“Stripe indirect integration for Shopify — All in One” lets you accept up to 25+ payment methods with a single integration for your Shopify Store orders directly at your domain through Stripe.

You will be able to accept payments from customers with your own checkout web application that you will create thanks to this application.

Demo Shopify Store: http://techtolia-dev.myshopify.com
Demo Checkout App: https://techtolia.com/ShopifyStripe/
Purchase a licence on CodeCanyon: https://1.envato.market/ZdL1g1

What is Order and Payment Workflows?

  • The customer chooses one of the payment methods during the ordering phase through your Shopify store.
  • On the order status page, our scripts redirect the customer with order number to your new checkout web app, checkout.yourdomain.com.
  • The app collects relevant order information from your Shopify account and show it on the app.
  • The customer completes the payment. The app adds payment and customer information to your Stripe account.
  • The customer sees the successful payment screen on the app. The app updates the order as paid in your Shopify account.

ACH Direct Debit, Affirm, Afterpay and Clearpay, Alipay, Apple Pay, Bacs Direct Debit, Bancontact, Bank transfers, BECS direct debit, Boleto, BLIK, Cards, EPS, FPX, Giropay, Grabpay, Google Pay, iDEAL, Klarna, Konbini, Link, OXXO, P24, PayNow, PromptPay, SEPA debit, Sofort, WeChat Pay.

PAYMENT METHOD CURRENCIES MERCHANT COUNTRY
ACH Direct Debit USD US
Bacs Direct Debit GBP UK
BECS direct debit AUD AU
SEPA debit EUR AU, CA, EU, HK, JP, MX, NZ, SG, US
Bancontact EUR AU, CA, EU, HK, JP, MX,
NZ, SG, US
Bank transfers EUR, GBP, JPY, MXN EU, JP, MX, UK
BLIK PLN AT, BE, BG, CY, CZ, DE,
DK, EE, ES, FI, FR, GI,
GR, HR, HU, IE, IS, IT,
LI, LT, LU, LV, MT, NL,
NO, PL, PT, RO, SE, SI, SK
EPS EUR AU, CA, EU, HK, JP, MX,
NZ, SG, US
FPX MYR MY
Giropay EUR AU, CA, EU, HK, JP, MX,
NZ, SG, US
iDEAL EUR AU, CA, EU, HK, JP, MX,
NZ, SG, US
Prezewly24 (P24) EUR, PLN AU, CA, EU, HK, JP, MX,
NZ, SG, US
Sofort EUR AU, CA, EU, HK, JP, MX,
NZ, SG, US
Affirm USD US
Afterpay and Clearpay AUD, CAD, NZD, GBP,
USD, EUR
AU, CA, ES, FR, IE, NZ,
UK, US
Klarna DKK, EUR, GBP, NOK, 
SEK, USD
AT, BE, DE, DK, EE,ES,
FI, FR, GR, IE, IT, LT,
LV, NL, NO, SE, SI, SK,
UK, US
Cards Most currencies Most locations
Link All currencies supported
on cards
Most locations
PayNow SGD SG
PromptPay THB TH
Boleto BRL BR
Konbini JPY JP
OXXO MXN MX
Alipay AUD, CAD, CNY, EUR,
GBP, HKD, JPY, MYR,
NZD, SGD, USD
AU, CA, EU, HK, JP, NZ,
SG, US
GrabPay MYR, SGD MY, SG
WeChat Pay CNY, AUD, CAD, EUR,
GBP, HKD, JPY, SGD,
USD, DKK, NOK, SEK,
CHF (depending on
business location)
AU, CA, EU, HK, JP, SG,
UK, US

Cards: American Express, China UnionPay (CUP), Discover & Diners, Japan Credit Bureau (JCB), Mastercard, Visa, Cartes Bancaires (CB)

What is Smart Url?

By directing your customer to your checkout.yourdomain.com/1001 address, you can have the page load with the order number 1001.

If the payment for the order number has been made before, the page is updated with a successful screen, the payment button is hidden.

When the user enters a different order number on the application, the url is updated according to that order number.

Quick Start

Download the source files.
Activate payment methods on https://dashboard.stripe.com/settings/payment_methods
Get your Stripe keys on https://dashboard.stripe.com/apikeys
Create&Get your reCAPTCHA keys on https://www.google.com/recaptcha/admin/create
Create new app and Get your API access token on https://yourusername.myshopify.com/admin/settings/apps
Create your payment methods on https://yourusername.myshopify.com/admin/settings/payments
Edit the code – Update Keys and Settings – Translate sentences into your language.
Buy a Windows Hosting and Upload the files to the wwwroot folder.
Create a subdomain (checkout recommended) and match it to the ip information your hosting service provider gave you.

Recommended hosting company: HostGator. If you want to take advantage of discounted hosting, enter Techtolia in the coupon code field and apply.

What is Google reCAPTCHA?

reCAPTCHA is a service that protects your site from spam and abuse. reCAPTCHA v3 helps you detect abusive traffic on your website without user interaction. Instead of showing a CAPTCHA challenge, reCAPTCHA v3 returns a score. reCAPTCHA v2 (“I’m not a robot” Checkbox) requires the user to click a checkbox indicating the user is not a robot.

The application uses combined Google reCAPTCHA v3 and v2. Thus, spam attacks are prevented.

What is Strong Customer Authentication?

Strong Customer Authentication (SCA) is a new European regulatory requirement to reduce fraud and make online payments more secure. To accept payments and meet SCA requirements, you need to build additional authentication into your checkout flow.

Banks will need to start declining payments that require SCA and don’t meet these criteria. Although the regulation was introduced on 14 September 2019, we expect these requirements to be enforced by regulators over the course of 2020 and 2021.

3D Secure 2—the new version of the authentication protocol rolling out in 2019—will be the main method for authenticating online card payments and meeting the new SCA requirements. This new version introduces a better user experience that will help minimise some of the friction that authentication adds into the checkout flow.

The application supports 3D Secure 2

The Payment Intents API that uses Stripe’s SCA logic to apply the right exemption and trigger 3D Secure when necessary.

The application uses the Payment Intents API

Top comments (0)