Migrate to Hosted Checkout Page

Get familiar with the Hosted Checkout Page, the payment flow and its Direct-specific features.

You can keep using your existing PREPROD (test) account to get started. To activate Direct in your PREPROD (test) account, follow these steps:

1. Log in to the PREPROD (test) Back Office.
2. Go to Configuration > Account > Your options.
3. In Available options, look for "DIR (Merchant using Ingenico Direct integration)" and click on "Activate". 

If you cannot find "DIR (Merchant using Ingenico Direct integration)", then it is activated by default. Look in the "Default options" to confirm. 

You do not have a test account yet? Get one in just a few steps.

You can upgrade to a paid account at any time.

Your account is being created and you will receive a message soon.

Cancel Create an account

Check your mail!

Check aaaaa for a link to set your password. This helps us keep your account secure.

If you cannot see the email please check your spam folder.

What's next?
After you secure your test account, you can build a test integration. The first step is deciding how to link your website with our platform.

Getting started

Modify the target endpoint URL and the data you need to send to our platform to get the redirection URL.

The legacy parameters translate to Direct properties in JSON format in your CreateHostedCheckout request. To help you re-create your legacy integration for the new platform, use this legacy parameter – Direct properties mapping.

Direct reduces your efforts by outsourcing most of the Back Office technical settings to the CreateHostedCheckoutAPI. However, you need to makes some basic configurations in your account:

• Configure your API Key/API Secret to set up the Direct authentication mechanism. Read our dedicated guide to learn how to do this.
• Configure your Webhooks Key/Webhooks Secret to receive feedback for processed transactions. Read our dedicated guide to learn how to do this.

Check out our comprehensive guide to learn about how your existing account settings translate to the Direct API.

Adapt the Hosted Checkout Page to the look and feel of your webshop.

Direct allows you to greatly customise your customers’ payment experience by

• Adding specific properties to your CreateHostedCheckout request. Read our dedicated guide to learn what is possible and how to do this.
• Modifying the Hosted Checkout Page directly in your account or by uploading a fully customisable template to your account.

Make sure your webshop infrastructure receives and processes our platform’s transaction feedback according to the payment id logic.

Direct offers Webhooks and endpoints GetHostedCheckout/GetPaymentDetails to get all information you need to follow-up on your orders.

To enhance transparency, Direct implements three properties to represent a transaction status:

• status
• statusCategory
• statusCode

For a quick manual check, look up the transactions status in the Merchant Portal. Read the dedicated chapter in our Merchant Portal guide to learn how to do this.

Check out our comprehensive Status guide for all possible return values, including a mapping of classic parameter STATUS to the aforementioned properties.

Use our Test cases to trigger specific scenarios for any given payment method. Our API Explorer allows you to build and test countless scenarios with just a few clicks!

Mind that test data / settings in the Back Office (Configuration > Technical Information > Test Info) are irrelevant for Direct.