Charitable Documentation

Learn how to make the most of Charitable with clear, step-by-step instructions.

How To Connect to Square

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

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 donors to make payments via credit card.

I’ll quickly walk you through the steps to connect your donation forms with Square enabled.

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

How to Add Square Payments to WordPress

Square is built into both Charitable Lite and Charitable Pro. The process is the same for both versions of our Charitable plugin.

Note: If you’re using Charitable Lite, the plugin is free to use, so you can launch campaigns and raise funds without any investment. However, for every transaction made using this Square integration, you’ll incur a 3% fee + Square processing fees. This fee is waved if you upgrade to Charitable Pro.

For this tutorial, we assume that you already have the Charitable plugin activated on your WordPress website. In case you haven’t done that yet, head over to the Charitable Plans page. Select your plan and register for an account. Follow our guide here: How to Install Charitable in WordPress »

Step 2: Enable Square Gateway In Payment Settings

We’ve built the Square integration into Charitable’s core. This means you don’t need any addons or extensions to use this.
In your WordPress dashboard, go to Charitable » Settings » Payment Gateways tab.

Here, you’ll see Stripe and Square are ready to use. You can enable/disable each gateway here with just the click of a button.

Square payments enabled

Before you proceed, we strongly recommend turning on Test Mode. This will allow you to configure your gateway and test transactions before you make it live on your site. This is a security measure to ensure no one accidentally sends money while you are still setting up.

Now when a gateway is enabled, you will see a green Gateway Settings button. By clicking on this, you’ll be directed to the page where you can connect your Square account.

Step 3: Connect Square to Your WordPress Site

On the Gateway Settings page, scroll down the payment settings page to the Square section. You’ll see a field labeled Connection Status.

Click the Connect to Square Account button.

Connect to Square payment gateway

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

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

You will now be taken back to the Charitable payments settings page. Once the connection settings are configured properly, you’ll see a green checkmark and a ‘Success’ message next to Connection Status.

Square connection status successful

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.

Update business locations in Square

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

We recommend running a few test transactions to ensure your payments are successful. Once you’re confident, turn off test mode and your website can now receive payments through Square.

Step 4: Set Up Webhooks

We highly recommend you set up webhooks so that your site can receive live feedback from Square. All you have to do is copy the webhook URL into your Square webhook settings, and enable a few events as well. There’s no coding involved.

This will allow Charitable to receive real-time updates when a payment is completed or refunded through Square. With this, your Charitable forms will stay in sync with Square so payment statuses are always up to date.

Enable webhooks details

It takes about 5 to 10 minutes to do this. Follow our guide here: How to Set Up Square Webhooks »

Step 5: Create Your Campaign

With your payment gateway ready, you’re all set to create and launch fundraising campaigns. If you haven’t already, head over to Charitable » Campaigns » Add New.

This will open up a library of templates to choose from. Select the one that suits your cause best.

Template library

Once you select a template, the campaign builder will open. This is a visual builder so you’ll see a preview of your donation form as it would look when it’s live. You can make changes to this preview – there’s no technical knowledge needed.

Charitable drag and drop visual builder

You can customize your campaign by changing the content, images, and fields in the campaign. For more detailed instructions, see our guide on Getting Started with Charitable »

In the Payment settings tab in the far-left menu of the campaign builder, you can see that Square is enabled. You can access the Payment Gateway Settings here in case you need to make any changes.

That’s it. You can save your campaign and publish it to make it live.

Adding Square Payments – FAQs

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

Can I use Google Pay and Apple Pay with Square?

Both Google Pay and Apple Pay are supported in Charitable’s Square integration. Each requires you to go through additional steps to use these payment methods.

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

Charitable is a secure plugin and takes measures to ensure that sensitive customer details remain hidden. The payments you collect via Charitable 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 Charitable.

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

Yes, Charitable includes comprehensive payment tracking features, just like making a donation with any other payment method.

Does Charitable support refunding one time payments made by Square?

Yes. You can refund donations from the “edit donation” screen in the “actions” dropdown, and check off “refund directly from gateway”.

Does Charitable support recurring donations with Square?

Yes. You must have the recurring addon installed and activated.

I’ve been using a previous version of the Square addon. How is this addon different?

If you are using a Charitable “legacy” beta Square addon, this addon is currently still supported. Feel free to reach out to support if you want to ask specific questions if you are considering upgrading.

Still have questions? We’re here to help!

Last Modified:

What's New In Charitable

View The Latest Updates
🔔 Subscribe to get our latest updates
📧 Subscribe to Emails

Email Subscription

Join our Newsletter

We won’t spam you. We only send an email when we think it will genuinely help you. Unsubscribe at any time!

Integration page builder

Divi Fans Rejoice! Native Divi 5 Campaign Progress Bar Module!

With our new native Divi 5 module, you can anchor your microsites with real-time fundraising stats directly on the visual canvas. Here’s how it works, and why it’s worth turning on today.

Create campaign updates that are VISUAL AND LIVE. You can also:

📊 Campaign Progress Bar: Drop a live progress bar into any Divi 5 layout and show goal progress in real time.

🎨 Deep styling controls: Easily customize the bar and track color, height, and radius to match your brand perfectly.

👁️ Visual Builder ready: Configure and preview everything directly on the Divi canvas as a first-class module.

🔁 Identical rendering: The same exact engine powers this module, meaning consistent design without legacy shims.

✅ Faster launches: Never leave the Divi 5 interface to configure shortcodes or guess how your goal labels will look.

Learn more here.

Integration page builder

👉🏻 New in Charitable: Native Elementor Widgets for Seamless Campaign Building

With native Elementor widgets, you design donation campaigns right alongside the rest of your page without touching code. Here’s how it works, and why it’s worth turning on today.

Create fundraising pages that are VISUAL, NATIVE, AND SHORTCODE-FREE. You can also:

⚡ Mini Donation: Add a compact, high-converting donation widget with preset amounts and full color control.

⏳ Campaign Countdown: Build urgency for a deadline-driven appeal, complete with optional confetti when the goal is hit.

📣 Donation Feed: Prove momentum by showing visitors the social proof of real people giving right now.

🏆 Donor Leaderboard: Celebrate top supporters with gold, silver, and bronze styling to spark friendly giving.

🖼️ Campaign Showcase: Feature multiple campaigns in a landing page grid or carousel, with search, filters, and badges.

Learn more here.

Addon New

🗒️ Custom Receipts… New Addon!

With Custom Receipts, you decide which page your donors see, on every campaign. Here’s how it works, and why it’s worth turning on today.

Left side shows a donation receipt with donation number, date, total, and payment method for a  gift to Anywhere, titled 'One Family Gets Clean Water For A Week.'

Create receipts that are CUSTOM TO THE DONOR OR CAMPAIGN. You can also:

📅 Year-end appeal: Reinforce the goal and invite donors to share while momentum is high.

🎗️ Memorial or tribute campaign: Give a gentle, respectful thank-you that fits the moment.

💎 Major gifts: Show a special message only to donors who give above a threshold.

🔁 Recurring growth: Invite one-time donors to become monthly supporters right on the receipt.

🌍 Global campaigns: Surface a country-specific note, like a Gift Aid reminder, only where it applies.

Learn more here.

New templates

🤩 New Beacon Campaign Templates w/ “Hero” Block!

With the new Beacon Campaign Templates for Charitable Pro, you can launch a stunning, full-width fundraising page that instantly captures visitor attention above the fold.

Fundraising page header for Save Maple Grove Park with a donation widget and a small square photo of a sunlit tree thumbnail on the left.

🔦 Above-the-Fold Impact: Lead with a full-width hero image, your logo, and your goal with a donation widget locked right on top of the banner so your ask and momentum register instantly without scrolling.

📐 Two Flexible Layouts: Choose between a structured two-column layout for side-by-side storytelling and supporting details, or a clean one-column view designed for uninterrupted long-form narratives.

⚡ All-in-One Hero Field: Powered by the new Campaign Hero field, bringing background media, live progress bars, custom donation amounts, and recurring giving tabs together into a single cohesive block that can be dropped into any layout.

🎨 Automatic Theme Matching: The hero banner and donation widget automatically inherit your campaign theme’s button and accent colors, ensuring your entire presentation stays beautifully on-brand without touching a line of CSS.

Learn more here.

donation form Feature New

📝 Donation Form Block: Embed a Working Donation Form Anywhere

With the new Donation Form Block for Charitable Pro, you can drop a fully working donation form directly onto any page or post in the WordPress block editor. No redirects, no page reloads, and zero friction between reading your story and making a contribution.

📝 Drop Forms Anywhere: Place a working form directly onto your homepage, inside a story-driven blog post, on a dedicated landing page, or within a campaign announcement.

🎯 Dynamic Campaign Binding: Easily choose a specific campaign from the block sidebar or set it to automatically bind to whichever campaign is currently being viewed.

📐 Full vs. Minimal Form Views: Switch between a full layout or a compact minimal view to perfectly fit sidebars, narrow columns, or wide landing pages.

🎨 Scoped No-Code Styling: Customize typography, container spacing, border radius, amount buttons, and accent colors independently for every form instance without touching a line of CSS.

Learn more here.