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

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

“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’renot 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

Panelists
No items found.
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’renot 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’renot 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’renot 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
ProPay
Monthly Fees
$25
$25
$149+
Contact First Data
$0
$25
$0-$25
$0
$0
$4
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¢
$2.6% + 30¢
Countries
5
8
Based on payment gateway
50+
203
3
4
25
USA
USA
Currencies
11
2
23
140
25
23
25
135+
1
1
Card Types
6
13
Based on payment gateway
5
9
9
5
6
4
4
Limits
None
None
Based on payment gateway
None
$10,000
None
None
None
None
$500 per transaction
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’renot 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’renot 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’renot 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’renot 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’renot 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
CEO of
Connect
Chris is on a mission to turn people into great leaders. He's passionate about helping problem solvers see more value in the work they do every day.