Authorize.net
Configuring payment settings for Authorize.net allows for Wufoo to collect a form’s entries and Authorize.net to collect a form’s payment. This section explains what the user experience will be like, how to set up Authorize.net integration inside of Wufoo, and what you need to do to your Authorize.net account.
On this Page
Configuring Wufoo
Authorize.net requires a login Id and a transaction key. Please note that neither of these items are the login or password that you use to log into Authorize.net. They are completely separate from logging into your account and can be obtained by following these steps:
On the first page, look for the “Account” section at the bottom left hand side. Click on “Settings”.
On the settings page, click on “API Login ID and Transaction Key”, which is located in the “Security Settings” section.
Your API login Id should show on the API Login ID page, and to obtain a transaction Id, follow the instructions in the “Create New Transaction Key” section.
** Please note that Authorize.net can change their settings and the official documentation on obtaining a login Id and transaction key can be found at https://account.authorize.net/ui/themes/anet/User/TransactionKey.aspx#.
Configuring Authorize.net
There are a number of settings that can be configured to make your Wufoo/Authorize.net integration more seamless for you and for your users. By logging into your Authorize.net account, you can control the look of the Authorize.net payment form, email your users a payment receipt after they successfully fill out the Authorize.net payment form, and configure your Authorize.net account to automatically send updates regarding the status of a form’s payment.
Integrate Authorize.net Payment Status with Wufoo
When a Wufoo payment form is completed, you can view the status of the submission (i.e. Paid, Unpaid, Pending, Refunded) in the Wufoo entry manager. By default, all submissions will be marked as “Unpaid”, but if you would like Wufoo to update that status in real time as your users pay, you will need to configure your Authorize.net account to send updates concerning each submission’s payment status to Wufoo. You must complete this step in order to use Authoize.net’s gateway and in order to do this:
On the first page, look for the “Account” section at the bottom left hand side. Click on “Settings”.
Click on “Response/Receipt URLs”, which is located in the “Transaction Format Settings” section.
Click on the “Add URL” link that is located in the Response/Receipt URL page.
You will then see a textbox where you can add your form’s unique URL. This URL is in the format of https://YOURNAME.wufoo.com/merchant/authnet/YOURFORM/. So, if the name of your Wufoo account was “myaccount”, and the name of your form was “my form”, then the URL to enter into Authorize.net would be https://myaccount.wufoo.com/merchant/authnet/my-form
For EACH and EVERY form you have hooked up to Authorize.net, you must add a unique URL in the Response/Receipt URL section.
Customize Authorize.net Payment Form
Since your users will be redirected to a secure Authorize.net payment form to fill in their billing information, you might want to customize the feel of the payment form and the billing information that is asked of your user. In order to customize the form and the fields that show on the Authorize.net form, please do the following:
On the first page, look for the “Account” section at the bottom left hand side. Click on “Settings”.
On the settings page, the first section is labeled “Transaction Format Settings”. In that section, click on “Payment Form”.
In the payment form area, you can customize the header, footer, color settings, and the form fields that appear on the Authorize.net payment form. To customize each area, just click on the appropriate link.
Note that in order to send your users a receipt after they successfully pay through Authorize.net, you must collect their email address. To ask for an email address, customize the form fields to ask for “Email” in the “Customer Billing Information” section.
Send Your Users a Receipt
If you collect a users email address when they complete the Authorize.net payment form, you can opt to send them receipt via email. To do this:
Head to the “Settings” section as described in the previous section.
Click on “Email Receipt” which is located in the “Transaction Format Settings” section.
Check “Email transaction receipt to customer (if email address is provided)”
Add any text that you would like to be sent to your users in the email receipt.
The User Experience
The user experience for the Authorize.net and Wufoo integration consists of three major processes.
Movie - Authorize.net Submission from a User’s Perspective
Complete Wufoo Form
The user will complete your Wufoo form just like they would any Wufoo form. This form will validate for any errors, and when a form validates and is submitted, the user will redirected to Authorize.net to pay.
Complete Authorize.net Payment Form
When the user is redirected to Authorize.net for payment, they will be presented with a listing of the items they are purchasing and a form to collect their payment information. This for can be customized by you, and to learn more on how to customize your payment form, scroll down to the configuring Authorize.net section. After the user successfully submits the payment form, they will be redirected back to Wufoo.com.
View Confirmation Page
When the user is redirected back to Wufoo.com, they will land on your confirmation page. This page can only be a custom message set up by you. A redirect to a custom page is not allowed when using Authorize.net. To learn more about configuring a confirmation page, please take a look at the documentation on Wufoo’s form builder.
Authorize.net Errors
(13) The merchant login ID or password is invalid or the account is inactive. - This error occurs when either your login Id or transaction key are invalid. Please refer to the section on Configuring Authorize.net and make sure that you have obtained the proper login Id and transaction key.
(14) The referrer, relay response or receipt link URL is invalid. - This error occurs when you have not entered a response/relay URL into Authorize.net, or the response/relay URL is incorrect. Please refer to the topic on integrating Authorize.net’s payment status with Wufoo in the on Configuring Authorize.net section.
(99) This transaction cannot be accepted. - This error occurs when you have entered an incorrect Transaction Key into Wufoo. Double check to make sure that the Transaction Key provided by authorize.net is exactly what you entered into Wufoo.
