ViaBill Payment Integration

Next.js Example Implementation

Start Payment

Create a new checkout and process a payment through ViaBill.

New Checkout
🔁

Transaction Operations

Lookup status, capture, refund, cancel or renew a transaction.

Open Transaction Ops
🧾

Entries API Tester

Open an interactive tester to build the entries/download request and view results.

Open Tester
📚

API Documentation

Learn about the available API endpoints and how to use them.

View Docs
⚙️

Configuration

Update .env.local with your ViaBill API credentials.

Quick Start

  1. 1.Update .env.local with your ViaBill API key and secret
  2. 2.Click "New Checkout" to create a test payment
  3. 3.You'll be redirected to the ViaBill payment page
  4. 4.Complete your test payment

Environment

✓
NEXT_PUBLIC_API_KEY
Set: eyJhbG…6ehk
✓
VIABILL_SECRET_KEY
************
✓
NEXT_PUBLIC_VIABILL_TEST_MODE
Set: true
✓
NEXT_PUBLIC_ADDON_NAME
Set: CUSTOM
✓
NEXT_PUBLIC_APP_URL
Set: https://greatskintattoo.com
✓
NEXT_PUBLIC_VIABILL_BASE_URL
Set: https://secure.viabill.com
✓
VIABILL_AUTO_CAPTURE
Set: false
✓
NEXT_PUBLIC_DEFAULT_CURRENCY
Set: EUR