FooSales integrates with Square hardware to capture card payments directly within the FooSales apps for a seamless checkout experience. There is no need to synchronize product catalogs between your WooCommerce store and your Square account. Order totals are sent to Square at checkout and after the payment completes successfully, FooSales automatically completes the WooCommerce order.
Note: The FooSales Square Payments add-on is required for the Square integration which is available as an optional extra when purchasing a Single or Multiple Domain plan and it’s also available separately if you would like to add it to an existing plan.
- Pairing Square Terminal
- Processing Payments at Checkout Using Square Terminal
- Processing Payments at Checkout Using Square Reader
- Manual Card Processing at Checkout
- Refunding an Order
The following are required for the Square payment integration:
- An active FooSales plan with the Square Payments add-on OR 30-day free trial
- FooSales iPad or Android tablet app installed (version 2.2.0+) or the FooSales web app
- FooSales WordPress plugin installed (1.17.0+)
- Apple iPad or Android tablet (Note: Square Stand only works with iPads)
- Square account where the currency matches the currency of your WooCommerce store
- Square Point of Sale app available on the App Store and Play Store which must be installed on the same device as the FooSales app
- A supported Square device including Square Stand, Square Terminal, Reader for magstripe and Reader for contactless and chip (Note: The FooSales web app currently only supports Square Terminal and Square manual card entries. Square Register is not compatible with any of the FooSales apps.)
In order for FooSales and the Square Point of Sale app to be able to communicate with each other, you will need to create a new or update an existing Square application in your Square Developer Dashboard.
- Create New Square Application
- iOS Integration
- Android Integration
- Square Terminal Integration
- FooSales WordPress Plugin Settings
Create New Square Application
Open your Square Developer Dashboard and choose New Application, Create Your First Application if it is a new account OR Open a previously created application if one already exists in your account.
When creating a new application, you will need to enter a name for your application and agree to the Square Developer terms of service.
Next, open your newly created application or existing application. If you created a new application, it will automatically be set to use the latest version of the Square production API. If you are using an existing application, it is recommended that it be set to use the latest version of the Square production API for security and functionality purposes. You can make sure that your application’s production API version is set to the latest version by scrolling to the bottom of the Credentials page.
If you are using an existing application, already have an integration setup using an older version of the Square production API, and you are worried about breaking your current implementation by changing the API version, then to be safe, we suggest you rather create a new application for your FooSales integration.
By clicking on the Production tab, you will see your unique Application ID and Access Token. You will need to enter these two keys in your FooSales WordPress plugin settings.
Next, select the Point of Sale API menu option and ensure that you still have the Production tab selected.
To setup the integration with the FooSales iPad app, scroll down to the iOS section and enter the following in the iOS App Bundle IDs input:
Then enter the following in the iOS App URL Schemes input:
To setup the integration with the FooSales Android tablet app, scroll down to the Android section, click on Add New Android Package and enter the following in the Package Name input:
Then enter the following in the Fingerprint input:
Square Terminal Integration
If you plan on integrating FooSales with a Square Terminal, you will need to add the FooSales webhook to your Square application. From the Production tab, click on the “Webhooks” menu and scroll down to the Connect v2 Webhooks section.
Click on the “Add Endpoint” button and enter a name for the webhook such as “FooSales Terminal API“. Enter the webhook URL for your website e.g.:
Next, you will need to let Square know which events it needs to send to FooSales by checking each relevant event.
FooSales needs to be notified about the following events:
Once you click the “Save” button, you will see your newly added webhook.
FooSales WordPress Plugin Settings
After copying your production Application ID and Access Token, navigate to your WordPress admin area and open the FooSales plugin settings. Under Square Integration, paste your Application ID and Access Token, then save your settings and you’re good to go!
Pairing Square Terminal
In order to process a payment at checkout using a Square Terminal, you will need to pair a Terminal device with FooSales. Open the FooSales Settings screen and scroll to Square Settings. Here you will be able to choose which Square location should be associated with the device that the FooSales app is running on. For instructions on how to setup more than one Square location, please read this Square help documentation.
In order to pair a Square Terminal with FooSales, you will need to sign-in to the Terminal using a device code that will get generated in FooSales. Click on the “Generate Code” button to generate a new device code. Once the code has been generated, you will only have 5 minutes to sign-in to the Terminal before the device code expires, in which case, you will need to generate a new code and re-attempt the pairing process.
Once you enter the device code and the Terminal has loaded, the FooSales app will update to show that it has paired with the device successfully. If you want to pair a different device or change the Square location, you will first need to unpair the device in order to choose a different location and generate a new device code.
Processing Payments at Checkout Using Square Terminal
When you’re ready to complete an order on the Checkout screen in FooSales using a paired Square Terminal, select Square Terminal Payment as the payment method.
When you click the Pay button, a checkout request will be sent to your paired Square Terminal. Follow the prompts on the Square Terminal in order to process the payment. The FooSales app will wait until the checkout is successfully completed.
Once the payment has been successfully completed, FooSales will submit the order to your WooCommerce database.
Processing Payments at Checkout Using Square Reader
When you’re ready to complete an order on the Checkout screen in the FooSales app using a Square Reader, select Square Reader Payment as the payment method. The FooSales web app only supports manual credit card entries and Square Terminal payments at present so you would need to select Square Manual Payment or Square Terminal Payment as the payment method.
Tapping the Pay button will open a Square payment screen which includes the order total from the checkout screen. You can now process the card payment using your Square hardware as you normally would or manually enter the card details in the case of the web app.
Once the payment is successfully completed, you will be returned to the FooSales app and the order will get submitted and marked as Completed in your WooCommerce store. The Square transaction will be linked to your WooCommerce order. If you open the completed order on the Orders screen, you will see the payment method highlighted if Square was used to process the payment. Tapping on this text will open the linked Square transaction in a browser window for your convenience.
If you navigate to the WooCommerce Order in your WordPress admin area, you will see the payment method marked as Square along with a link to View the transaction in a new browser tab.
Manual Card Processing at Checkout
If you do not have a Square Reader device or in an emergency, you can still enter the customer’s card details manually at checkout in order to process an order payment. Select Square Manual Payment as the payment method.
When you click the Pay button, a form will appear that allows you to enter the card number, expiry date and CVC in order to process the payment. Once the payment has been successfully submitted, FooSales will complete the order and submit it to your WooCommerce store.
Refunding an Order
If you entered your Square Access Token in your FooSales WordPress plugin settings and you refund an order in FooSales, the Square transaction will be automatically refunded to the card that originally made the payment. If the transaction contained split tenders or the refund failed for some unknown reason, the order status is changed to Refunded in WooCommerce and an error message is displayed that allows you to view the transaction and refund the payment manually through your Square account.
If you originally processed the payment on a paired Square Terminal and the original card needs to be presented, a refund request will be sent to the paired Square Terminal and the FooSales app will wait until the refund is successfully completed.
Please note: Refunding an order manually through WooCommerce will not automatically refund the Square payment. If you would like to refund an order from your WordPress admin area instead of FooSales, you will need to click on the View transaction link in the order view to open and manually refund the payment through your Square account and then set the WooCommerce order status to Refunded.