# How to Connect Wallet & login?

## Overview  <a href="#id-1.-how-to-connect-and-disconnect-your-wallet" id="id-1.-how-to-connect-and-disconnect-your-wallet"></a>

At JOJO, we can support users to login with both wallets and socials:

{% hint style="info" %}
1 If you have a wallet, you can connect it directly using a browser plugin, desktop application, or wallet app.

2 If you don’t have a wallet, you can log in with socials or smart wallet, which takes less than a minute.

3 If your preferred wallet is not listed, you can use \[WalletConnect] to log in.
{% endhint %}

Now, let’s walk you through the process:

## 1. Connect an existing wallet <a href="#id-1.-how-to-connect-and-disconnect-your-wallet" id="id-1.-how-to-connect-and-disconnect-your-wallet"></a>

**Step 1:** Install a wallet browser plugin, desktop application, or wallet app.&#x20;

Take \[Metamask] for example, you can [download](https://chromewebstore.google.com/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en) it first and make the configs for the wallet.

Remember to [add \[Base\] network](https://support.metamask.io/networks-and-sidechains/managing-networks/add-a-network-using-chainlist/) for it.

**Step 2:** Click **\[Connect Wallet]** button in the upper right corner

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FlYxIkFRGPyuKTLWcvEKU%2FTrade%20on%20Base_Connect%20wallet%201.png?alt=media&#x26;token=2b575c93-6520-4f30-aa74-c66502c5ed63" alt="" width="312"><figcaption></figcaption></figure>

**Step 3:** Select your wallet entrance, then click **\[Sign In]**.

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FziZbxZ4jAh2sULO6472e%2Fimage.png?alt=media&#x26;token=6c40f41d-8469-40cb-a7c1-3bf7b6a693e1" alt="" width="207"><figcaption></figcaption></figure>

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FEFL6zJzQ3U3BZ4be0WMH%2Fimage.png?alt=media&#x26;token=63f8c3f2-c044-42db-86bf-daca02cc7e7a" alt="" width="208"><figcaption></figcaption></figure>

**Step 4:** Sign in and enable access to you wallet

If you want to log out, click your **\[Wallet Address]** in the upper right corner. After that you will successfully disconnect your wallet.

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FNqysx2eIYtxi74X8j3Ct%2Fimage.png?alt=media&#x26;token=edcf871c-898a-4484-bed4-5db20153de55" alt="" width="185"><figcaption></figcaption></figure>

## 2. Login with Smart Wallet

Step1: Select the Smart Wallet

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FS9HcapQvwJlcwdWunA3l%2Fimage.png?alt=media&#x26;token=2128b976-6b8e-4eac-9aa1-a0a02127880e" alt="" width="370"><figcaption></figcaption></figure>

Step2: Click the \[Sign up] button, the smart wallet will automatically save the passkey for you in the iCloud Keychain. Please do not delete it.

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FcmB6Ezgx8VU3FSI2sN85%2Fimage.png?alt=media&#x26;token=4a68dee5-5a91-4612-b4eb-546d2854b650" alt="" width="375"><figcaption></figcaption></figure>

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FtXU6g42jhhsJIuK1rYkD%2Fimage.png?alt=media&#x26;token=5e4f8698-07fa-4c72-9ff7-4bad549c6543" alt="" width="375"><figcaption></figcaption></figure>

Step3: Then you can use touchID or faceID to sign in.

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FIKHBcjfW3C2mqN2GljS5%2Fimage.png?alt=media&#x26;token=dad88e97-151b-460c-af4e-f6aca1533e0d" alt="" width="375"><figcaption></figcaption></figure>

## 3. Login with Socials

JOJO has partnered with [Particle Network](https://particle.network/) to supports Gmail, X, Email and Phone number methods to login, in this way, users will be able to enjoy JOJO even if they don't have a WEB3 wallet.&#x20;

#### Benefits for using Particle Network AA wallet solution for JOJO users

With Particle Network AA wallt solution, JOJO offers numerous advantages for our user, including:

* Enhanced Security: The integration of AA ensures a higher level of security for users’ assets, mitigating the risk of hacks or thefts.&#x20;
* Seamless User Experience: It simplifies onboarding for Web2 users, streamlines transaction processes, and reduces failed transactions.
* Scalability and Adaptability: It is designed to adapt to future innovations in the blockchain space, ensuring that users can take advantage of the latest advancements in web3 technology stacks.

**Step 1: Click \[Connect Wallet] button in the upper right corner and then choose to login with Email, X, Google, or Mobile.**

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FxM0Sw8W6QlCAZiffC8cf%2Fimage.png?alt=media&#x26;token=77debbd9-ed93-452a-b067-b12d6f3dc8b9" alt="" width="375"><figcaption></figcaption></figure>

**Step 2: Take Gmail login as an example: Select an email account.**

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2F7wBwywhRfHgUdaMgsWjf%2Fimage.png?alt=media&#x26;token=687ef14f-d0d2-4ac1-a1c9-476178631c91" alt="" width="375"><figcaption></figcaption></figure>

**Step 3:** Enter the Master Password to encrypt the data. Make sure that you've saved the password in a proper way because both JOJO and Particle will not store the password.

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FW32TvyljPO90H7mUZiSo%2Fimage.png?alt=media&#x26;token=5934a02f-3006-4d23-ba5d-2c3de5ba0924" alt="" width="218"><figcaption></figcaption></figure>

**Step 4:** Click **【Sign In】** to complete the connection.

<figure><img src="https://766933878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FifJoX8SL0anL5Gj0WFNP%2Fuploads%2FZY7iLzSjKvo41nl2nHDS%2Fimage.png?alt=media&#x26;token=8d54fd29-352e-4388-8e79-7e3c45cad3c7" alt="" width="208"><figcaption></figcaption></figure>