- ReusehawaiiAsked on March 11, 2018 at 10:04 PM
- JotForm DeveloperonurcAnswered on March 12, 2018 at 03:12 AM
Lets set up a basic form together! In your form, in order to complete purchase steps you need to add a payment field.
1. Setup your Payment Field to SELL PRODUCTS.
2. Add all your Products as you see fit.
2a. You need to place the prices of your Products on the PRODUCT NAME. This is needed because we'll hide all the prices later on via CSS.
Select TEXT BOX on the SHOW QUANTITY ON THE FORM AS section and set the LABEL as Amount.
So what's the idea behind this setup? This would mean that any number they type in as a Quantity will be multiplied by 1.
e.g. If they typed in 25 on the Text Box, the Donation Amount would be 25 x 1 = $25.
Complete guide: How-to-Add-Options-to-Payment-Forms
4. Once you're done setting up ALL your Products will be listed, let's hide the prices of these Products using CSS.
Inject the following codes in the Form Builder:
Complete guide: How-to-Inject-Custom-CSS-Codes
What do these codes do? It hides the following prices:
And that's why it was mentioned on Step 2a above that it's necessary to add the prices on the PRODUCT NAME section. That way, your users would still visually know how much each product costs, even after hiding the actual prices with CSS.
Here's the completed form: https://www.jotform.com/71535744282964
Feel free to clone it to better understand the workaround or start you could start building your form from there.
Related guide: How-to-clone-an-existing-form-from-a-URL
If you have any question or comment, please let us know.