Web integration Architecture

render latitudepay hosted checkout on your web, ios, or android application how the web integration works? quite easy! three steps as labelled in the following diagram step 1 hosted checkout on client side when the customer reaches the checkout page, they choose to pay with latitude pay and click the payment button the api response will contain the pre checkout token step 2 authenticate user & create checkout the checkout experience is rendered by octifi websdk js, and when the customer confirms the payment, a checkout token is generated this token is then included in the return client to your callback url step 3 initiate a charge and s ave the charge id your server code receives the checkout token and then uses it to initiate a charge using our /charge/create api the api response will contain the charge id we recommend that you save both the checkout token and the charge id in your database along with your order details the charge id is required for any further operations like cancellation or refund on the order