Is there a way to offer a custom ordering option

  • Profile Image
    hmsimplews
    Asked on October 27, 2019 at 11:46 AM

    I have created a gift certificate ordering page.  Is there a way to add an option for folks to create a custom amount; i.e. maybe they would like to order one $250 gift card?

    Thanks!!

  • Profile Image
    VincentJay
    Answered on October 27, 2019 at 12:01 PM

    Just to clarify, you want to add a Blank Option or Custom Amount field so the user can put the amount they want? Is that correct?

    1572192031vzxaw.png

    We'll wait for your response. Thank you.

  • Profile Image
    hmsimplews
    Answered on October 27, 2019 at 02:50 PM
    Yes, that is exactly what I want.
    Thanks!
    ...
  • Profile Image
    Welvin
    Answered on October 27, 2019 at 03:20 PM

    You need to add a Custom Amount item, add 1 as the price then enable the quantity box which will be the amount input for your users. However, this is just a workaround. The quantity will be visible in your end or when you create the report.

    To hide the amount, you can do it with custom CSS codes. We can help you with the custom CSS once you have the item in the form. 

    Here's a demo form you can check: https://form.jotform.com/92996050333965

  • Profile Image
    hmsimplews
    Answered on October 27, 2019 at 04:50 PM
    Thank you! I will let you know when I need the CSS help!
    Donna
    ...
  • Profile Image
    hmsimplews
    Answered on October 27, 2019 at 04:50 PM
    I have added the custom amount item; just need the $1 removed from the
    description. Thank you!!
    https://form.jotform.com/92994057486171
    ...
  • Profile Image
    Welvin
    Answered on October 27, 2019 at 05:02 PM

    Add the following custom CSS codes in the form to hide the price:

    #cid_26 span:nth-child(11) span.form-product-details {

        display: none;

    }

    If you want to adjust the quantity/amount box, add the following custom CSS codes:

    input#input_26_quantity_1007_0 {

        width: 50px;

    }

    Adjust 50px to your preferred width. 

    Guide to add the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • Profile Image
    hmsimplews
    Answered on October 27, 2019 at 05:50 PM
    When I open the styles tab, there is code in the box for inject custom
    css....where is the proper spot to insert the code?
    ...
  • Profile Image
    jonathan
    Answered on October 27, 2019 at 07:05 PM

    You can append the CSS codes to those existing in the form.

    Example:

    1572217509zzz 2019-10-28 07.03.47.png


  • Profile Image
    hmsimplews
    Answered on October 27, 2019 at 08:50 PM
    It worked!! Thank you!
    ...