How to setup form to allow either card or cash payments?

  • 2j4paws
    Asked on February 16, 2025 at 12:11 PM

    Hi! I'm creating a form where the event is going to accepting cash and card payments. I was wondering if there is way for customers to buy pass the card payment? I have mine linked to PayPal and the calculation is connected by the total. But is there a way to have a pay cash selection, that will not bring the customers to the PayPal link?

  • Silvano JotForm Support
    Replied on February 16, 2025 at 12:56 PM

    Hi 2j4paws,

    Thanks for reaching out to Jotform Support. You can use another payment processor aside from PayPal like Purchase order payment to collect cash and/or check payments. You can add one payment integration per form, but you can display multiple integrations in the same form by using the iFrame Embed widget, adding a Single Choice element, and applying the Conditions feature with the existing payment gateway. Let me show you how to set it up:

    At first, let's add the iFrame Embed widget to your form:

    1. In Form Builder, click on the Add Element menu on the left side of the screen.
    2. Click on the Widgets tab, search for iFrame Embed and drag and drop it to your form.
    3. In the menu on the right, under the General tab, paste the Frame URL of the other form which includes fields and the payment integration.
    4. Next to the Iframe Embed widget, click on the Gear icon and change the Height option as you want.

    How to setup form to allow either card or cash payments? Image 1 Screenshot 70 Then, let's add a Single Choice element:

    1. While in Form Builder, click on the Add Element menu on the left side of the screen.
    2. In the menu on the left, under the Basic Elements menu, drag and drop a Single Choice element.
    3. Change the label and the options so that users can choose the payment method.

    How to setup form to allow either card or cash payments? Image 2 Screenshot 81 Finally, we need to set up Show/Hide Field conditions. Let's do it:

    1. In Form Builder, in the orange navigation bar at the top of the screen, click on Settings.

    2. In the menu on the left side of the page, click on Conditions and choose the Show/Hide Field option.

    How to setup form to allow either card or cash payments? Image 3 Screenshot 92

    3. Set up two conditions as you see below and click on Save.

    How to setup form to allow either card or cash payments? Image 4 Screenshot 103

    How to setup form to allow either card or cash payments? Image 5 Screenshot 114

    After completing all the steps, you can display two payment methods on the same form. Keep in mind that if users fill out the form within the iframe widget, submissions will be collected in that form. Check out the screencast below to see how it'll work: 

    How to setup form to allow either card or cash payments? Image 6 Screenshot 125 You can also check out the detailed explanation in this How to Create a Basic Multiple Payment Form guide.

    Give it a try and reach out again if you need any help.

Your Answer