Payment iFrame (beta)

jetpay webdropin integration guide overview jetpay webdropin provides a seamless, embeddable payment solution that enables you to accept payments via credit card directly within your application this comprehensive guide walks you through implementing the jetpay webdropin integration to create a modern, secure checkout experience what you'll learn set up your development environment create contacts and payment debits via the jetpay api generate secure checkout urls for the webdropin iframe handle payment events and callbacks manage payment fees and surcharges documentation structure this guide is organized into the following sections overview and introduction ← you are here setup docid\ qqu7tu9t3nxjcp xcmrlz getting started requirements implementation guide docid\ ijsfua5zwmlv65j9qqjyf core integration steps events and fees docid 0rhmgt137x 8tfpeyjw1i payment events and surcharge management security and troubleshooting docid\ ynh2mxw9pit9e6vdkdngv best practices and common issues quick start if you're already familiar with jetpay and want to jump straight to implementation get your api token from jetpay dashboard (settings → integration → create token) install dependencies npm install axios nanoid follow the implementation guide docid\ ijsfua5zwmlv65j9qqjyf for the complete integration integration flow overview the jetpay webdropin integration follows this simple flow graph td a\[create contact] > b\[generate debit] b > c\[get checkout url] c > d\[embed iframe] d > e\[handle payment events] e > f\[process results] create a contact generate a customer record in jetpay create a debit set up the payment transaction generate checkout url get the secure payment link embed iframe display the payment interface in your app handle events listen for payment status updates process results update your application based on payment outcome key benefits easy integration simple api calls to generate payment links minimal code required for full functionality drop in iframe solution secure by design pci compliant payment processing secure token based authentication client side event handling only production ready comprehensive error handling real time payment status updates transparent fee management flexible implementation works with any javascript framework customizable to match your brand multiple payment method support before you begin ensure you have a jetpay account with api access basic javascript/typescript knowledge a web application where you want to integrate payments ready to get started? continue to setup docid\ qqu7tu9t3nxjcp xcmrlz >