Mock payment gateway

Secure checkout simulation

Use this classroom demo to show how a client could pay a booking fee for a property consultation. It validates the form, displays a processing screen, and creates a receipt without sending any real payment data.

Presentation note

This is a front-end simulation only. Try card number 4242 4242 4242 4242 for a successful payment, or 4000 0000 0000 0002 to demonstrate a declined payment.

1. Details

2. Processing

3. Receipt

Payment details

Service package

Please choose a service package.

Client name

Enter the client's name.

Email address

Enter a valid email address.

Payment method

Card number

Use a 16-digit demo card number.

Expiry

Use MM/YY format.

CVV

Enter a 3-digit CVV.

Secure checkout simulation

Payment details

Contacting mock bank