How can you separate products from billing.

  • mgeorgievski
    Asked on June 26, 2017 at 6:18 PM

    I am trying to create a form similar to legal zoom where it allows the user to choose the state initially and then at the end of the form it will show the total price and require billing information. It seems that it won't let me separate the two though, anyone else having this issue or have a solution?

  • Kevin Support Team Lead
    Replied on June 26, 2017 at 8:30 PM

    I presume you are using Authorize.net integration as it has a billing address section, do note that the payment field cannot be separated, but you could apply the following workaround. 

    You would add a separated address field to your form and copy the entered information to the address section on the payment field. To achieve it you will use conditions, here is an example: 

    How can you separate products from billing Screenshot 20

    You could also hide the address section on the payment field with some CSS code, but may we have the form you're working on so we can help you with the needed code? 

    Let us know, we will be glad to help you. 

  • mgeorgievski
    Replied on June 26, 2017 at 8:50 PM

    Hey Kevin, the issue is that there will be multiple "options" 

     Each Company type has a different cost and each state has their own fees.

    I don't want them to fill out the entire form and the fill out the most important information for last

     

     

    Okay So imagine,

     

    Page 1:

     

    State (String/w different values)

    Type of Company  (String/ w different values)

     

     

    Page 2: 

    Address  (String)

    Name (String)

    Etc

     

    Page 3:

    * State Answer Cost *

    * Type of Company Cost *

    Shipping Type (String /w different values)

    Other Addons (String / w different values

    Billing Address/ Card Information 

     

  • Kevin Support Team Lead
    Replied on June 26, 2017 at 10:47 PM

    As I could understand, you would need to have the form field separated to capture the information on different pages of your form. 

    Do note that the payment information only asks for payer info and billing address, the name in the payer info section as well as the billing address can be pre-filled as explained abobe, you can see an example here: https://form.jotformpro.com/60486226825965 

    However, products cannot be conditionally selected, you would need to use the "User defined amount" payment type this way you will be able to split your products by setting them up using basic fields. 

    Here are some guides that will help you if you decide to implement this method. 

    How-to-Assign-Calculation-Value

    How-to-Perform-Form-Calculation-Using-a-Widget

    How-to-Pass-a-Calculation-to-a-Payment-Field

    Basic fields can be found under the add form element section: 

    How can you separate products from billing Screenshot 30

    How can you separate products from billing Screenshot 41

    Hope this helps.