Can I integrate my 123FormBuilder order form with Authorize.net?

123FormBuilder is an Authorize.net certified solution, so you can easily integrate Authorize.net with your form. This means you can trust our form builder to receive money in your Authorize.net account from your clients through form submissions.


Setting up your Authorize.net integration

1. Click New Form from your account dashboard and start creating your payment form.

You can use choice fields (Single/Multiple choice and Dropdown lists) to display the products on sale or, even better, the Product field.

2. In your Form Editor, in the left side panel, you will notice the Payments section. By using the search bar, you can quickly find Authorize.net.

Authorize.net

3. After adding Authorize.net to your form, you will notice a couple of changes: the Authorize.net payment processor has a tag near its name and the settings panel opens up to the right side of the page.

Authorize.net added on the form

4. In order to set up the Authorize.net integration, you have to enter the API Login ID and Transaction Key.

5. Lastly, click on the Enable button to turn on the payment integration. By enabling Authorize.net, you will notice a couple of changes on your form.

The Authorize.net payment processor on the left side panel has an Enabled tag on it. This way, you can easily scan which payment processor is enabled on your form.

Authorize.net enabled

Another change is that an Order summary will show up on your form. This will display all the products selected by your respondents, together with the price per option, quantity, and total price. To customize the Order summary, simply click on it and the available settings appear on the right-side panel.

Order summary

The final change is related to the Submit button. Once your payment integration is enabled, the Submit button is changed to Continue to payment. Below it, we display a disclaimer along with the Authorize.net logo so respondents know they are proceeding to payment.

The accepted cards by the Authorize.net integration are also visually displayed so that respondents know from the start what is the accepted payment method.

You can customize the action bar (everything related to the submit button, additional buttons, disclaimer, etc) by simply clicking on this area.

Action bar

Click on the Payment processor below the form to open its settings on the right-side panel. Another thing you can customize is whether you want to show the accepted cards and the icon & logo on the form. By default, they are on.

Show cards

Note: If you disable both Show cards and Show icon & logo, we recommend editing the Text as it wouldn’t make sense for respondents.

Customize text for payment

Authorize.net authentication data

To retrieve either one of your authentication data, follow the steps below:

1. Log in to your Authorize.net account.

2. Go to the AccountSecurity Settings section and select API Credentials & Keys. Here, you can copy the Login ID and Transaction Key that you require back in 123FormBuilder.

Security settings

Important Note

To test your order form, you’ll need a sandbox account created at Authorize’s Sandbox platform for developers.

Use the information of your sandbox account to set up your Authorize.net integration. Enable payments in sandbox and start simulating a transaction.

Sandbox

Tick the option Create a Customer Information Profile (CIM) if you want to save client profiles in your account based on the submitted credit card number from the first purchase. When a form user submits an order for the first time, a profile will be created on Authorize.net with the payment and shipping information. The shipping information may be changed each time the form user submits another order on your form.

Authorize.net CIM

4 comments

    1. Hi Camelia!

      If you go to Form Settings –> Notifications, scroll down till you see the option “Attach submission as a PDF to the notification email.”

      This will send a PDF along with every new submission.

  1. I am having problems with my existing shopping cart and I would like to create a shopping cart using 123forms, I have authorize.net account.

    Do you have any templates available? or Will be easy to create one?

    1. Hello Alex!

      We do not offer shopping carts on 123FormBuilder, but we do offer the possibility to integrate merchant gateways such as Authorize.net to your online order forms. It’s quite simple: you create your order form (customize it as you want), you assign the prices and other payment settings, and integrate it with a payment gateway that we offer. You enter your merchant account information for the two apps to sync so that each submission will create a transaction in your Authorize.net account.

      Payments are available for Platinum plans or higher. See our features matrix for more information about each plan.

      Contact our support specialists at support@123formbuilder.com or via our contact form if you require more details or need assistance.

      Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form for more information. in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?