How to add a payment link (URL) to a form?

  • Sttafw
    Asked on June 20, 2024 at 5:31 PM

    Hello,

    I hope you are well. I need to add a link to a form so it cannot be submitted without a payment.

    Here is the form

    https://form.jotform.com/233477968531166

    This is where the person will pay

    https://giving.parishsoft.com/App/Form/65e7a082-6316-4ac4-8bb2-d4f0166d826f

    Is there any way to link this payment form to the JotForm so that the Jotform cannot be submitted without payment? Or a suitable workaround?

    I would appreciate any help you could provide.

    Many blessings,

    Kim Jackson

  • Jemuel JotForm Support
    Replied on June 20, 2024 at 6:00 PM

    Hi Kim,

    Thanks for reaching out to Jotform Support. In my attempt to find a solution, I have implemented a workaround. I've added a Single Choice element to confirm payment completion. If "No" is selected, the submit button will be disabled, accompanied by a warning message. Additionally, I've included a Paragraph field for the payment link. Here's how I've set it up:

    1. In Form Builder, click on Add Form Elements.
    2. Under Basic, drag and drop the Paragraph & Single Choice element to add it to your form. How to add a payment link (URL) to a form? Image 1 Screenshot 70
    3. To add your Payment link, click the Pencil icon next to your Paragraph field, then select Insert or Edit Link, and paste your Payment link.How to add a payment link (URL) to a form? Image 2 Screenshot 81

    Now, we'll create conditions: if users select "No," the submit button will be disabled, and a warning message will show.

    1. In Form Builder, click on Settings at the top.
    2. Click on Conditions on the left, and click on Add condition. How to add a payment link (URL) to a form? Image 3 Screenshot 92
    3. Select Enable/Require/Mask Field. How to add a payment link (URL) to a form? Image 4 Screenshot 103
    4. Now, set up the conditions. You can copy my conditions as shown below.
    5. Lastly, click on Save. How to add a payment link (URL) to a form? Image 5 Screenshot 114

    Here's my result: How to add a payment link (URL) to a form? Image 6 Screenshot 125

    Here's my demo form. You can clone it to test or inspect.

    Give it a try, and let us know if you need more help.

 
Your Answer