WPPayments

Payments Square Connect lets you accept card and wallet payments through Square Hosted Checkout. Customers pay on Square’s pages (not on your site), then return to your store or form automatically.
Connect your Square account once. After that, WooCommerce checkout, Contact Form 7 forms, and subscription sign-ups all use the same connection — no duplicate setup.
<h4>Getting started in 2 minutes</h4>
This short walkthrough covers install → connect Square → first payment:
<ol>
<li>Activate Payments Square Connect.</li>
<li>Open Payments Square Connect in the admin sidebar.</li>
<li>Choose Sandbox, click Payments Square Connect, sign in, and save a Square Location.</li>
<li>Contact Form 7: add <code>[square_pay amount:25.00]</code> to a form and submit a test payment.</li>
<li>WooCommerce (optional): enable the gateway under WooCommerce → Settings → Payments.</li>
</ol>
See the Screenshots section below for each admin screen. A video tutorial will be embedded here once published on YouTube.
<h4>Quick start</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>Open Payments Square Connect in the WordPress admin sidebar.</li>
<li>Choose Sandbox (testing) or Live (real payments).</li>
<li>Click Payments Square Connect, sign in with Square, and pick a Square Location.</li>
<li>Click Save connection settings.</li>
<li>Turn on the payment method you need (WooCommerce gateway and/or Contact Form 7 tags — see below).</li>
</ol>
<h4>Where to find settings</h4>
Everything is under the top-level menu Payments Square Connect in the WordPress sidebar:
<ul>
<li>Payments Square Connect — connect your account, choose Sandbox/Live, pick a location, copy the webhook URL, and enable debug logging.</li>
<li>Checkout Settings (Beta) — customize how Square hosted checkout looks and behaves (payment methods, tipping, branding, policies). Live mode only — Square does not support this API in Sandbox.</li>
<li>Subscription Plans — view subscription plan variations from your Square Catalog and copy IDs for forms or WooCommerce products.</li>
<li>Support – report a technical issue (email form), open WhatsApp chat, or visit the WordPress.org support forum.</li>
</ul>
<h4>Connect Square (required for all payments)</h4>
This is the main setup screen. Every payment flow depends on it.
Step-by-step
<ol>
<li>Go to Payments Square Connect → Payments Square Connect.</li>
<li>Environment — select Sandbox while testing, or Live when you are ready to charge real cards.</li>
<li>Click the Payments Square Connect button and sign in with your Square seller account.</li>
<li>After a successful login, choose your Square Location from the dropdown. This location receives payments for WooCommerce orders and Contact Form 7 submissions.</li>
<li>Webhook URL — copy the URL shown on this page and paste it into your <a href="https://developer.squareup.com/apps" rel="nofollow ugc">Square Developer Dashboard</a> webhook settings if you use webhooks for order updates.</li>
<li>Debug Log — turn on only while troubleshooting; leave off in production.</li>
<li>Click Save connection settings.</li>
</ol>
Tips
<ul>
<li>Use Sandbox first to run test checkouts without moving money.</li>
<li>If you change your site URL, open this page and connect again so OAuth stays valid.</li>
<li>Disconnect Square appears after you are connected if you need to switch accounts.</li>
</ul>
<h4>WooCommerce store checkout</h4>
WooCommerce is optional. Install it only if you sell products through a WooCommerce store.
Setup
<ol>
<li>Complete Connect Square above (Sandbox or Live + location saved).</li>
<li>Go to WooCommerce → Settings → Payments → Payments Square Connect.</li>
<li>Check Enable/Disable to turn the gateway on.</li>
<li>Set Title and Description — these are what shoppers see on the checkout payment methods list. Example title: “Pay with Square”.</li>
<li>Save changes.</li>
</ol>
How checkout works
<ul>
<li>The customer chooses Payments Square Connect at checkout and places the order.</li>
<li>They are redirected to Square Hosted Checkout to enter payment details.</li>
<li>After payment, Square sends them back to your Order received page.</li>
<li>In Sandbox, a test-mode note is added to the gateway description automatically.</li>
</ul>
WooCommerce Subscriptions (optional)
If you use WooCommerce Subscriptions:
<ol>
<li>Create subscription plans in your Square Catalog (Square Dashboard or API).</li>
<li>Open Payments Square Connect → Subscription Plans and click Refresh from Square.</li>
<li>Edit your WooCommerce subscription product → General tab.</li>
<li>Choose a Square subscription plan variation from the dropdown (leave empty for one-time payment).</li>
<li>At checkout, the buyer is sent to Square’s Subscription Plan Checkout instead of a one-time payment link.</li>
</ol>
<h4>Contact Form 7 payments</h4>
Contact Form 7 is optional. Install it only if you want to collect payments through forms (donations, fees, registrations, etc.).
One-time payment
<ol>
<li>Complete Connect Square above.</li>
<li>Edit your CF7 form and add one of these tags:
<ul>
<li>Fixed amount: <code>[square_pay amount:25.00]</code></li>
<li>Amount from a field: <code>[square_pay amount-field:your-amount]</code> (add a number field named <code>your-amount</code> in the same form)</li>
</ul>
</li>
<li>Publish the form. When a visitor submits, they are redirected to Square to pay, then returned to the form page with a success message.</li>
</ol>
Subscription signup 
1. Create plan variations in Square Catalog. 
2. Copy a variation ID from Payments Square Connect → Subscription Plans. 
3. Add a tag like this to your form: <code>[square_subscribe variation:YOUR_VARIATION_ID name:"Silver Membership" amount:15.00]</code> 
 * variation (required) — Square subscription plan variation ID, not the parent plan ID. 
 * name (optional) — label on the Square checkout page. 
 * amount (optional) — should match the price in Square for that variation. 
4. After signup, the visitor returns to the form with a thank-you message.
<h4>Subscription Plans</h4>
Open Payments Square Connect → Subscription Plans to:
<ul>
<li>See all subscription plan variations synced from your Square Catalog.</li>
<li>Click Refresh from Square after you add or change plans in Square.</li>
<li>Copy Variation ID values for CF7 <code>[square_subscribe]</code> tags or WooCommerce product mapping.</li>
</ul>
Square limits to know
<ul>
<li>Only variations with one paid phase (or one free trial + one paid phase) work with hosted checkout.</li>
<li>Cash App Pay and Afterpay are not available for subscription checkout.</li>
</ul>
<h4>Checkout Settings (Beta)</h4>
Open Payments Square Connect → Checkout Settings to control Square hosted checkout for payment links created by this plugin.
Important: This screen works in Live mode only. Switch to Live on the Connect screen first; Sandbox shows a notice and fields stay read-only.
Merchant settings tab
<ul>
<li>Apple Pay, Google Pay, Cash App Pay — enable or disable wallets on hosted checkout.</li>
<li>Afterpay / Clearpay — read-only; enable or disable in the Square Dashboard.</li>
</ul>
Location settings tab
<ul>
<li>Customer notes — let buyers leave a note during checkout.</li>
<li>Tipping — tip percentages, default tip, smart tipping.</li>
<li>Branding — button color and shape on the Square checkout page.</li>
<li>Policy — title and description for a policy block on checkout.</li>
</ul>
Changes are stored in Square and apply to checkout pages this plugin creates.
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0 or later</li>
<li>PHP 7.4 or later</li>
<li>Square seller account (Sandbox for testing, Live for production)</li>
<li>WooCommerce — optional; required only for store checkout</li>
<li>Contact Form 7 — optional; required only for form-based payments</li>
<li>WooCommerce Subscriptions — optional; required only to map subscription products to Square plans</li>
</ul>
<h3>External services</h3>
This plugin is a client for third-party services. By using it you direct WordPress to contact those services.
<ul>
<li>
Square (required for payments and connection)
<ul>
<li>What: OAuth, REST API (locations, payment links, catalog search, checkout merchant/location settings), hosted checkout pages, and webhooks. </li>
<li>When: When an admin uses Payments Square Connect, when checkout or a CF7 form creates a payment or subscription link, when checkout settings are saved, when subscription plans are refreshed from catalog, and when Square sends webhooks. </li>
<li>Endpoints (summary): <code>https://connect.squareup.com</code> or <code>https://connect.squareupsandbox.com</code> (OAuth and API), plus Square hosted checkout URLs returned in API responses. </li>
<li>Data sent: OAuth tokens after connection, order/form totals and references, subscription plan variation IDs, checkout setting payloads, and webhook payloads as defined by Square. </li>
<li>Terms: https://squareup.com/legal — review Square’s developer and seller terms for your region.</li>
</ul>
</li>
<li>
WPPayments OAuth relay (required for Payments Square Connect)
<ul>
<li>What: Registers your site and completes Square OAuth so application secrets are not stored in WordPress. </li>
<li>When: When a store admin clicks Payments Square Connect. </li>
<li>Endpoint: <code>https://shc4wc-square-oauth.wordpress-ingenious.workers.dev</code> (override with <code>SHC4WC_OAUTH_WORKER_BASE</code> in <code>wp-config.php</code> if needed). </li>
<li>Data sent: Your site URL, sandbox/live environment, and signed session identifiers needed to finish OAuth. </li>
<li>Terms: https://squareup.com/legal (Square OAuth); contact the plugin author for questions about the relay service.</li>
</ul>
</li>
</ul>
Store admins explicitly start OAuth by clicking Payments Square Connect; customers are sent to Square’s hosted pages only during checkout or after submitting a Contact Form 7 payment form.
<h3>Privacy</h3>
<ul>
<li>Site owners: OAuth and API usage are initiated by an administrator with <code>manage_options</code>. Tokens are stored in the WordPress database (options) like other payment settings. </li>
<li>Customers: Personal and payment data on hosted checkout is processed by Square under Square’s policies, not by card fields on your WordPress site. </li>
<li>Logging: Optional debug logs may record technical details when debug logging is enabled on Payments Square Connect; disable debug in normal production. </li>
<li>For compliance questions, consult Square’s documentation and your legal advisor; this readme is not legal advice.</li>
</ul>

Payments Square Connect

Square Hosted Checkout for WooCommerce and Contact Form 7. Connect once for one-time and subscription payments.

Nabil Lemsieh

<a href="https://sirplugin.com/" rel="nofollow ugc">Smart Image Resize</a> makes your store look professional with product images that are all uniform and the same size without cropping. No configuration required.
It’s the #1 tool for WooCommerce product image uniformity and is essential for stores with large catalogs or mixed-size image sources.
<h3>Key Benefits</h3>
<ul>
<li>Uniform Sizing: Automatically makes all WooCommerce product images the same size and aspect ratio, eliminating messy, inconsistent product grids.</li>
<li>No More Cropping Headaches: Preserves the entire product within the image frame by adding a neutral background — no important parts of your product ever get cut off.</li>
<li>Whitespace Trimming: Trims unwanted white space around the product to keep it centered and prominent before resizing.</li>
<li>Bulk Processing: Resize and fix your entire existing catalog.</li>
<li>Performance Ready: Compress thumbnails and generate only necessary image sizes to boost your store’s loading speed.</li>
</ul>
<h3>Perfect for:</h3>
<ul>
<li>WooCommerce stores with mixed product image sizes</li>
<li>Dropshipping or supplier-imported product images</li>
<li>Large catalogs (10,000+ products) needing automated image processing</li>
<li>Multivendor marketplaces where sellers upload images in different sizes (Dokan, WCFM, etc.)</li>
<li>Stores migrating themes and needing standard-size WooCommerce images</li>
</ul>
<h3>🛠️ Free Features</h3>
<ul>
<li>✅ Automatically resize and process new WooCommerce product images on upload</li>
<li>✅ Bulk resize up to 150 existing product images</li>
<li>✅ Trim unwanted whitespace to keep products centered and clean</li>
<li>✅ Add a custom background color to match your brand</li>
<li>✅ Compress thumbnails to boost site loading speed</li>
<li>✅ Generate only necessary thumbnails and remove unused ones to save disk space</li>
<li>✅ Select specific images to resize for more control</li>
</ul>
<h3>🔥 Pro Features</h3>
<ul>
<li>♾ No limits – Resize and optimize unlimited WooCommerce product images</li>
<li>✈️ PNG to JPG auto conversion – Reduce file size, keep quality</li>
<li>🚀 WebP image support – Serve next-gen WebP images for faster loading and better transparency support</li>
<li>🔒 Watermark protection – Automatically add watermarks to your resized images</li>
<li>🛟 Priority support – Get fast, dedicated support via chat or email</li>
</ul>
<a href="https://sirplugin.com?utm_source=wp&utm_medium=link&utm_campaign=lite_version" rel="nofollow ugc">Check out Smart Image Resize PRO!</a>
<h4>Here’s What Our Users Are Saying</h4>
★★★★★
<blockquote>
“I am so impressed with this plugin. I never bother writing plugin reviews but this plugin blew my mind. Definitely upgrade.” – <a href="https://wordpress.org/support/topic/best-plugin-that-solved-all-my-image-issues/" rel="ugc">@buttonmode</a>
</blockquote>
★★★★★
<blockquote>
“I downloaded the free version and after 3 minutes I bought the PRO version. The plugin is EXCELLENT! For a year I didn’t know what to do with WooCommerce photos, because we have 30,000 imported products with different photos.” – <a href="https://wordpress.org/support/topic/excellent-8052/" rel="ugc">@prokurent</a>
</blockquote>
★★★★★
<blockquote>
“I recommended this to a dev friend the day after I used it, he used it as well. (We both ended up getting the Pro version to leave it on, customers don’t care to crop their images on their own tbh).” – <a href="https://wordpress.org/support/topic/did-its-job-and-saved-a-ton-of-tedious-work/" rel="ugc">@jpontinen</a>
</blockquote>
★★★★★
<blockquote>
“[••]The time saving benefits are enormous and the plugin support is A+. They have a chat that helps you solve any issues immediately.” – <a href="https://wordpress.org/support/topic/brilliant-lifesaver-with-incredible-support/" rel="ugc">@chickwithbob</a>
</blockquote>
<h3>Usage</h3>
<ol>
<li>In your WordPress dashboard, go to WooCommerce > Smart Image Resize > Bulk Regenerate.</li>
<li>Click the Start Processing button to begin resizing your existing images. 
Feel free to adjust the settings by going to WooCommerce > Smart Image Resize > Settings 
For more details, <a href="https://docs.sirplugin.com?utm_source=wp&utm_medium=link&utm_campaign=lite_version" rel="nofollow ugc">see our documentation</a>.</li>
</ol>
Note: Newly uploaded product images are automatically resized — no extra steps needed.
<h3>Explore Our Other plugins:</h3>
<a href="https://wordpress.org/plugins/hurrytimer/" rel="ugc">HurryTimer</a> – A powerful countdown timer to create urgency and drive sales 
<a href="http://rethumbify.com/" rel="nofollow ugc">ReThumbify</a> – A new tool to regenerate thumbnails in the background, with pause/resume functionality, old thumbnails cleanup, and selective regeneration.

Smart Image Resize – Make WooCommerce Images the Same Size


This plugin worked very well for my clients website, I recommend!


Worked very well for my clients website

Fix WooCommerce product images showing in different sizes — no cropping, no configuration needed.

Payments Square Connect vs Smart Image Resize – Make WooCommerce Images the Same Size