Create a pricing plan form with payments

  • FriscoTeam
    Asked on April 10, 2019 at 12:56 PM

    I want to create a form that allows visitors to see details of the plans we offer and then select one - much like https://www.jotform.com/pricing/ -- and then also select from among 4-5 add-ons (each with a price), and then check out using Stripe or another such payment processor - possibly with a promo code or coupon.

    Is there a template or widget that comes close?

  • David JotForm Support
    Replied on April 10, 2019 at 2:18 PM

    A design similar to our pricing page would likely require using an image radio button widget with a text field or fields under it from the text:

    https://widgets.jotform.com/widget/image_radio_buttons

    You could then conditionally show addition options or pricing when an option is selected:

    https://www.jotform.com/help/316-How-to-Show-or-Hide-Fields-Base-on-User-s-Answer

    Apply calculation values to those options:

    https://www.jotform.com/help/301-How-to-Assign-Calculation-Value

    Then use a calculation widget to get the total:

    https://www.jotform.com/help/259-How-to-Perform-Form-Calculation-Using-a-Widget

    You would then pass that total to your payment field for payment:

    https://www.jotform.com/help/275-How-to-Pass-a-Calculation-to-a-Payment-Field


    An easier way to set this up would be to set up your products and options in the payment field:

    https://www.jotform.com/help/47-Order-Form-Basics/

    https://www.jotform.com/help/225-How-to-Add-Options-to-Payment-Forms

    While it wouldn't be possible to produce the layout you are looking for, it would be much simpler in terms of setup.

  • mary Jotform Support
    Replied on April 16, 2019 at 10:14 AM

    PayPal integration allows you to set up a recurring payment option.

    1) You need to add PayPal integration.

    1555423182Screen Shot 2019 04 16 at 16 Screenshot 10

    2) You need to select the payment type as "Sell Subscription".

    1555423257Screen Shot 2019 04 16 at 17 Screenshot 21

    3) You need to select the subscription period per your needs.

    1555423378Screen Shot 2019 04 16 at 17 Screenshot 32

    4) You need to add "Form Calculation Widget".

    1555423732Screen Shot 2019 04 16 at 17 Screenshot 43

    You need to click the "Add Field" button to calculate the price.

    To my understanding, you want to custom the first payment cost. To do that, you need to set as Yes to "Set Custom First Payment Cost" option.

    1555423516Screen Shot 2019 04 16 at 17 Screenshot 54

    If you are referring to another issue, could you provide us more details?

    You can look at the guide for more information: How to Setup a Recurring Payment Option

    If you need any help, let us know.


  • FriscoTeam
    Replied on April 16, 2019 at 10:36 AM

    When I do that, I can set the "price" as variable and then pull that from the calculation, which sets the monthly subscription.

    However, I can't set the custom first payment amount to a calculated field.

    Example:  Multiple options for a website setup, which will affect the first payment amount, and  thus ideal for a calculated field. followed by monthly hosting payments, which would either be fixed or limited to very few options.



  • David JotForm Support
    Replied on April 16, 2019 at 12:04 PM

    There isn't currently an option to allow for setting a custom first payment value when passing a calculation value.  Only one value can be passed to the payment field.  If you want a custom first payment, the subscriptions would need to be set up in the payment field with fixed values.