x
Alumni

How to Connect Square Payments to your eCommerce Partner Site

Growing your business often means starting to sell online, and using website builders like Weebly and Wix can greatly simplify the task. Square has been building partnerships with popular e-commerce partners, to make it easy to sell online and use Square for payments.

 

Thanks to these integrations, it’s really easy to connect Square to your website if you’re using one of our partners - no coding required. Note that our partners may make changes, and we’ll do our best to keep this post updated with the latest steps, but you can always check on the partner’s website as well. I’ll outline the steps to take for each web platform below, but first:

 

Does my site work with Square?

We’re adding new partners to the App Marketplace all the time, but right now Square connects with: Weebly, Wix, BigCommerce, Ecwid, 3dcart, WooCommerce, Drupal Commerce, Magento, and Zen Cart.

 

Looking to launch your online store with Square but not sure which provider to choose?

 

Ready to connect Square to your online store now?

Find your provider below:

 

Weeblygiphy

 

 

  1. Log in to your Weebly dashboard (on www.weebly.com).
  2. At the top of your screen, click the tab that says “Store.”
  3. On the left side, you’ll see a menu. Select “Setup” (at the bottom of the list) and then select “Checkout.”
  4. Find Square and select “Connect.”
  5. Log in with your Square username and password. Click “Allow” on the permissions page that comes up next. This is allowing Square and Weebly to connect to each other.
  6. You’re done!

 

Wix

 

giphy

 

Square is available as a payment option for the Wix eCommerce and VIP plans.

  1. Log in to your Wix dashboard (on www.wix.com).
  2. Open your Store Manager: On the left side of your screen, you’ll see a menu. Select “My Store” and then “Manage Your Store” to get to the Store Manager page.
  3. Click the “Business Setup” tab.
  4. Click the “Payments” tab.
  5. Under “Add Payment Methods” you’ll see “Credit Cards.” Click “Connect.”
  6. Find Square and click “Connect.”
  7. Log in with your Square username and password. Click “Allow” on the permissions page that comes up next. This is allowing Square and Wix to connect to each other.
  8. You’re done!

 

BigCommercegiphy

 

Log in to your BigCommerce dashboard (on www.bigcommerce.com).

  1. On the left side of your screen, you’ll see a menu. Click on “Store Setup” (about ¾ of the way down), then select “Payments.”
  2. You should see Square as a recommended option at the top of the page. If so - great! Click on “Get Started” and go to Step 6.
  3. If not: On the main screen, click the box that says “Other Online Payments.” Scroll down until you find Square. Click “Set Up.”
  4. On the next page, select “Connect Square Account.”
  5. Log in with your Square username and password. Click “Allow” on the permissions page that comes up next. This is allowing Square and BigCommerce to connect to each other.
  6. You’re done! BigCommerce may also prompt you to import or sync your Square items and inventory, which could be helpful.

 

Questions? The BigCommerce Support site has more information about connecting Square and BigCommerce here.



Ecwidgiphy

 

Log in to your Ecwid dashboard (at www.ecwid.com).

  1. On the left side of your screen, you’ll see a menu. Select “Settings” then select “Payment.”
  2. Find Square, and click “Set Up Square.”
  3. Log in with your Square username and password. Click “Allow” on the permissions page that comes up next. This is allowing Square and Ecwid to connect to each other.
  4. You’re done!

 

You can also do this from the Square Dashboard if you prefer:

  1. Log in to your Square Dashboard (at www.squareup.com)
  2. On the left side of your screen, you’ll see a menu. Select “Apps.”
  3. Scroll down to the E-Commerce section and find Ecwid. Select “Get Started.”
  4. Click “Allow” on the permissions page that comes up next. This is allowing Square and Ecwid to connect to each other.
  1. On the next page, select “I already have an Ecwid store” and log in with your Ecwid username and password. Click “Accept” on the authorization page.



3dcartgiphy

 

  1. Log in to your 3dcart dashboard (at www.3dcart.com).
  2. On the left side of your screen you’ll see a menu. Select “Settings” and then “Payment.”
  3. Click “Select Payment Methods” under Payment Methods.
  4. Scroll down to the second section, Payment Methods, and select “Add New.”
  5. From the "Payment Method" drop down menu, scroll down and select "Square."
  6. Specify parameters such as Country/State, Min/Max Order amount, and Customer Group that you want to be applied to purchases made with Square on your site.
  7. Once you're ready, click "Add New."
  8. The page will refresh, and now Square appears in the Payment Methods box. Select “Click to connect with Square.”
  9. Log in with your Square username and password. Click “Allow” on the permissions page that comes up next. This is allowing Square and 3dcart to connect to each other.



WooCommerce

To use Square with WooCommerce, you’ll need to purchase the extension for $79.

  1. Log in to your WooCommerce dashboard (at www.woocommerce.com).
  2. Navigate to the Extensions page, and search for Square in the search bar.
  3. Purchase the Square extension and download the file.
  4. Once the file has downloaded, go to: WordPress Admin > Plugins > Add New. Select Choose File and upload that zip file you just downloaded (the Square extension).
  5. Next, go to: WooCommerce > Extensions > Settings > Integration > Square.
  6. Select “Connect with Square,” then log in with your Square username and password. Click “Allow” on the permissions page that comes up next. This is allowing Square and WooCommerce to connect to each other.
  7. Select “That’s my site - redirect me” when prompted by the authentication screen.
  8. Once your account is authenticated, fill out the remainder of the fields in the “Authentication” tab (such as business location and notification email). More details on this section can be found here).
  9. Finally, be sure to enable Square as your payment option: go to the “Checkout” tab and click “Enable.”

 

More details on installation and configuration can be found in the WooCommerce documentation: https://docs.woocommerce.com/document/woocommerce-square/



Drupal Commerce

  1. Log in to your Drupal dashboard where you manage your Drupal Commerce site
  2. Select “Commerce,” then “Configuration,” and then “Add Payment Gateway”
  3. Select Square from the list of pre-installed payment gateways
  4. Log in to your Square account when prompted, using your Square username and password. Click “Allow” on the permissions page that comes up next. This is allowing Square and Drupal Commerce to connect to each other.
  5. You’re done!



Magento

  1. Open Professional Group (OPG) has built a Square-Magento integration that you can purchase for $149. Check it out here: https://www.openprofessionalgroup.com/magento
  2. Once you’ve purchased and downloaded the integration, follow the installation guide for the version of Magento that you use (links are on the same page)

 

Note: If you’re not super tech-savvy, you may want to have your developer install this integration for you. OPG can also help you with the installation for an additional fee of $49.



Zen Cart

  1. Download the Square payment module from Zen Cart's plugins library. You'll need to create an application in Square before installing and configuring the plugin. 
  2. Log in to the Square Developer Portal apps page. Click "+ New Application" to create a new application for your Zen Cart store to access. Give it a name, and click Create at the bottom of the page.
  3. You will see some credentials on the next screen, including "Application ID." Copy that and put it somewhere safe, as you'll need it for your store Admin.
  4. On the top of the screen, you'll see a menu. Click "OAuth." In the "Redirect URL" field, input your store URL Click "Save."
  5. Next to "Application Secret," click "Show Secret" and copy the Application Secret. You'll need it for your store Admin.
  6. Now you're ready to install the plugin. If you need instructions for how to do that, you can find them in the Zen Cart documentation here.
  7. Configure the Square Module in your store Admin. In your Zen Cart Admin, go to Modules > Payments, and click on Square.
  8. Click Install.
  9. You will see a place to enter your Application ID and Application Secret. Paste those in, and click Update.
  10. You'll see an alert saying "Click Here to Login and Authorize Your Account." Click the green button, login with your Square username and password, and click Authorize.
  11. Go back to the Payment Module settings page. Find Location ID and choose the store location you want your Zen Cart payments to be associated with.

More detailed instructions and troubleshooting ideas can be found in the Zen Cart documentation.

 

Don’t see your website platform among our partners? We’re adding new ones all the time. Feel free to let us know who we’re missing in the comments!

 

Have a custom-built website? Your developer may be able to help you connect Square payments using our E-Commerce API or Square Checkout. Learn more at www.squareup.com/developers

3,305 Views
Message 1 of 4
Report
3 REPLIES 3

Usinf WooCommerce and I followed all the instructions but I still get this error at checkout when trying to use a credit card:

 

Array
(
[0] => stdClass Object
(
[category] => INVALID_REQUEST_ERROR
[code] => MISSING_REQUIRED_PARAMETER
[detail] => Missing required parameter.
[field] => card_nonce
)
)

Any ideas?

 

2,805 Views
Message 2 of 4
Report

I have a WIX website A4H Basketball Camp.

 

I want to add buy button to WIX website. I am not sure how to start the process.

1,217 Views
Message 3 of 4
Report
Square Community Moderator

Hey @rai92karan and welcome to the Community.

 

I moved your post to an existing thread that goes over connecting your third party website to Square.

 

The link for Wix is listed in the main post above. In the future too, don't hesitate searching your question first or searching the Support Centre for the article before making a new post for your quickest answer!

Ashley C
Community Moderator, Square
Sign in and click Mark as Best Answer if my reply answers your question.
1,205 Views
Message 4 of 4
Report