# \[Archive\] Problems problems / Integration with Plug n PLay

**URL:** <https://builder.metamask.io/t/archive-problems-problems-integration-with-plug-n-play/1216>\
**Category:** Embedded Wallets (Web3Auth)\
**Created:** [September 24, 2024, 3:39am UTC](https://builder.metamask.io/t/archive-problems-problems-integration-with-plug-n-play/1216 "2024-09-24T03:39:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![business.services](https://avatars.discourse-cdn.com/v4/letter/b/ec9cab/32.png) [@business.services](https://builder.metamask.io/u/business.services)\
**Post date:** [September 24, 2024, 3:39am UTC](https://builder.metamask.io/t/archive-problems-problems-integration-with-plug-n-play/1216/1 "2024-09-24T03:39:43Z")

</div>

> **🏛 Archived Content from Web3Auth Community**
> 
> This topic was originally posted by **business.services** on 9/24/2024.  
> This content has been migrated from our previous community forum to preserve valuable discussions.

* * *

I need help integrating SDK package json  
platform : React native, web, ios and android

- **SDK Version** (package.json):
- **Platform** :
- **Browser Console Screenshots** :
- If the issue is related to Custom Authentication, please include the following information (optional):
  - Verifier Name: XCEL Crypto Partne
  - JWKS Endpoint: ?
  - Sample idToken (JWT): ?

I need to use JavaScript SDKs that work within a browser-based environment (compatible with GoodBarber apps). Also I need the Web3Auth SDK script tag.

PLease help!

---

<div class="post-metadata">

**Author:** ![w3abot](https://avatars.discourse-cdn.com/v4/letter/w/4da419/32.png) [@w3abot](https://builder.metamask.io/u/w3abot)\
**Post date:** [September 24, 2024, 3:40am UTC](https://builder.metamask.io/t/archive-problems-problems-integration-with-plug-n-play/1216/2 "2024-09-24T03:40:42Z")

</div>

Hello,

Thanks for reaching out! I’d be glad to help you with your integration. Here’s a brief summary of the situation:

- **SDK** : PnP Web SDK
- **Problem** : Integration issues with SDK package.json
- **Platform** : React Native, Web, iOS, Android

To help the Web3Auth support team provide the best assistance, could you please include the following details:

1. **Web3Auth Initialization & Login Code Snippets** : This will help us understand how you’re initializing Web3Auth and calling the login function.
2. **Browser Console Screenshots** : These can provide insights into any errors or warnings that might be showing up during the integration process.

It looks like you might be working with custom authentication. Normally, we would need your `JWKS Endpoint` and a sample `idToken (JWT)`, but if that information isn’t immediately available, we can proceed without it for now.

In the meantime, here’s a basic example of how you can include the Web3Auth SDK script tag in your project:

```html
<script src="https://cdn.jsdelivr.net/npm/@web3auth/web3auth@latest/dist/web3auth.umd.min.js"></script>

```

And a simple initiation example in JavaScript:

```javascript
const clientId = "YOUR_CLIENT_ID"; // get this from your Web3Auth dashboard
const web3auth = new Web3Auth({
clientId,
network: ‘testnet’, // mainnet, testnet
});
async function init() {
await web3auth.initModal();
if (web3auth.provider) {
// user is already logged in
} else {
// show login modal
const provider = await web3auth.connect();
}
}

```

Once we have the additional details, we can provide more specific guidance tailored to your case.

This response was generated by the Web3Auth Bot. A person from the Web3Auth team will review your query and assist you shortly.

Thanks!

---

<div class="post-metadata">

**Author:** ![shahbaz](https://yyz1.discourse-cdn.com/flex011/user_avatar/builder.metamask.io/shahbaz/32/1527_2.png) [@shahbaz](https://builder.metamask.io/u/shahbaz)\
**Post date:** [September 24, 2024, 7:18am UTC](https://builder.metamask.io/t/archive-problems-problems-integration-with-plug-n-play/1216/3 "2024-09-24T07:18:00Z")

</div>

Hello @business.services

Which SDK are you using?

> [@business.services](#):
>
> platform : React native, web, ios and android

I see you wrote this, so are you using all these?

> [@business.services](#):
>
> I need to use JavaScript SDKs that work within a browser-based environment (compatible with GoodBarber apps). Also I need the Web3Auth SDK script tag.

You can use web3auth with vanilla JavaScript.

If you are looking for an example, here’s one that we made, that includes the web3auth in script tag.

 ![](https://github.githubassets.com/favicons/favicon.svg)

```
  <a href="https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/quick-starts/vanillajs-modal-quick-start" target="_blank" rel="noopener">github.com</a>

```

### [web3auth-pnp-examples/web-modal-sdk/quick-starts/vanillajs-modal-quick-start at...](https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/quick-starts/vanillajs-modal-quick-start)

Contribute to Web3Auth/web3auth-pnp-examples development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![business.services](https://avatars.discourse-cdn.com/v4/letter/b/ec9cab/32.png) [@business.services](https://builder.metamask.io/u/business.services)\
**Post date:** [September 24, 2024, 1:46pm UTC](https://builder.metamask.io/t/archive-problems-problems-integration-with-plug-n-play/1216/4 "2024-09-24T13:46:42Z")

</div>

The problem I’m having is finding the correct SDK on Web3Auth to integrate into my app and website. I’ve already lost my investor because I don’t seem to get anywhere with your support team. I need HELP!

1. How and where is the correct documentation to integrate the Plug n Play into my app and website? Is there a link?

2. What SDK should I be using and WHERE IS IT?

3. I have set yp verifiers and all that’s required but I’m stuck trying to figure out where to get the details to integrate into my app and website.

Can somebody PLEASEEEEEEEEE HELP ME!

---

<div class="post-metadata">

**Author:** ![maharshi](https://yyz1.discourse-cdn.com/flex011/user_avatar/builder.metamask.io/maharshi/32/1525_2.png) [@maharshi](https://builder.metamask.io/u/maharshi)\
**Post date:** [October 1, 2024, 9:34am UTC](https://builder.metamask.io/t/archive-problems-problems-integration-with-plug-n-play/1216/5 "2024-10-01T09:34:24Z")

</div>

Hey @business.services  
You can go through our docs to take an informed decision on which SDK to use by going through our docs [here](https://web3auth.io/docs/).

> [@business.services](#):
>
> How and where is the correct documentation to integrate the Plug n Play into my app and website? Is there a link?

1. You can use the SDK reference to take help while implementing the [PnP SDK](https://web3auth.io/docs/sdk/pnp/web/modal).

> [@business.services](#):
>
> What SDK should I be using and WHERE IS IT?

1. That is your decision entirely, we can guide you if you tell us your requirements. All the SDKs are sufficiently discussed in our docs, please let us know if you need a deeper dive.

> [@business.services](#):
>
> I have set yp verifiers and all that’s required but I’m stuck trying to figure out where to get the details to integrate into my app and website.

1. When you go through the SDK reference, you’ll see the parameter that accepts the verifier that you’ve created on the Web3Auth dashboard.

For a quick start, check out the following resources:

- [Web3Auth Demo](https://web3auth.io/demo)
- [Quickstart Guide](https://web3auth.io/docs/quick-start)