> ## Documentation Index
> Fetch the complete documentation index at: https://sequence-0fb8d9e6-codex-update-discord-invite.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Guía rápida de Embedded Wallet

> Conecte a sus usuarios con su App usando Sequence Embedded Wallet.

## Integrar por framework

<CardGroup>
  <Card title="Web SDK" icon="code" href="/sdk/web/wallet-sdk/embedded/getting-started" />

  <Card title="Unity SDK" icon="unity" href="/sdk/unity/overview" />

  <Card
    title="Unreal SDK"
    icon={
<div className="h-6 w-6 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100">
	<div
		className="h-6 w-6 bg-primary dark:bg-primary-light"
		style={{
			WebkitMask:
				"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0c-8.766 0-15.865 7.161-15.865 16s7.099 16 15.865 16c8.76 0 15.865-7.161 15.865-16s-7.104-16-15.87-16zM16 0.703c4.047 0 7.859 1.594 10.724 4.479 2.859 2.875 4.453 6.766 4.443 10.818 0 4.083-1.578 7.927-4.443 10.818-2.828 2.87-6.693 4.484-10.724 4.479-4.031 0.005-7.896-1.609-10.724-4.479-2.859-2.875-4.458-6.766-4.448-10.818 0-4.083 1.583-7.927 4.443-10.818 2.828-2.875 6.698-4.49 10.729-4.479zM15.203 6.333c-2.583 0.693-4.974 2.021-8.161 5.677s-2.583 6.677-2.583 6.677c0 0 0.88-2.078 2.995-4.266 1.005-1.036 1.75-1.385 2.266-1.385 0.458-0.026 0.844 0.344 0.844 0.802v7.422c0 0.734-0.474 0.896-0.911 0.885-0.37-0.005-0.714-0.135-0.714-0.135 2.172 3.156 7.37 3.599 7.37 3.599l2.281-2.438 0.052 0.047 2.089 1.781c3.823-2.271 5.667-6.479 5.667-6.479-1.708 1.802-2.792 2.224-3.438 2.224-0.573-0.005-0.797-0.339-0.797-0.339-0.031-0.156-0.083-2.417-0.104-4.677-0.021-2.339 0-4.682 0.115-4.688 0.661-1.24 2.766-3.74 2.766-3.74-3.932 0.776-6.073 3.354-6.073 3.354-0.635-0.5-1.927-0.417-1.927-0.417 0.604 0.333 1.208 1.302 1.208 2.104v7.896c0 0-1.318 1.161-2.333 1.161-0.604 0-0.974-0.328-1.177-0.599-0.078-0.104-0.146-0.219-0.198-0.344v-9.75c-0.141 0.104-0.313 0.161-0.484 0.167-0.219 0-0.443-0.109-0.594-0.427-0.115-0.24-0.188-0.599-0.188-1.125 0-1.797 2.031-2.99 2.031-2.99z'/%3E%3C/svg%3E\")",
			mask: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0c-8.766 0-15.865 7.161-15.865 16s7.099 16 15.865 16c8.76 0 15.865-7.161 15.865-16s-7.104-16-15.87-16zM16 0.703c4.047 0 7.859 1.594 10.724 4.479 2.859 2.875 4.453 6.766 4.443 10.818 0 4.083-1.578 7.927-4.443 10.818-2.828 2.87-6.693 4.484-10.724 4.479-4.031 0.005-7.896-1.609-10.724-4.479-2.859-2.875-4.458-6.766-4.448-10.818 0-4.083 1.583-7.927 4.443-10.818 2.828-2.875 6.698-4.49 10.729-4.479zM15.203 6.333c-2.583 0.693-4.974 2.021-8.161 5.677s-2.583 6.677-2.583 6.677c0 0 0.88-2.078 2.995-4.266 1.005-1.036 1.75-1.385 2.266-1.385 0.458-0.026 0.844 0.344 0.844 0.802v7.422c0 0.734-0.474 0.896-0.911 0.885-0.37-0.005-0.714-0.135-0.714-0.135 2.172 3.156 7.37 3.599 7.37 3.599l2.281-2.438 0.052 0.047 2.089 1.781c3.823-2.271 5.667-6.479 5.667-6.479-1.708 1.802-2.792 2.224-3.438 2.224-0.573-0.005-0.797-0.339-0.797-0.339-0.031-0.156-0.083-2.417-0.104-4.677-0.021-2.339 0-4.682 0.115-4.688 0.661-1.24 2.766-3.74 2.766-3.74-3.932 0.776-6.073 3.354-6.073 3.354-0.635-0.5-1.927-0.417-1.927-0.417 0.604 0.333 1.208 1.302 1.208 2.104v7.896c0 0-1.318 1.161-2.333 1.161-0.604 0-0.974-0.328-1.177-0.599-0.078-0.104-0.146-0.219-0.198-0.344v-9.75c-0.141 0.104-0.313 0.161-0.484 0.167-0.219 0-0.443-0.109-0.594-0.427-0.115-0.24-0.188-0.599-0.188-1.125 0-1.797 2.031-2.99 2.031-2.99z'/%3E%3C/svg%3E\")",
			maskRepeat: 'no-repeat',
			maskPosition: 'center center',
		}}></div>
</div>
}
    href="/sdk/unreal/wallets/embedded-wallet/setup"
  />

  <Card title="Headless Embedded Wallet" icon="js" href="sdk/headless-wallet/quickstart" />

  <Card title="React Native" icon="react" href="/sdk/mobile" />
</CardGroup>

<Steps>
  <Step title="Clonar repositorio inicial">
    Ejecute lo siguiente en su terminal para clonar el repositorio inicial.

    <CodeGroup>
      ```bash React theme={null}
      npx sequence-cli boilerplates create-embedded-wallet-react-starter
      ```

      ```bash Next theme={null}
      npx sequence-cli boilerplates create-embedded-wallet-nextjs-starter
      ```
    </CodeGroup>
  </Step>

  <Step title="Conectar y autenticar">
    Abra su navegador y vaya a `http://localhost:4444`. Haga clic en <b>Connect</b> para iniciar el proceso de autenticación.

    ¡Ahora puede probar la Embedded wallet con el boilerplate! Ahora, configure su propio proyecto.
  </Step>

  <Step title="Configure su proyecto">
    <a href="https://sequence.build/project/default/embedded-wallet?tab=config">Vaya a la configuración de embedded wallet</a> para su proyecto en Builder. Ingrese la dirección de su wallet de recuperación y establezca una contraseña, luego <b>Crear configuración</b>. Tenga en cuenta que esta configuración no podrá modificarse más adelante.
  </Step>

  <Step title="Actualizar variables de entorno">
    Vaya al directorio clonado y copie y pegue esta configuración en el archivo `.env` reemplazando la configuración existente.

    Asegúrese de actualizar `PROJECT_ACCESS_KEY` y `WAAS_CONFIG_KEY` con las nuevas claves que encontrará en la <a href="https://sequence.build/project/default/embedded-wallet?tab=integration">página de integración</a>.

    ```tsx theme={null}
    # Update with your project access key
    VITE_PROJECT_ACCESS_KEY="AQAAAAAAAKJcPk5v95BJE-Q7GwdlY9hPuAM"
    # Update with your WAAS_CONFIG_KEY
    VITE_WAAS_CONFIG_KEY="eyJwcm9qZWN0SWQiOjQxNTY0LCJycGNTZXJ2ZXIiOiJodHRwczovL3dhYXMuc2VxdWVuY2UuYXBwIn0="
    VITE_GOOGLE= NULL
    VITE_APPLE= NULL
    VITE_WALLET_CONNECT_ID= NULL
    VITE_CHAINS= 80002
    VITE_DEFAULT_CHAIN= 80002
    ```
  </Step>

  <Step title="Pruebe su nueva configuración">
    Guarde su archivo `.env`, ejecute `pnpm dev` desde el directorio raíz y vuelva a `http://localhost:4444`. Inicie sesión en su wallet usando correo electrónico para probar nuevamente las acciones de la wallet.

    ¡Listo! Ahora puede ver la conexión de su wallet en la página Overview y las claves están limitadas a su proyecto.
  </Step>
</Steps>

Como siguientes pasos:

* Ahora puede configurar varios [proveedores de autenticación social](/solutions/builder/embedded-wallet#login-providers).
* [Use más funciones de nuestro web-sdk](/sdk/web/wallet-sdk/embedded/guides/send-sponsored-tx).
* [Solicite un token de ID de Sequence para validar usuarios en su backend](/sdk/headless-wallet/verification).
