Integrating Square with Paymattic allows you to accept payments on your WordPress website securely and efficiently. Below is a step-by-step guide to show you the whole integration process.
Integrating with Square is the Pro feature of Paymattic so you need the Paymattic Pro to do this integration.
Square Settings in Paymattic #
To integrate your Payamattic with Square first go to your Paymattic Dashboard and then select the Payment Gateway from the navbar.
Now here you will get two Payment Modes for your integration Test Mode and Live Mode. For this documentation, we will go with the Test Mode.
For integrating your Paymattic with Square you will need some Credentials which you will get in your Square Account. For now, copy the Webhook URL in your clipboard from here for later use.
![](https://paymattic.com/wp-content/uploads/2024/06/Paymattic-Pro-‹-Introduce-Regret-—-WordPress-1-1-scaled.webp)
Get Credentials from the Square Account #
Log in to your Square Developer accounts to get the credentials. To get the necessary credentials you need to create an app in your Square account.
Create Application: #
To create an App click on the Account from the navbar and select Application from the left sidebar then click on ‘ +’ (Plus) icon button.
![](https://paymattic.com/wp-content/uploads/2024/06/Apps-Square-Developer-Console-scaled.webp)
Now a popup will arrive. Simply type your Application name and agree on square Terms of service by checking the checkbox and click on Next button.
![](https://paymattic.com/wp-content/uploads/2024/06/Apps-Square-Developer-Console-1-scaled.webp)
Check on Accept Payments and click on the Next button.
![](https://paymattic.com/wp-content/uploads/2024/06/Apps-Square-Developer-Console-3-scaled.webp)
Another popup will come with the Find Audience option select your desired option here.
![](https://paymattic.com/wp-content/uploads/2024/06/Apps-Square-Developer-Console-1-1-scaled.webp)
Access token #
You will be redirected to the Credential page now where you will find out the Access Token. Copy the Access token to your clipboard for later use.
Here the API version will be (2022-11-16) which is compatible with Paymattic. Click on the API Version.
![](https://paymattic.com/wp-content/uploads/2024/06/Square-Developer-Dashboard-4-scaled.webp)
You will see a popup now with a dropdown field to change the Square App API version. Select the API version (2022-11-16) then check the checkbox below and click on Confirm button.
![](https://paymattic.com/wp-content/uploads/2024/06/Square-Developer-Dashboard-5-scaled.webp)
Access location ID #
Now click on the Location Tab from the left sidebar of the credential page and copy the Location ID to your clipboard for future use.
![](https://paymattic.com/wp-content/uploads/2024/06/Square-Developer-Dashboard-1-scaled.webp)
Add Webhooks URL to Square Accounts for Subscriptions: #
You need to add a Webhook subscription to integrate Square with Paymattic. To add a Webhook subscription click on the Webhooks>Subscription from the left sidebar. Then click on the Add Subscription button.
![](https://paymattic.com/wp-content/uploads/2024/06/Square-Developer-Dashboard-7-scaled.webp)
Now here opens a popup Form. Easily add the Webhook Name and paste the Webhook URL that you’ve copied earlier from Paymattic Suqare Settings. Confirm API version (2022-11-16) and carefully select five necessary Events by following below.
Click the save button to finish up.
- payment.updated
- subscription.created
- subscription.updated
- invoice.created
- invoice.payment_made
![](https://paymattic.com/wp-content/uploads/2024/06/Square-Developer-Dashboard-8-1-scaled.webp)
Lastly, Go to Paymattic Pro Plugins Payment gateway from your WordPress Dashboard.
Paste here the Access Token and Location ID and save the settings to finish the setup of Square integration with Paymattic Pro Plugin.
Add a Form to integrate Square with Paymattic #
Start by creating a Form from the Paymattic Pro Forms section. Also, you edit your existing Forms. Fill in all required fields accurately as needed.
Below is a Test Submission of the Square payment gateway.
Go to Paymattic Pro for all Forms sections. Click the Forms as you want to show your users. Then select the Payment Item and Choose Method Fields Square Payment options.
![](https://paymattic.com/wp-content/uploads/2024/06/image-8.png)
Save the Forms. Click on the Eye icon button from the top right corner to preview the form.
![](https://paymattic.com/wp-content/uploads/2024/06/image-9.png)
In the Form Entries Section you’ll see the Square Payment status.
![](https://paymattic.com/wp-content/uploads/2024/06/image-10.png)
Now ensure that payments are processed correctly through Square.
Congrats Your integration setup is done. If you have further questions please contact us.