Uploaded August 2021 | Updated September 2026, 6 hours ago
Learn how to use Web Payments SDK with the Payments API, so you can take payments with Square on your website. This is a two-step process:
1. Add Web Payments SDK to your web client and set it up to generate a single-use token.
2. Use the Payments API to create a payment using the single-use token you got from Web Payments SDK.
We walk you through the Web Payments Quickstart application to show how you can get the Web Payments SDK to work with a backend to take a payment. We also demonstrate how to support multiple payment types using the same exact backend. Web Payments SDK can support credit or debit card, ACH, gift cards, and digital wallets (google pay & apple pay).
Chapters:
0:00 Getting Started
0:26 End to end payment flow
0:50 Demo Web Payments SDK Quickstart App
2:16 Frontend – Web Payments SDK
4:03 Backend – NodeJS
5:20 Payment Options – Credit card, debit card, ACH, apple pay, google pay
5:42 ACH Payment Flow
6:55 Wrap-up
Web Payments Quickstart – github.com/square/web-payments-quickstart
Sandbox Test Values – developer.squareup.com/docs/testing/test-values
Web Payments SDK Overview – developer.squareup.com/docs/web-payments/overview
Square Developer Forums – developer.squareup.com/forums
Square Developer Community – https://squ.re/slack
Square Developer Twitter – twitter.com/squaredev
Square Developer Blog – developer.squareup.com/blog
Learn how to use Web Payments SDK with the Payments API, so you can take payments with Square on your website. This is a two-step process:
1. Add Web Payments SDK to your web client and set it up to generate a single-use token.
2. Use the Payments API to create a payment using the single-use token you got from Web Payments SDK.
We walk you through the Web Payments Quickstart application to show how you can get the Web Payments SDK to work with a backend to take a payment. We also demonstrate how to support multiple payment types using the same exact backend. Web Payments SDK can support credit or debit card, ACH, gift cards, and digital wallets (google pay & apple pay).
Chapters:
0:00 Getting Started
0:26 End to end payment flow
0:50 Demo Web Payments SDK Quickstart App
2:16 Frontend – Web Payments SDK
4:03 Backend – NodeJS
5:20 Payment Options – Credit card, debit card, ACH, apple pay, google pay
5:42 ACH Payment Flow
6:55 Wrap-up
Web Payments Quickstart – github.com/square/web-payments-quickstart
Sandbox Test Values – developer.squareup.com/docs/testing/test-values
Web Payments SDK Overview – developer.squareup.com/docs/web-payments/overview
Square Developer Forums – developer.squareup.com/forums
Square Developer Community – https://squ.re/slack
Square Developer Twitter – twitter.com/squaredev
Square Developer Blog – developer.squareup.com/blog
