Step-by-Step Integration Guides

Follow a Complete Step-by-Step Integration Tutorial

Choose the guide that matches your tech stack and store setup. Each tutorial guides you from initial setup to live testing with multi-framework code switchers (Vanilla JS, Next.js, Flutter, React Native, cURL, PHP, Python).

Zero-Backend / Frontend • 5 Minutes

1. Popup Widget Integration

Popular

Embed the official Patron popup widget button into your HTML or React layout. Allows subscribers to authorize perks directly in front-end checkout without custom server APIs.

E-Commerce Backend • 15 Minutes

2. Single Discount Cart Checkout

Recommended

Complete start-to-finish guide for applying a flat or percentage perk discount to the order subtotal during backend checkout processing.

Advanced Cart • 20 Minutes

3. Multi-Product / Category Discounts

Advanced

Detailed tutorial for e-commerce platforms where perks apply only to specific product categories or eligible catalog items in the shopping cart.

Physical Retail / POS • 10 Minutes

4. QR Code & In-Person POS Validation

Retail POS

Guide for physical stores, cafes, gyms, and event venues scanning subscriber Digital ID QR codes via camera or handheld barcode scanners.