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.

Gerasimos Tsiamalos

Vassilis Mastorostergios

Anastis Sourgoutsidis

The CSSIgniter Team

Brought to you by the <a href="https://www.cssigniter.com/" title="Premium WordPress Themes" rel="nofollow ugc">CSSIgniter</a> folks, the Socials Ignited 
plugin allows you to display and link icons on your website of more than 50 social networks, just by dragging a widget.
The plugin supports all FontAwesome 5.x free icons providing you with hundreds of options to display your social profiles, contact methods and more.
A preconfigured list of the most popular social networks can be found under Customize -> Socials Ignited for you to fill in. Alternatively you can create custom sets of icons right on the widget.

Socials Ignited

The Socials Ignited plugin gives you a widget, allowing you to display and link icons on your website of more than 50 social networks.

Payments Square Connect vs Socials Ignited