# Web Payments SDK

**URL:** <https://developer.squareup.com/forums/t/web-payments-sdk/2529>\
**Category:** Announcements\
**Tags:** web-payments-sdk\
**Created:** [May 13, 2021, 10:38pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529 "2021-05-13T22:38:19Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![skipper](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/skipper/32/138_2.png) [@skipper](https://developer.squareup.com/forums/u/skipper)\
**Post date:** [May 13, 2021, 10:38pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/1 "2021-05-13T22:38:19Z")

</div>

Web Payments SDK is now available and unlocks ACH bank payment support in beta! Build an enhanced, fully-customized online payment experience and enable flexible payment methods like ACH bank payments. The SDK replaces SqPaymentForm (now deprecated) and all developers will need to migrate with a few simple front end updates (no backend changes are required). Check out the [Web Payments SDK documentation](https://developer.squareup.com/docs/web-payments/overview) for more, and feel free to ask us questions here!

---

<div class="post-metadata">

**Author:** ![wootmoot](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/wootmoot/32/21_2.png) [@wootmoot](https://developer.squareup.com/forums/u/wootmoot)\
**Post date:** [May 13, 2021, 10:48pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/2 "2021-05-13T22:48:12Z")

</div>

Pinned globally on May 13, 2021, 10:48pm UTC



---

<div class="post-metadata">

**Author:** ![webspence](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/webspence/32/116_2.png) [@webspence](https://developer.squareup.com/forums/u/webspence)\
**Post date:** [May 19, 2021, 6:42pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/3 "2021-05-19T18:42:47Z")

</div>

When will SqPaymentForm no longer be supported?

---

<div class="post-metadata">

**Author:** ![skipper](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/skipper/32/138_2.png) [@skipper](https://developer.squareup.com/forums/u/skipper)\
**Post date:** [May 19, 2021, 7:46pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/4 "2021-05-19T19:46:12Z")

</div>

SqPaymentForm was deprecated on May 13, 2021 and should be supported at least 12 months before permanent retirement. For more deprecation details, see the [Square API Lifecycle](https://developer.squareup.com/docs/build-basics/api-lifecycle#deprecated).

---

<div class="post-metadata">

**Author:** ![DigitalAlchemist](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/digitalalchemist/32/527_2.png) [@DigitalAlchemist](https://developer.squareup.com/forums/u/DigitalAlchemist)\
**Post date:** [May 24, 2021, 11:33am UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/5 "2021-05-24T11:33:59Z")

</div>

I was just about to upgrade a site using SqPaymentForm to include SCA but can’t find the code I’d previosuly reviewed. Is this still an option and if so where can I find the code?

I’d prefer to get SCA working on the production site while evaluating the new Web Payements in sandbox when my time permits.

---

<div class="post-metadata">

**Author:** ![sjosey](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/sjosey/32/40_2.png) [@sjosey](https://developer.squareup.com/forums/u/sjosey)\
**Post date:** [May 24, 2021, 4:04pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/6 "2021-05-24T16:04:33Z")

</div>

Hi @DigitalAlchemist you can find the deprecated docs here: [Strong Customer Authentication Overview](https://developer.squareup.com/docs/sca-overview-paymentform) (it’s under “Payments” → “Deprecated SDKs” → “Payment Form”). Please let me know if you have additional questions or concerns!

---

<div class="post-metadata">

**Author:** ![DigitalAlchemist](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/digitalalchemist/32/527_2.png) [@DigitalAlchemist](https://developer.squareup.com/forums/u/DigitalAlchemist)\
**Post date:** [May 24, 2021, 4:58pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/7 "2021-05-24T16:58:01Z")

</div>

Thank you @sjosey I’d previousy found that page and the Next Steps at the bottom of the page take you to

> **[Implement SCA](https://developer.squareup.com/docs/web-payments/sca)**
>
> Learn about strong customer authentication as implemented in a Square API.

which provides code to implement SCA with the new Web Payments and not SqPaymentForm.

---

<div class="post-metadata">

**Author:** ![Knowtifyd](https://avatars.discourse-cdn.com/v4/letter/k/90ced4/32.png) [@Knowtifyd](https://developer.squareup.com/forums/u/Knowtifyd)\
**Post date:** [June 8, 2021, 2:44pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/8 "2021-06-08T14:44:10Z")

</div>

@skipper could you take a look at a question I posted yesterday?

> **[Web Payments SDK - TypeError: Cannot read property 'api' of undefined](https://www.sellercommunity.com/t5/Developer-Discussions/Web-Payments-SDK-TypeError-Cannot-read-property-api-of-undefined/td-p/279232)**
>
> Howdy, y'all!   Ok, I'm using the new Square Web Payments SDK with Angular 12 to generate the Google Pay button but I keep getting this error: "TypeError: Cannot read property 'api' of undefined" and I've been trying numerous methods to resolve...

I’d appreciate any feedback.

Thanks,  
Joe

---

<div class="post-metadata">

**Author:** ![rbaron91](https://avatars.discourse-cdn.com/v4/letter/r/b2d939/32.png) [@rbaron91](https://developer.squareup.com/forums/u/rbaron91)\
**Post date:** [July 8, 2021, 5:23pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/9 "2021-07-08T17:23:15Z")

</div>

Hello! Experiencing this same exact issue @Knowtifyd is using Angular 9. Interestingly, Apple Pay and CC payments are working just fine and implemented near identically. Can you provide some guidance?

---

<div class="post-metadata">

**Author:** ![Bryan-Square](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/bryan-square/32/38_2.png) [@Bryan-Square](https://developer.squareup.com/forums/u/Bryan-Square)\
**Post date:** [July 8, 2021, 9:49pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/10 "2021-07-08T21:49:23Z")

</div>

Hi @rbaron91, this is likely a name collision and was resolved in this [Form](https://developer.squareup.com/forums/t/web-payments-sdk-google-pay-typeerror-cannot-read-property-api-of-undefined/2736) post. 🙂

---

<div class="post-metadata">

**Author:** ![rbaron91](https://avatars.discourse-cdn.com/v4/letter/r/b2d939/32.png) [@rbaron91](https://developer.squareup.com/forums/u/rbaron91)\
**Post date:** [July 8, 2021, 11:07pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/11 "2021-07-08T23:07:40Z")

</div>

> Oops! That page doesn’t exist or is private.

😿

---

<div class="post-metadata">

**Author:** ![Bryan-Square](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/bryan-square/32/38_2.png) [@Bryan-Square](https://developer.squareup.com/forums/u/Bryan-Square)\
**Post date:** [July 9, 2021, 6:10pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/12 "2021-07-09T18:10:53Z")

</div>

Sorry about that. This is likely a name collision, and if you have any variables named google , it would cause google.payments to be undefined. Do you have any other variables named google?

---

<div class="post-metadata">

**Author:** ![rbaron91](https://avatars.discourse-cdn.com/v4/letter/r/b2d939/32.png) [@rbaron91](https://developer.squareup.com/forums/u/rbaron91)\
**Post date:** [July 12, 2021, 2:09pm UTC](https://developer.squareup.com/forums/t/web-payments-sdk/2529/13 "2021-07-12T14:09:02Z")

</div>

Thanks @Bryan-Square. I don’t generate any variables with “google” as the name on my end so on a hunch I commented out all the Google Tag Manager/Google Analytics boilerplate/setup in my index.html and that fixed it - looks like GTM creates a global variable name `google`.

This is obviously not a real solution - might be something worth looking into for your team. Would be happy to share some snippets if that’s helpful
