How to use a Payment field

With GoCanvas, you can create mobile forms that allow your users to collect payments for your company while in the field. This topic shares instructions for capturing a credit card with or without a Square card reader, and instructions on how to record cash transactions.

Note: Payment fields currently function with Square, which is available in the U.S. only. 

Using a Payment field with a card reader or credit card

If you want information on how to set up a form with Square, click here. If you want more information on the supported devices used to capture credit cards with Square, click here.

If you have not set up your form with a Payment field yet, take a moment to add one to your form in the Form Builder.

Important: After you add the field to your form, make sure it's pointing to the correct field to reflect the total you want to capture. It's easy to accidentally let this point to a subtotal field or tax field, so make sure you double check these settings by clicking on the Payment field:

If you already have a Payment field set up, follow the steps below to use it with a credit card, either using a card reader or by manually punching in the card number. 

1. Open your Form on your mobile device.
2. Make sure you put a value into a Total field that is between $1.00 and $10,000.00.
3. When you arrive at the Payment field, tap Capture Payment. 
   
   
   
   
4. The total payment amount to be captured is displayed, along with options to Continue or to view Settings. Tap Continue to proceed with capturing payment. 
   
   
   
   
5. Either swipe the credit card to capture payment on this screen, or tap Manual Card Entry to input the number by hand. 
   
   
   
   
6. After swiping the card, Square will prompt you to receive a signature and tap Done Signing. You will then see a confirmation screen that confirms the transaction is complete.
   
   
   
   
7. The Payment field will now say Payment Captured.
   
   
   
   
8. If you click on Payment Captured, you can see the Payment Information.
   
   

Using a Payment field with cash

You can also use a Payment field with cash. 

1. Follow steps 1-3 above.
2. Select Cash from the payment type options.
   
   
   
   
3. Enter the amount of cash collected and hit Tender. The next screen will tell you the amount of change to give back. 
   
    
   
   
4. The Payment field will now say Payment Captured.
   
   
   
   
5. If you click on Payment Captured, you can see the Payment Information.