Payment gateway card form

[berdev]

How to show card form at the same page like this :

2021-10-21 (2).png (23.14 KiB) Viewed 1186 times

[aimeos]

It's not allowed to store credit card data locally so you need a payment gateway that handles credit card payments.
Stripe does that for example and generates a similar payment form after the customer clicked on "Buy now" in the checkout summary page:
https://aimeos.org/docs/latest/manual/services/#stripe

[berdev]

Thank you for the reply !
Yes i use a payment gateway (checkout.com) but i want to show payment form at the same page
This is the current case (the integration works correctly) :

generates a similar payment form after the customer clicked on "Buy now" in the checkout summary page:

But I need to show my form on the same page ( when customer select the payment method the form should be shown ).
and when he clicked buy now the customer will be redirect to confirmation page.

[aimeos]

You have to create a custom payment service provider implementation that adds the required form/JS code to the payment selection page and store the token you get from the payment gateway in the order payment service item of the basket as attribute. In the process() method of your payment service provider, you must perform the payment based on that token and set the payment status of the order accordingly.