Take Payments

Online Payment Options

Use Square payment APIs with custom solutions to accept online payments in the United States, Canada, Australia, the United Kingdom, and Japan.

Take payments with a customizable UI
Permalink Get a link to this section

Use the Square Payment Form and Payments API to add a PCI-compliant payment form to your own checkout page. Customize the Square Payment Form with CSS and HTML, add Square Gift Card, and digital wallets support with Apple Pay, Masterpass, and Google Pay buttons.

Square Payment Form encodes the payment card or digital wallet information in a secure 1-time token that you send to your own server-side resource for payment processing. The payment is processed by the Payments API CreatePayment endpoint. The secure token from the payment form is added to the payment request so that the Square payments processing server charges the correct payment card.

diagram-sqpaymentform-basic

To start taking payments, get a Square account and an access token and then add a few blocks of code to your checkout page and a backend module that makes a call on the Square Payments API.

See the Payment Form build guide to learn about building a custom online payment solution. The guide includes code templates that start you off with a production quality payment form. No need to design your form from scratch.

Complete orders and take payments with a pre-built UI
Permalink Get a link to this section

Use the Checkout API to integrate with a pre-built order and payment flow hosted on Square servers and let Square handle security and any required certificates. The Checkout API includes a default payment confirmation page, but you have the option to create your own payment confirmation page instead.

Just create an order item with our Checkout API, and post it to our servers in a Checkout API request that returns a unique checkout URL.

Use the checkout URL to navigate to the checkout page. We present the buyer with our checkout flow pre-populated with your order details and then handle the payment for you.

checkout-screen-01

After the buyer clicks the Place Order button, Square directs them to an order confirmation page.

checkout-screen-02

See the Checkout API build guide to learn about integrating with a pre-build payment solution.

Take payments with a Square-integrated plug-in
Permalink Get a link to this section

Skip the code and take payments with a Square-integrated payments plug-in for common eCommerce solutions from the Square App Marketplace.

Go to the Square App Marketplace to find our list of partners and leverage proven online payments plug-in solutions from partners like WooCommerce, Wix, BigCommerce, and many others.

Next steps

Start building a custom online payment solution with Square.