I can't get the form working properly for a "Pay by cash or pay later" option.

  • Profile Image
    louisaclayton
    Asked on July 21, 2021 at 12:41 PM

    Hi!

    I can't get the form working properly for a "Pay by cash or pay later" option. I tried a "show/hide" condition, but this wasn't effective. I'm worried I'm going to have to rebuild the entire products/payment area in some other way.

    Can you let me know if there is a way I can add this to my current form, please?

    The form is here:

    https://www.jotform.com/build/211516254867156

    Thank you!

    Louisa

  • Profile Image
    Jed_C
    Answered on July 21, 2021 at 09:52 PM

    If you are trying to create a multiple payment, you'll need to use the iframe widget and embed two different forms. This guide should help you in creating two payments in one form https://www.jotform.com/help/182-how-to-create-a-basic-multiple-payment-form.

    Let us know if you have any questions or if you need further assistance.

  • Profile Image
    louisaclayton
    Answered on July 21, 2021 at 10:34 PM

    Thank you for your reply, Jed. These instructions seem fairly complicated. Is there another way to add a simple pay later option (and still capture the form selections on "submit") without having to go through all these steps?

    Thank you!

    Louisa

  • Profile Image
    Jed_C
    Answered on July 22, 2021 at 06:20 AM

    You can try switching the current payment field and replace it with Purchase Order, see if that works for you. Using PO payment option won't make an actual payment, but you will be able to capture the orders of the customers.

    Guide: https://www.jotform.com/help/460-how-to-create-payment-form-with-purchase-order

  • Profile Image
    louisaclayton
    Answered on July 23, 2021 at 05:18 PM

    Thanks, Jed.

    Can I install both the Purchase Order payment option and the Square option and have a Hide/Show selection button that will only show whichever option the user chooses?

    Thank you!

    Louisa

  • Profile Image
    louisaclayton
    Answered on July 23, 2021 at 05:41 PM

    Since I need both paying by Square and Pay with Cash options, I am trying to create a form with Multiple Payment Options by using the three forms and iframe embed outlined in the instructions you originally sent me:

    https://www.jotform.com/help/182-how-to-create-a-basic-multiple-payment-form

    I have my main form and Square form set up but for my purchase order form, I can't find the "Purchase Order" field under "Payments."

    Can you tell me what I might be doing wrong?

    Thank you!

    Louisa

  • Profile Image
    louisaclayton
    Answered on July 23, 2021 at 06:00 PM

    This is the way I planned to set up these forms:

    For first form (container for iframes): use my current form (with products and Square payment removed).

    For second form (for Square): clone my existing form (that has the Square integration in it) and remove all content except for products and Square integration.

    For third form (for Purchase Order): clone my existing form (that has Square integration in it) and remove all content except for products and add "Purchase Order" field.

    Problems I had:

    When I cloned current form to create second form for Square, the Square field isn't showing up, and when I try to add one in, it tells me I can't add a second payment gateway.

    When I try to preview this new Square form live on my website (after copying iframe/script code and pasting into my live web page), I get an error message.

    I appreciate any help you can give me.

    Thank you,

    Louisa


  • Profile Image
    Jed_C
    Answered on July 23, 2021 at 08:49 PM

    May I know if this is your main form https://www.jotform.com/form/211516254867156? I cloned it and it's showing the Square payment option.

    Check my screencast below:

    1627087752_60fb63888bc22_sq.gif

    As for the website error, can you please share to us the website link so we can see the error?

    Looking forward for your response.

  • Profile Image
    louisaclayton
    Answered on July 24, 2021 at 01:21 PM

    Hi Jed, the URL you pasted in your message is our main working form that we have up on our website here:

    https://www.peoplefirstofwashington.org/convention1.html

    It is working for Square. I had planned to use this main form (or a clone at first so that I didn't screw up our live form) for the "container" form (container for the two iframes).

    I also duplicated this working form to create a second Square form (to use as iframe in first main form) here (and this is where Square is not showing up after cloning):

    https://www.jotform.com/build/212037373603145

    I re-embedded the iframe code this morning, and the form is showing up (I think I had messed up the first time), but the Square info is not--just as it is not appearing in the form.

    Thank you for your help!

    Louisa

  • Profile Image
    Amin_N
    Answered on July 24, 2021 at 06:36 PM

    Hi again,

    "here (and this is where Square is not showing up after cloning): https://www.jotform.com/build/212037373603145"

    Kindly add Square as a payment integration to that form as shown below.

    1627165939_60fc94f3471bc_

    Please give it a try and let us know how it goes.

  • Profile Image
    louisaclayton
    Answered on July 25, 2021 at 05:21 PM

    Hi,

    When I do that, none of the products (convention plans) from above are connected anymore, only the Optional Membership selections show in the total. I had a calculation box under both the convention plans and the optional "Renew your membership" boxes where all selections (plans and membership options) were totaled into the "Total Amount" box. I need the Square to pay for the total amount.

    Any additional help you can give me is appreciated -

    Thank you -

  • Profile Image
    louisaclayton
    Answered on July 25, 2021 at 06:22 PM

    OK! I'm excited now. I started over from scratch from the original form, and I believe I have a form that is performing correctly. It is here:

    https://form.jotform.com/212056572201141

    Yay!

    One last question: the iframe embeds are showing another border. Can I get rid of that border somehow? I don't mind the main form having one, but would prefer the embedded form not to show one.

    Here is the form live on our site:

    https://www.peoplefirstofwashington.org/convention-test.html

    And I'm also attaching a screenshot of the double border and a Photoshopped version showing how I'd like it to look without the double border.

    Thank you!

    Louisa1627251754_60fde42a466e1_IframeBorder.jp1627251754_60fde42a2e7fb_IframeNoBorder.

  • Profile Image
    Amin_N
    Answered on July 25, 2021 at 08:54 PM

    Hi again,

    Kindly inject the following CSS code into both of the embedded forms:

    .supernova .form-all {
      background-color: #fff;
      border: none !important;
    box-shadow: none !important;
    }


    Related guide: How-to-inject-custom-css-codes

    Should you have any further inquiries, we will be more than happy to help.

  • Profile Image
    louisaclayton
    Answered on July 27, 2021 at 02:12 PM

    Thank you!


  • Profile Image
    louisaclayton
    Answered on July 27, 2021 at 02:21 PM

    Amin, can you also tell me if there is a way to have the Auto-Responder email go to two separate emails collected within the form? Many of the people who will be filling out the form are disabled and will be having someone else help them, so we'll be collecting two email addresses and would like the Auto-Responder to go to both of them.

    Thank you!

    Louisa

  • Profile Image
    louisaclayton
    Answered on July 27, 2021 at 03:16 PM

    Me again! Injecting the css code didn't remove border or affect the width of the embedded iframes for me.

    How about if I wanted to keep the border, but simple increase the width of the iframe so that the space on each side of the frame was equal (like attached screenshot)?

    Thank you!
    Louisa

    1627413389_61005b8dc9c61_IframeWidth.jpg

  • Profile Image
    Jed_C
    Answered on July 27, 2021 at 08:34 PM

    Amin, can you also tell me if there is a way to have the Auto-Responder email go to two separate emails collected within the form? Many of the people who will be filling out the form are disabled and will be having someone else help them, so we'll be collecting two email addresses and would like the Auto-Responder to go to both of them. — You can just add another email field where they can put a second email and assign that to another autoresponse email. You'll need two email fields and two autoresponse.

    1627431494_6100a246df578_The Easiest Onl

    1627431534_6100a26ec5e36_The Easiest Onl

    As for the spacing, what you are actually seeing is the spacing of the entire form, if you want to remove the spacing of the form, you can inject the CSS below.

    1627432163_6100a4e320c06_DrawingWindow 2

    ul.page-section {
      padding: 0 0px;
    }

    Then increase the iframe width via properties.

    1627432355_6100a5a3715e5_The Easiest Onl

    Kindly try that and see if that helps.

  • Profile Image
    louisaclayton
    Answered on July 28, 2021 at 02:21 PM

    Great suggestions--worked perfectly and so simple! Thank you!


  • Profile Image
    louisaclayton
    Answered on July 29, 2021 at 02:47 PM

    Hi, I ran into another big problem when I broke out the payment widgets into separate forms and then embedded them into my main form: none of the information from the main form was captured... only information from the embedded forms was retained.

    So I have seven submissions showing from the embedded form, and when I look at the submission data, nothing is showing except for what "products" they selected, so I have no idea who those seven people were.

    Can you help me figure out who these people were, please? We need to let them know their information was not captured and that they need to re-register.

    The embedded form is here:

    https://form.jotform.com/212056495058155

    Can you see any additional information on the back end as to what email addresses were involved in these submissions?

    Thank you,

    Louisa

  • Profile Image
    Amin_N
    Answered on July 29, 2021 at 07:17 PM

    Hi again,

    Checking the main form that has the two forms embedded into it, you don't seem to have added any Submit button to it.

    Kindly note that no data on the main form will be captured if there's no Submit button clicked by respondents. Submit buttons on the embedded forms will only capture data entered on the embedded forms, but they will not capture data entered on the main form.

    Unfortunately, data entered on the main form and weren't submitted can't be recovered.

    I hope I have been of any help.

  • Profile Image
    louisaclayton
    Answered on July 29, 2021 at 09:24 PM

    Hi Amin,

    I'm bummed that submission data is lost! I didn't realize all info not on the embedded form would not be submitted. I redid the form so that almost all of the content is now on the embedded forms, with just one submit button there. Otherwise, I would have needed two submit buttons per form, and I think that would have been confusing.

    Thanks for your help,

    Louisa

  • Profile Image
    Amin_N
    Answered on July 30, 2021 at 12:05 AM

    We sincerely apologize for any inconvenience you may have encountered.

    As previously mentioned, kindly note that each form has to be submitted independently for its data to be captured.

    Should you have any further inquiries, we will be more than happy to help.