Customizing Checkout

Customizing Checkout


Learn about the different ways you can customize your Checkout.


Localization

Dashboard

The Checkout Form is localized for 24 languages.

You can choose the complete set of supported languages for the project and products descriptions on the Project Settings page in your PaySuper Dashboard.

Prefilling customer data

Token

Boost your payment conversion rate with a payment form pre-filled with your customer’s name and email. To have the payment form prefilled, you can generate a token to encrypt all required information about your customer’s intent to pay.

Displaying VAT in a payment form

Dashboard

Get to know about VAT for e-services of foreign companies.

You can configure your Project Settings to display the total price and VAT in a payment form and receipt.

To show the total price with VAT already included, choose “VAT included in price” on the Project Settings page in your PaySuper Dashboard. By default, PaySuper displays a calculated VAT and product price separately in a payment form.

As the example below shows, if the in-game purchase is $10 and you apply “VAT included in price” then the total price will be equal to the same $10 in a payment form. By default, your customers see the total price with added taxes, for example, if the in-game purchase is $10 with VAT 20% then the total price is $12.

Saving payment methods for future

PaySuper can securely store your customer’s billing address and the payment method data to prefill the Checkout Form with. The customer has to agree for this to happen.

Customizing theme

PaySuper JS SDK

const paySuper = new PaySuper({
    viewScheme: 'light'
});

Available options: dark (default), light.

Customizing the colors

PaySuper JS SDK

const paySuper = new PaySuper({
    viewSchemeConfig: { 
        // headerTextColor overrides the default value of the viewSchemeConfig object
        headerTextColor: '#333333'
    }
});

Available parameters of viewSchemeConfig

Analytics Integration

PaySuper JS SDK

Nowadays we set up a Google Analytics data collection in a test mode inside PaySuper. After the Beta testing, we’ll release the analytics integration to use with a customer’s tracking ID.


Next steps

After the payment

After a successful payment, you have to fulfil the customer’s purchase. You can use webhooks or the Transactions to accomplish the purchase.

Testing the Checkout

Verify that your integration with PaySuper Checkout works correctly. Our offered test cards can be used to create payments that produce defined responses for you to test your integration code.

Going live checklist

You can inspect this checklist before going live to ensure you’ve implemented all the significant setup steps.


Questions?

Sales

Our salespeople are pleasant and friendly. Leave your contact details, and we’ll be back to you in no time.

Support

We are always happy to help with a code, improve a guide or consider a feature.

GitHub

The PaySuper Checkout Form, the JS SDK and even the server are available as a source code on our GitHub. You’re welcome to explore the code and help us make PaySuper even better.


Not a developer?

Our engineers will help you integrate PaySuper into your existing e-commerce platform, a website or a game in the best possible way. If you want something very special and crazy custom yet don’t have a suitable programmer available nearby - talk to us! We won’t let down a PaySuper user. We will try to help you in every possible way. We can even hire a programmer for you!