20i Support Database
HostShop – Payment Gateways

HostShop – Payment Gateways Questions

Payment gateway support: all you need to know about setting-up payment gateways with HostShop, 20i's Reseller Hosting billing solution.

Connecting HostShop to GoCardless

The GoCardless payment gateway is a way of taking secure payments from your customers through HostShop. It allows customers to set up recurring Direct Debit payments.

This helps to reduce late payments, avoid card fees and reduce accounting admin. To add GoCardless to HostShop:

⦁   Head to Payment Gateways via Hostshop > Payment Gateways
⦁   Select GoCardless from the dropdown
⦁   Select Sign Up or Log In at GoCardless
⦁   If you have an existing GoCardless account enter your email address and password and select Connect Account. If you don't have an existing GoCardless account follow their sign up process to create one
⦁   You’ll then be redirected back to 20i – GoCardless should then show as Live and Enabled.

GoCardless API credentials in My20i

Your customers will then be able to select to add/use a Direct Debit at the checkout in your HostShop.

HostShop

HostShop – Payment Gateways

Dominic Elford

How do I setup Stripe as a payment gateway?

Stripe is a well-regarded payment gateway provider you can use to take credit and debit card payments from your customers. It’s very easy to set up and link with 20i HostShop.

In order to set up Stripe as a payment gateway:

Log in to My20i
Head to the Payment Gateways section and select Stripe from the list of payment gateways.

Enter keys for Stripe payment gateway

Now head to your Stripe account and go to the Developers section: https://dashboard.stripe.com/apikeys

Note: You’ll need to make sure your Stripe account has been activated, follow the guide here to see how to do that.

From here, you’ll need your Publishable Key and Secret Key. Copy each key into the relevant field within My20i.

Stripe API keys

Once done, select Add Payment Gateway.

You'll now be able to accept credit and debit card payments from your customers.

HostShop

HostShop – Payment Gateways

HostShop – Preferences

Dominic Elford

How do I set up PayPal as a payment gateway?

As a hosting reseller, you need to be able to receive money from your customers. To do this you’ll need to set up a payment gateway. PayPal is the most commonly-used payment gateway, so if you’re looking to get started then we’d recommend adding PayPal first.

To setup PayPal as a HostShop payment gateway:

Select Payment Gateways from the navigation menu on the left-hand side.

From the Add a Payment Gateway section, select PayPal.

Note: Your PayPal account must be Business Account. It’s simple to upgrade if you need to, please refer to the guide here.

To get these details:

PayPal login

Head to the PayPal Apps & Credential section if you're not already taken there.

Make sure you're in the Live section as this is required to configure a live payment gateway.

PayPal My apps and credentials

Select Create App.

Creating a REST API app in PayPal

Give your app a name. In our example we've called ours HostShop.

Naming your new PayPal app

Select Create App.

You'll now see your Client ID and the Secret required to set up the payment gateway. Select Show to Secret Key.

PayPal app credentials

Copy the Client ID and Secret into their respective fields within 20i.

PayPal setup in My20i

Select Add Payment Gateway.

PayPal will now be set up and enabled. This means that when customers head to your shop, they'll be able to select PayPal as a payment method from the basket to pay for your services.

HostShop

HostShop – Payment Gateways

HostShop – Preferences

Dominic Elford

How do StackCP Users pay with balance in HostShop?

Before StackCP Users can pay with balance in HostShop you will need to either add balance as a product they can purchase or they will need to earn balance as commission from the affiliate system. You can find more information on these topics here:

Setting up balance products in HostShop
Setting up the affiliate system in HostShop

Once a StackCP User has some account credit they can select it as the payment gateway at the checkout.

Note: You'll need to have enabled Balance as a payment gateway here.

HostShop

HostShop – Products & Services

HostShop – Customer Management

HostShop – Payment Gateways

Dominic Elford

How does a customer set up a Direct Debit with GoCardless?

For your customers setting up a direct debit mandate, the process is quick and easy.

Within their StackCP Account, they’d go to Payment Methods and select Add Direct Debit.
They’ll be shown a form to add a Direct Debit mandate, including their sort code and account number. Once they’ve entered the requested details, they’ll select Set up Direct Debit.
When they now add a product to the basket, they’ll have the option to use their Direct Debit that they’ve set up.

HostShop

HostShop – Payment Gateways

Austin B.