Web Payments SDK

The Web Payments SDK lets you easily create PCI-compliant inputs to accept online payments with the Square Payments API. The SDK supports various payment methods for a given payment scenario with a seller. After initializing the SDK, learn how to build and integrate a payment method for your web client application.

Quick Setup

Initialize the SDK

Add the following script to the <head> of your index.html page. This will set up the SDK for testing in a sandbox environment. Remove sandbox from the URL when developing for production.
```
  <script src="https://sandbox.web.squarecdn.com/v1/square.js"></script>
```
Choose a payment method

The Payments object provides factory methods for the payment methods. To complete a payment scenario, see one of the following payment methods:

Code playground

#
Payments

Returned by Square.payments(appId, locationId).

Use this object to instantiate Payment methods.

Methods


const payments = Square.payments(appId, locationId);

Web Payments SDK

Quick Setup

Initialize the SDK

Choose a payment method

Code playground

# Payments

Methods

#
Payments