Blog

Here to Help: Processing Payments with Your Online Forms

Blog

Here to Help: Processing Payments with Your Online Forms

Blog

Here to Help: Processing Payments with Your Online Forms

Blog

Here to Help: Processing Payments with Your Online Forms

Blog

Here to Help: Processing Payments with Your Online Forms

Download PDFDownload PDF
Blog

Here to Help: Processing Payments with Your Online Forms

Jessica Haas
/
March 22, 2017
Blog

Here to Help: Processing Payments with Your Online Forms

MIN
/
March 22, 2017
About the Episode
Episode Highlights
Meet our Guest
Episode Transcript

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

Blog

Here to Help: Processing Payments with Your Online Forms

Blog

Here to Help: Processing Payments with Your Online Forms

Get the Report

Not a valid e-mail address

Great, thank ya!

You can now access the content.
Oops! Something went wrong while submitting the form.
Blog

Here to Help: Processing Payments with Your Online Forms

Panelists
No items found.
Introduction
Introduction

Great, thank ya!

You can now access the content.
Download NowDownload Now
Oops! Something went wrong while submitting the form.

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

Panelists
No items found.
Infographic

Here to Help: Processing Payments with Your Online Forms

Learn the basics of integrating your Formstack online forms with online payment processing to complete transactions online.
Download InfographicDownload Infographic

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

Collecting payments with online forms is easy, but first, you have to choose the right payment gateway. Browse the providers in our gateway credit card processing comparison chart to find the best option for your business. Then sign up for Formstack Forms, customize your payment forms, and start collecting profits in minutes.

Online Payment Gateway Comparison Chart

NOTE: These amounts reflect the monthly subscription for the payment provider. Formstack does not charge a fee to integrate with any of our payment partners.

FEATURES
Authorize.Net
Bambora
Chargify
First Data
PayPal
PayPal Pro
PayPal Payflow
Stripe
WePay
Monthly Fees
$25
$25
$149+
Contact First Data
$0
$25
$0-$25
$0
$0
Transaction Fees
$2.9% + 30¢
$2.9% + 30¢
N/A
Contact First Data
$2.9% + 30¢
$2.9% + 30¢
10¢
$2.9% + 30¢
$2.9% + 30¢
Countries
5
8
Based on payment gateway
50+
203
3
4
25
USA
Currencies
11
2
23
140
25
23
25
135+
1
Card Types
6
13
Based on payment gateway
5
9
9
5
6
4
Limits
None
None
Based on payment gateway
None
$10,000
None
None
None
None
Form Payments
Recurring Billing
Mobile Payments
PSD2 Compliant

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

“Here to Help” is a support column written especially for Formstack’s awesome, loyal customers.

It’s official: People prefer to make most of their purchases online. A survey by comScore and UPS revealed that consumers tipped the scale with online shopping in 2016, buying more products online than in stores for the first time ever. If you’re not offering your customers a way to complete transactions online, now’s the time. But we’re not an ecommerce company, you say. No matter. Regardless of what people are purchasing, they’re more likely to complete a transaction if they can do it online. Nothing beats the convenience of secure online payment processing.If you don’t know where to start, don’t panic. That’s why we’re here! In this post, I’ll walk you through the basics of using your Formstack forms to begin accepting payments online for everything from event tickets to donations.

1. Pick a Payment Gateway Integration

If you accept payments in person, there’s a good chance you’re already using a payment processor that integrates directly with Formstack. If you’re not currently using a payment gateway service, you have two options:

Off-form integrations redirect your customers to your payment processor’s website to complete payment, and they are most commonly used with services like PayPal and WePay.

On-form integrations allow the customer to enter credit card details directly into your Formstack form. This type of integration typically takes a little longer to set up since it requires mapping credit card fields to your payment processor.

For help determining which payment gateway is best for your business, take our payment gateway quiz.

2. Set Up Your Form to Accept Payments

Before you can begin accepting payments, you’ll need to add the right fields to your online form. We’ve removed a lot of the guesswork from this step with templates that are accessible within the form builder.For example, if you’re selling items that people may want to purchase in bulk quantity, you can start with our self-calculating form template. Within the Forms tab, select Create New Form > Start with a Template > Sales > Self-Calculating Order Form.

Formstack form template

This will bring up a pre-populated form you can customize with the correct labels, prices, and quantity options.

Formstack self-calculating form

If you’re using an on-form payment processor, you will need to enable SSL and add a credit card section.

Formstack Credit Card field

Note: A Credit Card field isn’t necessary for off-form processors like PayPal, since your user will be redirected to another site to submit payment after completing your online form. For more tips you can use to create a standout payment form, check out our Creating the Perfect Consumer Transaction Experience with Online Forms post.

3. Integrate Your Payment Processor with Your Form

Once your online form is ready, the next step is to connect it to your payment processor. Navigate to Settings > Integrations > Payments and click Add next to the payment gateway you use.

Formstack payment integrations

You will be asked to enter your payment processor account information, such as the email or subdomain associated with your account and an API transaction key or login ID. At this stage, be sure to select TEST or OFF under Run mode until you are ready to officially begin accepting online payments.

Payment Processor Info

Once you have entered your payment processor credentials, the last step is to map your form fields to your payment processor’s integration settings.

Mapping Payment Gateway to Formstack Forms

For more step-by-step guidelines on how to set up different types of payment processor integrations, as well as tips for avoiding common mistakes, use this guide or search for your specific payment processor in our support center.

Accepting payments on your online forms is a great way to meet customers right at the moment they’re ready to buy from you—but it’s only half the battle. Many of our customers struggle to determine which payment gateway integration will be most efficient and affordable. Our comparison chart includes everything you need to know to make an informed decision. Click the link below to review it now.

Jessica Haas
Jessica is the Director of CX & Professional Services at Formstack and has been with the company since 2012. Most of the time, her brain is consumed by thoughts of service design, customer happiness, and creative solutions. She wants to make a difference for people and hopes to someday become a master of zen.
More Articles
Meet The Host
Content Marketing Manager
Connect
Lindsay is a writer with a background in journalism and loves getting to flex her interview skills as host of Practically Genius. She manages Formstack's blog and long-form reports, like the 2022 State of Digital Maturity: Advancing Workflow Automation.