Demo

Frontend payment (Vue 2 + Stripe Elements)

Simulated Vue 2 frontend talking to the Django backend. Preset example values are used for a quick test.

Pay a booking

Click "Pay now" to create a Payment Intent and render Stripe Elements.

⟵ Back to main menu

Tips for testing

Use Stripe test cards on this page.

  • Successful card: 4242 4242 4242 4242 · Any future date · Any CVC · Any ZIP
  • 3D Secure: 4000 0027 6000 3184
  • Insufficient funds: 4000 0000 0000 9995

Default demo amount: €50.00 (5000 cents). Change it in static/js/stripe-payment.js or extend the component with inputs.

The payment is created on the connected campground account (Direct charges).