Wix Forms: Adding Payments to a Site Form

10 min read
Add payments to forms to allow visitors to buy products, register for fitness classes, or purchase 1-1 services. Once a visitor submits the form, they are sent to a checkout page to complete their payment. 
Before you begin:
screenshot of registration form made on wix.
How do I know if I'm using old Wix Forms or new Wix Forms?
This article will help you understand the differences between old and new Wix Forms. 

Step 1 | Add a form to your site

Add a form to your site to gather valuable insights while allowing your visitors to submit inquiries, subscribe to newsletters, make purchases and more. 
New Forms
Old Forms
  1. Click Add Elements  on the left side of the editor.
  2. Click Contact & Forms.
  3. Choose from the following options: 
    • Create a new form.
    • Add an existing form. 
    • Select a form template.
  4. Drag the desired form onto the page.
screenshot fo add element panel in wix editor. contact and forms highlighted.

Step 2 | Set up payments in your form settings

Now that you've added a form, it's time to set up the products or services that visitors will purchase through the form. 
New Forms
Old Forms
Added an Order Form template?
These templates use the old Wix Forms. Follow the steps in the Wix Editor tab instead.
  1. Click the form you want to add payments to.
  2. Click Edit Form
  3. Choose one of the following options under Payments fields: 
    • Product: Sell products directly from your form.
    • Fixed price: Collect payments for services, registration fees, deposits and more.
    • Custom price: Let people choose the amount they want to pay.
    • Donation: Accept contributions for your cause or organization.
  4. Click the General tab.
  5. Depending on what payment option you select, follow the steps below. 
Good to know:
Head over to the Advanced tab to edit the products field key and image size. A Field key allows you to quickly reference the product field in code. Image resizing lets you choose whether the image should fit or fill the product thumbnail.
Tip:
Write a few details about your product/service within your form to give your site visitors more information about what they're purchasing.

Step 3 | Connect a payment provider

The final step, before you can start collecting payment through your form, is connecting a payment provider that meets your needs. 
Already connected a payment provider?
You can skip this step. 

To connect a payment provider:

New Forms
Old Forms
  1. Click Connect Payment
  2. Set up your payment provider in the Accept Payments tab.
  3. (If you have not upgraded your site) Click Upgrade
  4. Click Back to forms to be taken back to your form setup.
screenshot of product field settings in wix form builder.
  1. (In the editor) Click Save
  2. Click Publish to see your form on your site. 
Remember:
If you create your own form, remember to add a Submit field so your visitors can share their submissions. 
What's next?
Design your form to tailor the form fields and background to your brand.

FAQs

Click a question below to learn more:

Did this help?

|