In the Form Builder, go to the Advanced section of the Tool box, and drag and drop the Card Payment field onto the form where you would like it to be.
You can customise the name of the field in the 'Question' section in the Field Properties to the right of the screen when you click on the Card Payment field.
If you have already set up the Stripe integration, then the Payment Source should show up as Stripe. If you would like to know how to set up the Stripe integration, then you can follow the link just below:
How do I integrate with Stripe?
From there, you can also add a Tax Name and Tax Amount if you do not have the Tax included within the calculations already on the form. Otherwise, if you have already calculated the tax within the form, you can leave the 'Add on Tax' box unticked, and do not need to worry about those fields.
Next, you will need to tell the Card Payment field where to get the amount owed from, this you can select in the dropdown list beside the 'Get Amount From' option, where there will be a list of calculation fields that you can choose from within the form. Be sure to choose the field where you've calculated the total amount that you would like used for the card payment.
If you would like the client to receive an email receipt for the payment, then in the 'Get Email From' dropdown, you can select the clientEmail option in the dropdown list, which will use the email address that is connected to the client's CRM details.
Once you have set all of that up, then you can Save the Draft and Deploy / Publish the Template, and that payment gateway will be ready to go in the form.
To watch this process in order to see how it can be done, the video just below of one of our many webinars is time-stamped to show you how to set up a Stripe Payment Gateway in your form. It also goes into detail on how you might set up other integrations, as well as setting up your custom invoice to go to Xero if you have a Xero integraiton:
.