Shopify UPI Integration Guide: Dynamic QR + Webhook Confirmation

This guide is for teams that want Shopify UPI checkout with cleaner order confirmation. Instead of manual proof checks, you create a pay session from backend, present dynamic QR, and confirm status with signed webhooks before fulfillment.

Architecture (recommended)

• Shopify storefront triggers backend order intent.
• Backend calls VyaparGateway API to create dynamic pay session.
• Customer pays via UPI app using generated QR / pay flow.
• Webhook callback updates order payment state in your system.

Implementation steps

1. Create merchant account and generate API + webhook credentials.
2. Build backend endpoint to create payment intent for each Shopify order.
3. Store order_id, amount, and payment intent mapping in your DB.
4. Verify X-VyaparGateway-Signature and timestamp on every webhook.
5. Mark order paid only after signature verification + status confirmation.

Common mistakes to avoid

• Trusting client-side callback without server verification.
• Skipping idempotency checks on webhook retries.
• Not logging raw webhook payload + signature on failed verification.
• Hard-coding API keys in theme scripts or public JS.

With this setup, teams usually reduce manual payment support tickets and shorten dispatch delays caused by pending confirmation states. If you need plugin-level implementation help, start with the developers overview and then onboard inside dashboard flows. VyaparGateway helps you issue dynamic UPI QR codes, verify payments, and notify your stack via webhooks—without charging a per-transaction platform fee on top of your plan.