Webflow’s native e-commerce platform does not support Square as a payment processor, as it only integrates directly with Stripe, PayPal, and Apple Pay (via Stripe). However, there are workarounds if you still want to use Square for transactions.
1. Use Square Payment Links
- Create a payment link or button in your Square Dashboard (go to Online Checkout).
- Copy the shareable link that leads to a Square-hosted checkout page.
- In Webflow, add a button or link and set the link URL to your Square checkout page.
- This method bypasses Webflow’s e-commerce system and handles payment entirely on Square’s side.
- Use a third-party tool like POWR, Ecwid, or Checkout Page, which supports Square and can be embedded via an iframe.
- In Webflow, add a custom embed element and paste the embeddable widget code.
- This acts as a storefront/cart and payment handler, with Square processing the final transaction.
3. Use Zapier or Make (Integromat) with a Custom Workflow
- Build a semi-automated flow using Webflow Forms + Zapier/Make.
- After a form submission (e.g., product request), trigger a Square payment request or invoice creation.
- This is not real-time e-commerce but can support service-based or invoice-style businesses.
4. Fully Bypass Webflow E-Commerce
- If Square is a strict requirement, consider using Square Online Store or another platform that natively integrates with Square.
- You could still design your marketing website in Webflow and link out to the Square store for purchasing.
Summary
Webflow does not natively support Square for e-commerce. To use it, you must either link to Square-hosted checkout pages, embed a supported third-party tool, or set up an external automation using Zapier/Make. For fully integrated Square checkout, a different e-commerce platform may be better suited.