Selleo Labs spółka z o.o.

I am a Ruby on Rails and React.js developer with ten years of experience, allowing me to build robust and groundbreaking digital products for Fintech and eCommerce clients. I have actively introduced company-wide coding best practices throughout my career as a Ruby on Rails Tech Leader. 

Mateusz Wieczorek

\[TOC\]  
  
No matter what type of platform you own: eCommerce, eLearning or a booking one, your main concern will always be to ensure that your customers are safe and you provide them with an easy-to-use payment system.

The provider you choose has to satisfy the needs of your business as well as the requirements of your customers.

Over [21% of customers](https://www.google.com/url?q=https://baymard.com/lists/cart-abandonment-rate&sa=D&ust=1591985041593000&usg=AFQjCNGN1dBpeELBtJn_Lu2ebCf7_6Zxzg) tend to abandon websites that have a long checkout process and 17% because the website was not secure.

![](https://s3.amazonaws.com/a.storyblok.com/f/86602/800x480/24df8194a2/reasons-for-abandoment-during-checkout.png)

Integrating a payment gateway into your store will give your website security and improve the overall user experience.

If you are looking for more information on payment gateways and how to implement payment gateway into your system, keep on reading.

## What is a payment gateway?

A payment gateway is a solution that connects your bank account with a merchandising platform to which you wish to transfer money. It creates a secure tunnel between online retailers and buyers.

Most of eCommerce service providers create a website with payment options as it is a fundamental feature offered to their clients. It allows us to make purchases anywhere in the world while ensuring maximum data security.

Payment gateways are virtual terminals equivalent to physical point-of-sale terminals.

## How does a payment gateway work?

![](https://s3.amazonaws.com/a.storyblok.com/f/86602/800x533/5dfbc061da/payment-gateway.jpg)

**A payment gateway is an important broker between customers and merchants**. It is dealing with payment processing and authorizing. Payment gateways deliver an encryption method to sensitive data like credit card numbers. The data is encoded giving you a guarantee that it is sent securely between the online store and the customer.

Here is a basic flow of the transaction:

1. a customer finishes an order by clicking a submit button or its equivalent
2. the customer is redirected to a payment gateway allowing him/her to choose credit card payments or to be redirected to a bank website. The transaction is transferred to the issuing bank or another page like 3Dsecure to authenticate the transaction
3. if the authentication is successful the bank checks if the customer has enough funds on his/her account to make a response to the payment gateway that the transaction is a success or not
4. when the response from the bank is ready, it goes to the merchant. If the answer is negative, the merchant will display a notification about an error to the user. If it is positive, the merchant seeks the transaction from the bank
5. in the end, the bank settles the payment with the payment gateway, which settles the money with the merchant

The key points that any payment gateway provided are authorization, settlement and reporting.

## How does a payment gateway keep information secure?

Security is crucial in the eCommerce world. Customers want to keep their credit card information and payment information safe. Data security in online payments or eCommerce can be ensured by using technologies like:

* **TLS encryption -** payment gateways use SSL certificates. An easy way to check if our payment gateway uses a secured protocol is to check its URL. If it is https we can assume that we are secure
* **PCI-DSS Compliance -** the Payment Card Industry Data Security Standard was established to provide secure payment solutions by forcing companies to use Firewalls on their internal networks and encrypt the cardholder data while denying to store this data on disks or paper
* **Tokenization -** a way of substitution the real card numbers with randomly generated ones that are useless to hackers
* **Two-factor authentication -** an extra layer of security that is used to confirm the user’s identity by sending a message to a registered mobile number

## Benefits of using a payment gateway

Payment gateways have lots of benefits, that is why they are so popular in the eCommerce world. Let’s present some of them:

* **Security:** payment gateways secure transactions by protecting and encrypting sensitive data
* **Sales boost:** they help you expand your business by reaching to customers from all over the world
* **Time saving:** transactions are much quicker than standard manual processing via bank
* **Everyday at any time:** payment gateways work 24/7
* **Security, once more:** thanks to payment gateways you can avoid suspicious transactions by blocking transactions from certain countries or IP addresses
* **Marketing:** they have a positive impact on marketing since you can create affiliate program with rewards with referral commission from other sites

## Payment gateway transaction types

Payment gateway providers support many types of transactions. The most common ones are:

* **payment/sale/debit -** the most standard transaction. The payment gateway asks the bank about the authorization of transactions. If it is a successful settlement of the transaction will be accomplished by the end of a working day
* **authorization -** a payment gateway blocks demanded amount of money on the buyer’s account for the future settlement transaction. The period during which the money is blocked depends on the card system and the issuing bank but it usually takes from 3 to 7 days
* **capture -** this kind of transaction takes place when the merchant wants to charge the amount of money that was previously blocked by an authorization transaction. To capture a transaction means to send it for settlement
* **void -** if the transaction is not settled it allows to immediately unlock the previously blocked transaction on the user’s account without the need to wait for the blocking time to expire
* **refund -** a kind of transaction that gives the merchant an opportunity to cancel the transaction when the buyer had been already charged. It sends the money back to the client’s bank account
* **chargeback -** an operation when a customer appeals to the bank about the charges on their bill. A customer can appeal in cases when the item was not received, due to technical problems, unauthorized card usage or in the case of a friendly-fraud situation
* **credit -** a transaction similar to a refund. It can only proceed in the case when the previous transaction successfully incomed to the buyer’s account. The merchant can credit user’s credit card exceeding the amount of money from the previous successful transaction

<Baner name={software-development} />

## Payment gateway types

There are two types of payment gateways: **hosted and non-hosted**. In a hosted payment gateway after clicking the purchase button the customer is redirected to the payment service provider page.

In non-hosted payment gateways the user enters the debit or credit card details directly on the checkout page of the store owner.

Here are the most popular payment gateway providers:

HOSTED PAYMENT GATEWAYS

* [PayPal](https://www.paypal.com/pl/home)
* [Amazon Pay](https://pay.amazon.com/)
* [Stripe](https://stripe.com/)
* [SagePay](https://www.sagepay.co.uk/)

NON HOSTED PAYMENT GATEWAYS

* [Authorize.net](https://www.authorize.net/)
* [BrainTree](https://www.braintreepayments.com/)
* [PayPal Pro](https://www.paypal.com/us/webapps/mpp/referral/paypal-payments-pro)
* [PayU](https://poland.payu.com/)
* [Adyen](https://www.adyen.com/pl_PL/;jsessionid=FC0CF6768B912CDADC0019BBB84A4BE3)
* [FirstData](https://www.firstdata.com/pl_pl/home.html)
* [MongoPay](https://www.mangopay.com/)
* [SagePay Direct](https://www.sagepay.co.uk/support/find-an-integration-document/direct-integration-documents)

### Costs of using payment gateways

The overall costs of using a payment gateway services depends on your overall turnover. However, you should keep in mind that the transaction fee starts from about 2,9% up to 3,5% plus an additional $0,30 per each transaction.

Some of the payment gateways also have monthly fees as well as an installation fee, so take it into consideration when choosing a provider.

## How to integrate a payment gateway

Follow the steps to embed payment on website.

PayPal integration

1. create a [PayPal button](https://gist.github.com/Lkubok/5264856b3e6d639e9c025d0214cfcc9a#file-paypal1-txt)

   <Gist id="6485f4af4d7228dfff368efa8de7fc10" />
2. set up the [basic payment](https://gist.github.com/Lkubok/5264856b3e6d639e9c025d0214cfcc9a#file-paypal2-txt)

   <Gist id="3ad9034881cb8fa95f3ca23a95c1ed71" />
3. extend the basic payment with [additional parameters](https://gist.github.com/Lkubok/5264856b3e6d639e9c025d0214cfcc9a#file-paypal3-txt)

   <Gist id="a9e620d40d13768861fc6ff8a77bd62b" />
4. [execute](https://gist.github.com/Lkubok/5264856b3e6d639e9c025d0214cfcc9a#file-paypal4-txt) the payment

   <Gist id="9f5a15453d765f13964710c5846bf654" />

Amazon Pay integration

1. create an [Amazon Pay button](https://gist.github.com/Lkubok/f7ce0eedb2e8c779de0ace956494a388#file-amazon1-txt)

   <Gist id="9d14894606b86ec913207a5919734f95" />
2. add [Address Book and Wallet Widgets](https://gist.github.com/Lkubok/f7ce0eedb2e8c779de0ace956494a388#file-amazon2-txt) to your website

   <Gist id="62ffb6af65c31abafadb375ac312a7d2" />
3. [obtain buyer’s authorization](https://gist.github.com/Lkubok/f7ce0eedb2e8c779de0ace956494a388#file-amazon3-txt) for recurring payments

   <Gist id="c85976054c41fad9adbbb89609d6c240" />
4. [set a billing agreement details](https://gist.github.com/Lkubok/f7ce0eedb2e8c779de0ace956494a388#file-amazon4-txt) and confirm the agreement

   <Gist id="8448c5d2194facba04002be1eb400826" />
5. [validate](https://gist.github.com/Lkubok/f7ce0eedb2e8c779de0ace956494a388#file-amazon5-txt) the billing agreement

   <Gist id="bf0c48f589ba611ee8517c2caae053f7" />
6. [request authorization](https://gist.github.com/Lkubok/f7ce0eedb2e8c779de0ace956494a388#file-amazon6-txt)

   <Gist id="7bf28f1aeb608393d6e932d8f9453da5" />

Tada! Your payment gateway is ready!

## Conclusions

There are many ready-made solutions for payment gateways on the market. Choosing the right provider is a key decision for growing your business. Implementing a payment gateway into your website will deliver enhanced user experience and maximum security for your customers. Many of payment gateways are equipped with security measures like TLS encryption, two-factor authentication and are PCI-DSS compliant.

Integrating a payment gateway is not complicated and will definitely have a positive impact on your store.

If you are looking to create a website integrated with a payment gateway or need to add a gateway to your existing product, [contact our team of developers](https://selleo.com/ecommerce-software-development).

In this article, we'll show you how to integrate a payment gateway into a website. We'll also provide tips on which gateway to choose and make it work.

CTOs

Founders

Read Our Blog.
Make better products with us.

Knowledge hub

Business

Technology

Explore our latest articles

How To Integrate A Payment Gateway Into A Website

SaaS Founder Starter Academy