Back to Town Square

How to Connect Square Payments to Your Online Store

By Mallory A. Russell
30/07/2018

Thanks to these integrations, it’s 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. We’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, GoDaddy, Ecwid, WooCommerce, Magento and Zen Cart. You can learn more about our partner e-commerce providers and the specific plans that work with Square in the Apps tab of your Square Dashboard.

Ready to connect Square to your online store now?

Weebly

  1. Log in to your Weebly dashboard.
  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, allowing Square and Weebly to connect to each other.

Wix

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

  1. Log in to your Wix dashboard.
  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, allowing Square and Wix to connect to each other.

BigCommerce

Log in to your BigCommerce dashboard.

  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, and click “Allow” on the permissions page.
  6. You’re done! BigCommerce may also prompt you to import or sync your Square items and inventory.

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

Ecwid

Log in to your Ecwid dashboard.

  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, and click “Allow” on the permissions page.

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

  1. Log in to your Square Dashboard.
  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.
  5. On the next page, select “I already have an Ecwid store” and log in with your Ecwid username and password. Click “Accept” on the authorisation page.

WooCommerce

To use Square with WooCommerce, you’ll need to install the free extension.

  1. Log in to your WooCommerce dashboard.
  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, and click “Allow” on the permissions page.
  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 here. 

Magento

  1. Open Professional Group (OPG), have built a Square-Magento integration, found here
  2. Once you’ve 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 OPG, or your own developer, install the integration for you. 

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 on 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 Authorise Your Account.” Click the green button, login with your Square username and password, and click Authorise.
  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.

OpenCart

  1. Download the official OpenCart-Square extension here.
  2. There are a lot of steps, which are outlined in text form here and in an amazing video tutorial here. Follow those steps and you should be good to go! 

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 via our Developer Portal.

Back to top
Share
Get started Contact sales