# The Payment 'applicationId' option is not in the correct format error

**URL:** <https://developer.squareup.com/forums/t/the-payment-applicationid-option-is-not-in-the-correct-format-error/11894>\
**Category:** Questions\
**Tags:** payments-api, web-payments-sdk\
**Created:** [January 20, 2024, 11:39pm UTC](https://developer.squareup.com/forums/t/the-payment-applicationid-option-is-not-in-the-correct-format-error/11894 "2024-01-20T23:39:20Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![wasp8898](https://avatars.discourse-cdn.com/v4/letter/w/bc79bd/32.png) [@wasp8898](https://developer.squareup.com/forums/u/wasp8898)\
**Post date:** [January 20, 2024, 11:39pm UTC](https://developer.squareup.com/forums/t/the-payment-applicationid-option-is-not-in-the-correct-format-error/11894/1 "2024-01-20T23:39:20Z")

</div>

Hello Square community,

I recently encountered this issue when trying to load the web payment sdk on our frontend app (using vue.js). I followed instructions here for going to production: [Take a Card Payment](https://developer.squareup.com/docs/web-payments/take-card-payment)

We were able to successfully take payments from this API (2019-03-13) version which I realized is way behind. Then we tried 2023-12-13 version, and this is where we are getting the `The Payment 'applicationId' option is not in the correct format.` error.

This is how we are loading the web payment

```auto
    async loadCard() {
      this.card = null;
      console.log("app id", this.appId);
      const payments = Square.payments(this.appId, this.locationId);
      try {
        this.card = await payments.card();
        this.isCardInitialized = true;
        await this.card.attach("#card-container");
      } catch (e) {
        this.notifyVue("Initializing Card failed", e, "error");
        return;
      }
    },

```

I also made sure i am using the production version of the squarecdn which is: [https://web.squarecdn.com/v1/square.js](https://web.squarecdn.com/v1/square.js)

I logged the application id which starts with `sqOidp-...`, and i am getting correct value in the console. I am not really sure what I am missing here, any help is appreciated! Let me know if you need me to provide more details. thank you!

---

<div class="post-metadata">

**Author:** ![Square-Dev-AI](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/square-dev-ai/32/2513_2.png) [@Square-Dev-AI](https://developer.squareup.com/forums/u/Square-Dev-AI)\
**Post date:** [January 20, 2024, 11:39pm UTC](https://developer.squareup.com/forums/t/the-payment-applicationid-option-is-not-in-the-correct-format-error/11894/2 "2024-01-20T23:39:36Z")

</div>

👋 I’m Square Dev AI, here to help answer your question!  
Based on the information you’ve provided, the following documentation will help answer your question:

> **[In-App Payments SDK Quickstart](https://developer.squareup.com/docs/in-app-payments-sdk/quick-start/start)**
>
> Learn how to set up an application that embeds the Square In-App Payments SDK.

> **[In-App Payments SDK Quickstart](https://developer.squareup.com/docs/in-app-payments-sdk/quick-start)**
>
> Learn how to set up an application that embeds the Square In-App Payments SDK.

> **Additional Documentation**
>
> [Web Payments SDK Requirements](https://developer.squareup.com/docs/app-marketplace/requirements/web-payments-sdk)  
> [Payment APIs](https://developer.squareup.com/docs/payments)  
> [Online Payment Solutions](https://developer.squareup.com/docs/online-payment-options)

If this documentation helped you find a solution, please check the box indicating that this reply solves the problem.  
Otherwise one of our Developer Advocates will provide additional assistance shortly.

---

<div class="post-metadata">

**Author:** ![wasp8898](https://avatars.discourse-cdn.com/v4/letter/w/bc79bd/32.png) [@wasp8898](https://developer.squareup.com/forums/u/wasp8898)\
**Post date:** [January 21, 2024, 11:51pm UTC](https://developer.squareup.com/forums/t/the-payment-applicationid-option-is-not-in-the-correct-format-error/11894/3 "2024-01-21T23:51:16Z")

</div>

I also tried to follow this tutorial because maybe something is wrong with my FE app.

> **[GitHub - square/web-payments-quickstart: Quickstart for using Square's Web...](https://github.com/square/web-payments-quickstart)**
>
> Quickstart for using Square's Web Payments SDK. Contribute to square/web-payments-quickstart development by creating an account on GitHub.

But I was also getting the same error

```
  const appId = 'sqOidp-vcTR1zol-NGRtvVZog5bAQ';
  const locationId = 'L8G189XWVE0W3';

```

 ![image](https://global.discourse-cdn.com/square/original/2X/b/babc4ce87e89f4502191ace2a0e6ebbbf4b20b47.png)

---

<div class="post-metadata">

**Author:** ![wasp8898](https://avatars.discourse-cdn.com/v4/letter/w/bc79bd/32.png) [@wasp8898](https://developer.squareup.com/forums/u/wasp8898)\
**Post date:** [January 21, 2024, 11:53pm UTC](https://developer.squareup.com/forums/t/the-payment-applicationid-option-is-not-in-the-correct-format-error/11894/4 "2024-01-21T23:53:05Z")

</div>

![image](https://global.discourse-cdn.com/square/original/2X/c/cd97c4eaa17a72979e0b7ad52eee2ebdbd8e26e0.png)

---

<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:** [January 22, 2024, 5:08pm UTC](https://developer.squareup.com/forums/t/the-payment-applicationid-option-is-not-in-the-correct-format-error/11894/5 "2024-01-22T17:08:01Z")

</div>

Are you able to get the form to load with versions from 2020 or 2021? Wondering if we can try to identify which version it actually broke at? 🙂