Payment Pages
Requires Starter tier or above
Creating a Payment Page
- Navigate to Payment Pages → New
- Choose a template or start from blank
- Configure using the 4-step wizard:
Step 1: Setup
- Page title — Auto-generates a URL slug
- Payment type — One-time, Recurring, or Donation
- Merchant & NMI account — Which gateway processes the payment
- Amount — Fixed, customer chooses, or preset buttons
- URL & SEO — Slug, meta title, description, social image, favicon
Step 2: Form Design
- Logo — Upload via drag-and-drop or media library
- Colors — Primary, background, container, field background, field border, text color
- Billing address — Full address or postal code only
- Width — Small, medium, large, extra-large
- Enhancements — Tipping, quantity selector, customer notes, social proof, discount codes, countdown
Step 3: Page Design
- Layout — Single column, two-column, hero-left, hero-right, stacked
- Sections — Header, footer, testimonials, FAQ, features, gallery, content blocks
- Inline editing — Edit section content directly in the editor
- Icon selector — 12 icons for trust badges and lists
- Image upload — Supabase storage with media library
Step 4: Post-Payment
- Success page — Custom title, message, CTA button, redirect URL
- Email receipt — Toggle with custom message, inline preview
- Webhook — URL, HMAC-SHA256 signing, conditional payload
Preview vs Live
- Preview — Available for any status at
/pay/[merchant]/[slug]?preview=true. Shows banner, simulates payments, skips analytics. - Live — Only when status is ACTIVE at
/pay/[merchant]/[slug]. Records views, processes real payments.
Sharing
- Direct URL — Copy the hosted link
- QR Code — Generate and download
- iFrame embed — HTML snippet for embedding in your website
- JavaScript embed — Lightweight script tag