Is there a way to offer a custom ordering option

  • 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!!

  • VincentJay
    Replied 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 Screenshot 10

    We'll wait for your response. Thank you.

  • hmsimplews
    Replied on October 27, 2019 at 2:50 PM
    Yes, that is exactly what I want.
    Thanks!
    ...
  • Welvin Support Team Lead
    Replied on October 27, 2019 at 3: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

  • hmsimplews
    Replied on October 27, 2019 at 4:50 PM
    Thank you! I will let you know when I need the CSS help!
    Donna
    ...
  • hmsimplews
    Replied on October 27, 2019 at 4:50 PM
    I have added the custom amount item; just need the $1 removed from the
    description. Thank you!!
    https://form.jotform.com/92994057486171
    ...
  • Welvin Support Team Lead
    Replied on October 27, 2019 at 5: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

  • hmsimplews
    Replied on October 27, 2019 at 5: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?
    ...
  • jonathan
    Replied on October 27, 2019 at 7:05 PM

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

    Example:

    1572217509zzz 2019 10 28 07 Screenshot 10


  • hmsimplews
    Replied on October 27, 2019 at 8:50 PM
    It worked!! Thank you!
    ...