Wix Forms: Adding Payments to a Site Form

9分で読める
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. 
始める前に
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. クリック エレメントの追加  エディターの左側にある
  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.

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. Click Product or Donation under Transaction fields
  4. Click Install Checkout
    Note: If you have added the Product Order Form template, skip this step.
  5. Click the General tab.
  6. Depending on whether you want to sell products or raise donations, 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.
ヒント
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.
  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.

よくある質問

Click a question below to learn more:

これは役に立ったか?

|