Take a payment on the Jovvie payment page

This page shows you how to take a card payment on the Jovvie payment page. After you place a WooCommerce order, submit a Gravity Forms form, submit a GiveWP donation form, or complete an Event Tickets checkout, your site opens the Jovvie payment page. This is where you choose a Stripe card reader and the customer pays.

These payment page steps apply to the ready-made Jovvie Checkout integrations for WooCommerce, Gravity Forms, GiveWP, and Event Tickets, which use Stripe. What happens to the order, entry, or donation afterward depends on the integration. See Jovvie Checkout overview.

Before you start

A Stripe card reader is registered to your connected Stripe account, turned on, and connected to the internet. See Set up a location and readers in WordPress.
The device you use can reach your card readers in one of these ways:
- You are signed in to WordPress on this device.
- This browser was connected in the plugin settings. See Use Checkout on a shared or kiosk device.
- You know your Access PIN, the PIN that lets someone use your readers. Your account owner sets it. Without one of the first two, the payment page asks for it.

What you see on the payment page

On the left (or at the top on a phone), a summary of the payment: the description, One-time payment, each item with its amount, and the Total. The ← Back button is above the summary.
On the right, the payment options: In-Person Payment and Card.

If your site is in test mode, an orange bar across the top says Test Mode. No real card is charged.

Take the payment on a reader

Check that the Total is correct.
Select In-Person Payment.
If you see Provide PIN to access, enter your Access PIN in PIN. If you do not see it, skip to step 6.
Optional: select Remember PIN so this browser does not ask again. Only do this on a device that stays in your control.
Click Submit.

If you see Wrong PIN, enter the PIN again.
Under Choose a reader, select the reader the customer will use. Each reader shows its name and status.

These steps are for web terminals. A web terminal is a card reader that connects to the internet on its own, and staff use it from a web browser. A Jovvie App choice appears in the list only when the page is opened inside the Jovvie mobile app. See Web terminals and app terminals.
Click Process Payment.

The button changes to Processing, and the page shows the reader’s progress, such as Waiting for input. Please proceed on the connected terminal.
Ask the customer to tap, insert, or swipe their card on the reader, or pay with Apple Pay or Google Pay on the reader.
Follow any prompts on the reader screen.

When the payment goes through, the payment page sends you back to your site. What you see next depends on the integration:

WooCommerce: the order received page. See Take an in-person payment for an order.
Gravity Forms: the form’s confirmation. See Take an in-person payment with a form.
GiveWP: the donation receipt. See Take an in-person donation.
Event Tickets: the ticket order success page. See Sell tickets at the door.

If the list says No readers found, check that your reader is turned on and registered, then reload the page. If you connected this browser to a location, the reader must be registered to that location. See Reader not showing on the payment page.

Enter card details instead

Use Card only when the customer cannot use the reader.

Select Card.
Type the card details into the form.
Click Pay.

If something goes wrong

If an error appears, the message box has two buttons: Back and Reload.

Check your Stripe Dashboard for this payment.
If the customer was charged, or a payment is still processing, do not charge again. Contact Jovvie support.
If no payment went through and none is processing, click Reload.
Take the payment again on the same page.

If you see Payment has already been processed., this payment is no longer waiting for a card. It may already have gone through. Do not charge the customer again until you check your Stripe Dashboard.

If the page shows Payment completed, the payment went through. Click Back to return to your site. Do not take the payment again.

For other messages, see Card declined and payment error messages and Checkout payment page errors.

Leave without paying

To leave the payment page before the customer pays, click ← Back. This cancels the payment request on the Jovvie payment page and returns you to your site:

WooCommerce: you go to the order received page, and the order stays Pending payment.
Gravity Forms: you return to a blank form, and no confirmation shows.
GiveWP: you return to the donation form, and GiveWP marks the donation Abandoned.
Event Tickets: you return to the ticket checkout page.

Clicking ← Back does not confirm that a card payment you already started on the reader was stopped. Only leave this way if the customer has not started paying. If you started a payment, or you are not sure, check your Stripe Dashboard first. Make sure no payment went through and none is still processing before you leave and take the payment another way. If you are still not sure, contact Jovvie support.

The same check applies to Back in an error message. It does not apply to Back on the Payment completed screen, which is the normal way back to your site after a successful payment.

Need help?

Contact Jovvie support.