Quickstart Guide
To get started with Modem Pay, follow these simple steps to set up and start collecting payments:
1. Create an Account
- Sign Up: Register on Modem Pay’s dashboard to access your account and manage payments.
- API Keys: Once registered, get your API keys from the dashboard for integrating and authenticating requests.
2. Configure Integrations
- HTML Checkout: Embed Modem Pay’s HTML Checkout into your site for a quick, low-code payment solution.
Here’s an example of how you’d implement HTML checkout:
Walkthrough
-
Setting Up the Form
When the user clicks Pay Now, the form submits the order details to Modem Pay’s endpoint (
/api/pay
), passing essential information like amount, customer details, and URLs for redirecting. -
Payload Format After Submission
Once the form is submitted, the server receives the payment information in JSON format as shown below. Modem Pay processes this payload to initialize the payment.
-
After Payment – Redirect and Webhooks
- Redirect URL: Once the payment completes, the user is redirected to the
return_url
specified in the form, or if canceled, to thecancel_url
. - Webhooks: For real-time updates on the payment status, configure webhooks in Modem Pay’s dashboard. This allows your server to receive notifications for events like
charge.succeeded
orcharge.cancelled
so you can handle them as needed, such as updating the order status on your end.
- Redirect URL: Once the payment completes, the user is redirected to the
- SDK Payment Intent: For more control, use Modem Pay’s SDK to create and confirm payment intents programmatically.
3. Complete KYC
- Identity Verification: Before going live, complete Modem Pay’s KYC requirements from the dashboard to enable secure, compliant transactions.
4. Start Collecting Live Payments
- Go Live: Once KYC is approved, switch from test to live mode on your dashboard to start processing real transactions and collecting payments from your customers.
This setup provides both a quick and customizable payment solution for your business, with HTML Checkout for a rapid start and SDK Payment Intent for detailed control.