After setting up the CivicPlus Pay integration, you can add Payment Events to forms. Payment events allow users to process transactions as part of the form submission. These will be completed after any scheduling events if they are configured.
Learn how to Build a Form that Accepts Payments.
Important Notes
The user can only be directed to one payment gateway. If you need to add multiple gateways to a form, ensure that conditional logic is configured so that only one payment gateway can ever run for a submission.
To embed a form with a payment you will need to create a payment receipt page on your website. Learn more about Embedded Forms with Payments.
Instructions
Navigate to Forms and open an existing form
Click the Workflow tab
Select Payment Events and click Add Payment Event
Choose the Gateway from the dropdown
Select how you wish to configure the Payment Amount
Form Element: The dropdown will display a list of all Number and Calculation elements from the form.
Fixed Amount: Enter a fixed payment total that users will be charged.
Calculation: Calculate the payment total using form elements, rounding, null values, and math expressions. Learn more about Calculation elements.
To have the Payment Event only run under specific conditions, toggle on Run Conditionally and configure the conditional logic for the event
If needed, click Add Payment Event to add another event
Note:
The user can only be directed to one payment gateway. If you add multiple payment events to a form, ensure that conditional logic is configured so that only one payment gateway will run for a submission.
Click Save
Now, when a user submits the form and meets any set conditions, they will see a payment screen where they can process the transaction
Note:
This screen will differ depending on the payment gateway.
Once their payment information has been processed, they will be able to view their Receipt
