Help Center
    Help Center
  1. Managing your business
  2. Accepting payments on your site
  3. Payment methods and providers
  4. Payment Basics
    5. Adding and Setting Up a Pay Button

Adding and Setting Up a Pay Button

4 min read
Important:
To accept online payments using a Pay Button, you must purchase a plan that allows you to accept payments. 
Add a Pay Button to your site for a quick and easy checkout. When clicked, it takes visitors directly to the checkout page, streamlining the purchase process. After adding the button, you can link a payment method, choose its layout, and customize the design to fit your site.
A screenshot showing the pay button and what it looks like when you first add it to your editor.

Step 1 | Add a Pay Button

Get started by adding a Pay Button to your site from the App Market. You can add multiple buttons to your site for a quick and easy express checkout.

To add a Pay Button to your site:

  1. Go to your editor.
  2. Click Add Apps  on the left side of the editor.
  3. Search for the Pay Button app.
  4. Click Add to Site.
A screenshot showing that you can search for 'Pay Button' in the app store and then add it to your site.

Step 2 | Set up your payment method

Choose how you want to accept payments from visitors through your Pay Button. Wix offers a number of options to accept payments that vary by location.

To connect a payment method to your Pay Button:

  1. Click the Pay Button in the editor. 
  2. Click Manage Payment Methods. 
  3. Click Connect next to the relevant payment methods (you can select multiple).
    Tip: Check your business location at the top right. If incorrect, click the drop-down menu to change it.
    a screenshot showing you can change the business location.
  4. Follow the relevant steps to complete the set-up process:
    • Automatically Connected: You can start accepting payments immediately, but in order to receive the funds, you must complete the set-up process below.
    • Recommended Provider: To accept payments, you must create an account or connect an existing account with the recommended provider:
      1. Click Set Up Account.
      2. Connect your account:
        • Have an account: 
          • Enter your credentials.
          • Click Sign in and follow the steps to connect your account.
        • Don't have an account: 
          • Click Create new account and follow the steps to create your account.

Step 3 | Customize the settings of your button

Customizing your Pay Button settings enhances user experience and boosts conversion rates. You can customize the button to match your brand and meet customer preferences.
Note:
Only site owners can edit the following settings. Collaborators with other roles don't have access to this section. 

To customize the settings of you button:

  1. Click the Pay Button in your editor.
  2. Click Settings. 
  3. Enter the product's name of the product your customer is purchasing under Item Name.
  4. Enter the product's price under Item Price.
    Note: Click Change Currency if needed. 
  5. Edit the text that appears on the button under What does this button say? 
  6. (Optional) Enable the Show Terms & Conditions Checkbox toggle to show a link to your Terms & Conditions. 
  7. Check the email address under Email Notifications. If you need to get notifications to a different email, click General Info to change it. 

(Optional) Step 4 | Choose a layout for your button

Set up how you want the button to look on your site. You can choose how the text appears on your button and customize it to match the theme of your site. 

To choose the layout of your button:

  1. Click the Pay Button in your editor. 
  2. Click the Layouts icon .
  3. Select the direction and alignment for the button's text.
A screenshot showing you can click on layout and then change the settings of the button layout.

(Optional) Step 5 | Customize the design of your button

Select a preset design for your Pay Button or change it to match your site. This helps your site look more consistent and easier to use.

To customize the design of your button:

  1. Click the Pay Button in your editor.
  2. Click the Design icon .
  3. Choose one of the preset designs for your button.
  4. Click Customize Design for advanced options for the Regular and Hover view: 
    • Fill Color & Opacity: Select the button's color and opacity. 
    • Border: Design your button's borders.
    • Corners: Round your button's corners.
    • Shadow: Add and design a shadow for your button. 
    • Text: Design your button's text. 
a screenshot showing the button design settings once you click design.

FAQs

Click a question below to learn more about setting up a Pay Button.

Did this help?

|
In this article
  • Step 1 | Add a Pay Button
  • Step 2 | Set up your payment method
  • Step 3 | Customize the settings of your button
  • (Optional) Step 4 | Choose a layout for your button
  • (Optional) Step 5 | Customize the design of your button
  • FAQs

Related content

Accepting Payments: An Overview
Accepting Payments by Credit Card
Connecting PayPal as a Payment Provider

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.
Get Matched