Embedded Payment Form

You can embed Goody’s credit card form into your app to allow users to enter their credit card details directly into Goody’s payment form. You can control virtually all of the styling of the payment form.

​

How it works

1. Embed Goody’s payment form using our pre-built code sample, or build your own UI. Goody’s payment form uses tokenization from Very Good Security, the leader in PCI-compliant card tokenization, so your servers never touch any sensitive credit card details.
2. After your user enters their payment information and billing address, the payment form will tokenize the card data, save the data to Goody’s server, and return an interim_card_key. This is a key that identifies a temporary record of the card information that can be used to create a payment method.
3. Call Goody’s POST /commerce_user_payment_methods endpoint with the interim_card_key, cardholder name and billing address, and the commerce_end_user_id, the user ID of your app’s user to associate this payment method with. You’ll receive an id of a payment method back.
4. Create an order batch by passing the payment_method_id and the commerce_end_user_id that the payment method belongs to.
5. When the order batch is paid for, the payment will be processed to the end user’s credit card.

​

Code samples

We’re here to help you integrate the embedded payment form. Contact us by clicking the “Apply now” button on the Goody API homepage or contact us at support@ongoody.com.