Ingenico Direct Support Site

Results for

icon-search-large No search results yet
Enter your search query above

Tips to maximise conversion using our Hosted Checkout Payment Page

Do: 

1. Show as much information as possible in the order summary in both desktop and mobile. The order summary is the most important feature of the payment page. This includes tax, shipping cost, discounts, etc. in both desktop and mobile. The order summary is the most important feature of the payment page

2. Show logos of all available payment methods.

paywith.png

3. Incorporate a lock icon on the page to increase the feeling of security. This can be anywhere, but is better if it is close to the Pay button.

4. Include a progress bar on the page to reassure where customers are in the checkout journey.

Group 148.png

5. Customise the payment page look & feel to match your web shop, so it is a more seamless experience. Include your own logo or business name so customers know who they are purchasing from.

whitepp.png

bluepp.png

Do not:

1. Do not hide your order summary. Some merchants disabled this and end users did not like this as it made them second guess what was in their shopping cart. This may cause them to abandon the checkout.

ordersummary.png

2. Do not make your payment page look completely different from your web shop as it is disruptive. For example, if your web shop has a black background, make sure the payment page uses the same background colour.

3.  Do not use too many colours on your page as it may distract your customers from completing the transaction.

Recommendation

We strongly recommend that you also test your payment page design and complete checkout experience with real customers. No two payment page experiences are the same as it depends on your website's design, the products you sell, your key customer's purchasing behaviours, etc.

The feedback you get directly from your customers will help you further optimize your payment page while you create the optimal experience that is unique for your customers.

What is in our hosted payment page

Authorised.png Help your customers pay faster by saving their payment details
Authorised.png Automatic number formatting and card BIN detection
Authorised.png Mobile responsive design with intuitive context-appropriate keyboard
Authorised.png WCAG level A compliant - anyone including visual impaired and older users can complete payments
Authorised.png Localised languages and currencies
Authorised.png Progress bar to increase confidence in completing transactions