In order to accept debit and credit card payments via forms you need to first link the forms tool to your Authorize.net account (a one-time step) and then configure any form which accepts online payments.

Link Your Authorize.net Account

Note: Member Splash does this for your as part of your set up process. This would only be necessary if you change your Authorize.net account or want to generate new API credentials at some point. Otherwise you can simply skip to the next step.

 

To link your Authorize.net account to to Forms -> Settings -> Authorize.net.

You’re want to make sure the Mode is set to Production. The API Login ID and Transaction Key you obtain from your Authorize.net account (directions for that are found here: https://support.authorize.net/s/article/How-do-I-obtain-my-API-Login-ID-and-Transaction-Key ). Once you have entered your credentials and hit the blue Update Settings button you’ll see check marks next to each indicating that the credentials are valid and active. 

 

Configure a Form for Payments

Each form you add to your site can be configured to accept payments. Clubs often use them for things like lesson and camp registration, RSVP forms for social events, and for party rentals. Any form can be figured to take payments by first adding credit card fields to the form for entering payment information and then going to the form settings and clicking on Authorize.net to configure the payment options.

 

Adding Credit Card Fields

Open the form in the form editor and click on the Pricing Fields group on the right hand side. From there click on Credit Card to add it to the form or hold the right mouse button down and drag the field to the specific spot in the form where you want it. Click on the field to open its settings and at the bottom under Rules check Required.

 

If your form is only taking payments online then you’re done and you can just hit the blue Update Form button. If the form also accepts paper checks or some other payment method (ex: bring the fee to the event) then you’ll need to click on the Advanced Tab and configure Conditional Logic as shown. 

In the above example there is a form field called Payment Method that members use to indicate if they are paying online, via paper check, etc. Setting up conditional logic means the credit card fields will only be displayed if the selected payment method is online (and obviously only required if they are displayed).

 

Linking Authorize.net

The final step is to set up an Authorize.net “feed” for the form. The forms tool we use, Gravity Forms, has lots of tools for doing additional things when an entry is submitted. They call those additional actions feeds — as in you are feeding the form data to something else. In this case we’re feeding it to Authorize.net for processing.

 

Once you click on the Authorize.Net link you’ll be prompted to create a new feed. 

 

The first thing you’ll do is give the feed a name. You can call it anything you want; we typically name it for the form it applies to. Note: Each form can have multiple feeds of the same type. You’ll rarely, if ever, have a use for this. But hypothetically you could set up two Authorize.net feeds for a single form, allowing you to direct payment to different parties based on the entry.

 

For Transaction Type choose Products and Services.

 

Once you select Products and Services the settings screen will update to show a Payment Amount field and an Other Settings section. 

The Payment Amount will default to Form Total which is likely what you want. The Billing Information fields are not required for payment. If your form has fields such as an address or email field it will offer to map those to fields that can also be submitted.

 

If you’d like the person making payment to get a receipt directly from Authorize.net simply click that check box. If your form accepts both online and offline payments use the Conditional Logic field to indicate which form entries this feed should apply to, like so:

 

When you are done just hit the blue Update Settings button and you are all set.


NOTE: If you would like to pass the online processing fee to the payee follow the directions here: https://membersplash.com/user-guide/adding-online-processing-fee-to-forms/