x
marisa_a Square

How to Connect Square Payments to your eCommerce Partner Site

Growing your business often means starting to sell online. Square has partnerships with popular e-commerce partners to make it easy to sell online and use Square for payments.

 

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. 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, GoDaddy, Ecwid, 3dcart, WooCommerce, Drupal Commerce, 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?

 

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, allowing Square and Weebly to connect to each other.

 

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, allowing Square and Wix to connect to each other.

 

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, 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.

 


GoDaddy (GoCentral)

 

 

giphy

 

 

  1. Login to your GoDaddy account and  select GoCentral Online Store from My Products.  Click on "Manage store"
  2. On the menu at the top of your screen, select "Settings" > "Payments" 
  3. Click "Connect" next to "Square Payments." 
  4. Log in with your Square username and password, and click "Allow" on the permissions page.

 

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



WooCommerce

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

  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, 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



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

 

Magento

  1. Two companies, NVNCBL and Open Professional Group (OPG), have built Square-Magento integrations. NVNCBL's integration starts at $85 and OPG's integration starts at $149. NVNCBL's integration can be found here: https://nvncbl.com/magento-square-integration. OPG's can be found 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 NVNCBL or 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 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.

 

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 at www.squareup.com/developers

Message 1 of 49
35,902 Views
2 Best Answers

Accepted Solutions
Sean Square

Re: How to connect Square payments to your e-commerce site

Best Answer

Awesome information, @marisa_a. We're happy to have you in the Seller Community. To the other members, Marisa is a Product Marketing Manager for Square's APIs. 🙂

View Best Answer >

Message 2 of 49
54,182 Views
katieand Alumni

Re: How to Connect Square Payments to your eCommerce Partner Site

Best Answer
Message 34 of 49
23,772 Views
48 REPLIES 48
Sean Square

Re: How to connect Square payments to your e-commerce site

Best Answer

Awesome information, @marisa_a. We're happy to have you in the Seller Community. To the other members, Marisa is a Product Marketing Manager for Square's APIs. 🙂

View Best Answer >

Message 2 of 49
54,183 Views
matencio

Re: How to connect Square payments to your e-commerce site

Is there a E-commerce solution for a website that doesn't utilize the about? I built my own responsive website and would like something that works with it that won't cost me $100 or more. 

Message 3 of 49
35,934 Views
marisa_a Square

Re: How to connect Square payments to your e-commerce site

Hi @matencio! It sounds like you might do well using Square's e-commerce API to accept payments on your existing site. Check out our documentation here: https://docs.connect.squareup.com. And https://squareup.com/ecommerce provides an overview of how to sell online and use Square payments, through these e-commerce website partners or via APIs.

 

If the APIs are not what you're looking for, Ecwid may work for you. It can be inexpensive (free for fewer than 10 items). It works with any website to embed an e-commerce page, and you can use Square payments for your payments processing 🙂 

 

Let me know if this was helpful or not!

Message 4 of 49
35,909 Views
matencio

Re: How to connect Square payments to your e-commerce site

Thanks. I'll check them out.

Message 5 of 49
35,808 Views
Larsim

Re: How to connect Square payments to your e-commerce site

My website is through Squarespace, is there an option to integrate the online payment to my site?

Message 6 of 49
35,899 Views
marisa_a Square

Re: How to connect Square payments to your e-commerce site

Hi @Larsim! Great question. If you currently have a content-only site on Squarespace and you'd like to add an e-commerce function - our integation with Ecwid can act as a plug-in / shopping cart app for your existing SquareSpace site. If you have fewer than 10 items, Ecwid is also free. Here is how you would go about doing that once you've set up your eCommerce site with Ecwid:

 

1. Create a new page on your Squarespace site.

2. Choose Page Content block and Edit option.

3. Add Code Content Block to the page. To do that click on + Sign in the right top corner of Page Content block, scroll down to “More” section and choose “ </> Code”

4. Generate code for the Product Browser widget. Or you can find it in your Ecwid store Control Panel -> Dashboard -> “Create Store” step -> choose Yes, I have a website and Other platform options and you will see Product Browser code.

5. Copy and paste this code to "Add Code Content" block on your Squarespace site page. You may see a notice that Embedded scripts are disabled in Squarespace while you are logged in, however you can preview the script in Safe mode.

6. Save the changes. You can preview the store right in Squarespace administration panel or on the live site.

 

Let me know if you have any follow up questions. Hopefully we're able to offer a full integration with SquareSpace in the future! 

Message 7 of 49
35,889 Views
CoyotePro

Re: How to connect Square payments to your e-commerce site

A Wordpress plugin would be awesome as well. 

Message 8 of 49
35,896 Views
marisa_a Square

Re: How to connect Square payments to your e-commerce site

Hey @CoyotePro, great feedback! Fortunately, we do work with WooCommerce, which is the defacto e-commerce plug-in for WordPress. Once you're set up with Woo, you can choose Square as your payment processor using the instructions in this post. Let me know if you have any other questions or comments about this option!

Message 9 of 49
35,887 Views
BitsyCreations

Re: How to connect Square payments to your e-commerce site

Thank you so much! I've been looking into using Square with my WooCommerce shop. I'm wondering if it will work with other plugins? For example, I use a plugin to allow customers to choose different size options for my products. Each size is a different price. Do you know if I will still be able to allow them to pay through Square? 

Message 10 of 49
35,473 Views