how to add square payments to wordpress

How to Add Square Payments to WordPress [Easy Guide]

Editorial Note: We may earn a commission when you visit links on our website.

Adding Square payments in WordPress is a fairly simple process. Anyone can do it!

And as one of the leading payment gateways for small and medium-sized businesses, it makes good sense to use Square to provide a flexible option for your buyers to make payments via credit card.

I’ll quickly walk you through the steps to create your own custom payment forms with Square enabled.

Create Your WordPress Square Form Now

How to Add Square Payments to WordPress

Ready to start collecting payments via Square on your WordPress site? Just follow the steps below!

Step 1: Install and Activate the WPForms Plugin

The first thing you need to do is install and activate the WPForms plugin.

WordPress plugin installation process is quite easy; still, if you face any difficulty, you can check out the tutorial on how to install a WordPress plugin.

The Square addon integration comes with WPForms Pro. So before proceeding, make sure you’ve activated the right version of the plugin on your site.

WPForms Pricing Page 2023

Once WPForms is installed, you’ll be able to activate the Square addon.

Step 2: Add the Square Addon

To activate the Square addon, head over to your WordPress dashboard and click WPForms » Addons.

WPForms addons

In the search bar, type Square and press the Install Addon and Activate button.

install square addon

Once you’ve activated the Square addon, you need to set up the payment settings in WPForms.

To configure the payment settings, go to your dashboard, click WPForms » Settings, then click the Payments tab.

Now from the Currency drop-down, select the currency you want to use in your payment forms.

WPForms payment form currency

Now it’s time to connect Square to WPForms.

Step 3: Connect Square to Your WordPress Site

Scroll down the payment settings page to the Square section. You’ll see a tab labeled Connection Status.

Click the blue Connect with Square button.

The Connect with Square button in the WPForms Payments settings

Clicking this will redirect you to the Square login page. Enter your email address and password, then click on Sign in.

Signing in to Square to connect it to WPForms

In order to connect Square to WPForms, you need to grant specific permissions to WPForms related to your account. Click on the Allow button to proceed.

Allowing WPForms to access your Square account

This will revert back to your WPForms payments settings. If the connection settings are configured properly, you’d see a green checkmark and success message next to Connection Status.

The WPForms Square connection status message

If you’ve added multiple business locations to your Square account, you’ll need to select one of them as your primary location using the Business Location dropdown.

Selecting a Square business location in the WPForms Payments settings

Once done with the connection settings, don’t forget to click on the Save button.

Step 4: Create Your Square Payment Form

Now that you’ve connected Square to your WordPress site, it’s time to create your payment form. From your WordPress dashboard, navigate to WPForms » Add New.

Add new form

You can create a simple order form or use a pre-built order/billing form template to speed things.

WPForms comes with a huge form template library of 1,700+ WordPress form templates. I’ll choose the Billing/Order Form template for this tutorial.

Billing form template

The template includes all the essential fields you’ll need to accept payments for general orders.

square payment form

You can add additional form fields to your form by dragging them from the left-hand panel to the right-hand panel. WPForms is highly customizable, so feel free to experiment and change things up if the template doesn’t fully match your particular use case scenario.

I’ll quickly share one option that you might want to add to this form, depending on your needs. If you’d like people to specify the quantity of the products they want to order, here’s what you can do.

Adding the Quantity Field (Optional)

WPForms supports product quantities for the Dropdown Items and Singe Items fields. So, I’ll delete the existing radio field (i.e. the “Available Items” field) here, and add three Single Item fields here.

You can simply right-click the current Available Items field and press Delete.

Delete a field

Then, drag and drop the Single Items field from the left-hand pane to the right, just above the Total Amount field.

Single Items field

When you’ve done that, click on the Single Items field that you just added to open its Field Options on the left. You’ll be able to control various settings associated with the field here.

I’d recommend changing the Field label and adding the name of your product. And don’t forget to enter the price of the product in the Item Price box.

Single Items field options

To enable quantity selection for the product, use the Enable Quantity toggle button. After it’s been enabled, you’ll see a new Range setting appear underneath. This will let you set the minimum and maximum quantity that a user can select for the product.

Quantity range

You can repeat the same process by adding more Single Item fields with their quantity selections enabled.

💡 Pro tip: Got lots of product options to add? I suggest using the Dropdown Items field with quantities enabled in this scenario. This will keep the length of your form concise, which is always preferable for the ideal user experience.

Step 5: Add the Square Payment Field to Your Form

Our form is ready; now, we’re going to add the Square Payment Field.

On the left, from the Payments Fields section, drag the Square Field and drop it anywhere on your form.

Adding a Square credit card field to a form

As soon as you add the Square field, a pop up will be displayed with a message to enable the Square Payments.

square payment field

Click on the OK button to close the pop-up.

Next, we need to enable Square payments.

Go to the icons on the left-hand side, and click Payments. Then click Square.

Accessing the Square Payments settings for a form

Next, toggle on the Enable Square Payment.

Enabling Square payments for a form

This will open the additional payment setting options. Let’s have a look at them:

  • Payment Description: Here, you can enter a short payment description that will appear on your customer’s credit card or bank card statement.
  • Buyer Email: From the drop-down, select Email to have Square send an email receipt.
  • Buyer Name: From the drop-down, select Name to have the customer’s name associated with the payment.
  • Buyer Address: Select Address to have the customer’s address associated with the payment.

Mapping fields from a form to user information in Square

Once you complete these options, click on the Save button to save your form.

Step 6: Add Your Form to WordPress Page

Awesome! You’ve successfully created a Square payment form in WordPress. Now it’s time to add your form to your site.

With WPForms, you can add your form in multiple locations, including:

Let’s see how you can add your Square form to the WordPress page.

WPForms has a built-in Embed button in the form builder dashboard. Using this button, you can add your form on any website page without switching the tab or closing the form window.

To add your form, click on the Embed button at the top of your page

Embed your form with the embed button

Next, you’ll get options to add your form to an existing page or create a new one. Let’s click Create New Page.

Create new page

Add your page name and click the Let’s Go button.

wpforms name your page box

Now WPForms will automatically create a new page and add your form to it.

To publish your page on the live page, click the Publish or Update button.

Add Your Square Form to WordPress

And that’s it! This is how easy it is to add Square payments to WordPress forms.

Create Your WordPress Square Form Now

Online payment is a crucial task for both you and your buyers. Hence we suggest you test square payments before launching your form so that you can provide a flawless experience to your buyers.

Adding Square Payments – FAQs

Here are some of the frequently asked questions about collecting Square payments in WordPress.

Is it possible to customize the checkout process when using Square Payments on WordPress?

WPForms is highly customizable, giving you the ability to change the appearance of your form, use different layouts, and apply conditional logic to offer the best checkout experience to your visitors. So if you’re using a Square payment form with WPForms, you have a lot of room for customizing it to provide a satisfying checkout experience.

Are there any security measures in place to protect sensitive customer information when using Square Payments on WordPress?

WPForms is a secure plugin and takes measures to ensure that sensitive customer details remain hidden. The payments you collect via WPForms capture details of the customer’s submission but it hides their credit card number. That means even you, as a business owner, can’t see sensitive details like card numbers so you can guarantee customer privacy and security with your Square payment forms created with WPForms.

Can I track and manage my transactions directly from my WordPress dashboard with Square Payments?

Yes, WPForms includes comprehensive payment tracking features. You can view transactions on an easy-to-understand chart right from your WordPress dashboard. This chart shows details like total payments, total sales, subscriptions, coupon usage, and more.

Next, Add Optional Payment to Your WordPress Forms

If you’re a nonprofit, you might be looking for a way to add optional payment. Check out our detailed guide on how to add optional payment to your WordPress forms to learn more.

You might also be interested in learning how to create a business card order form on WordPress.

WPForms Pro also includes other payment gateway tools that enable you to:

So what are you waiting for? Get started with the most powerful WordPress forms plugin today. WPForms Pro comes with powerful integrations and a 14-day money-back guarantee.

And if you liked this guide, make sure to follow us on Facebook and Twitter for more free WordPress tutorials.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.