> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/productos/landing/metodos-de-integracion/landing-sdk/instalacion.md).

# Instalación

La instalación es fácil, ya sea a través de NPM o CDN.

## **Instalación con NPM**

Para la instalación con npm, el requisito es tener **nodejs** y **npm** instalados. Para más documentación sobre este aspecto, consulta aquí:

<https://nodesource.com/blog/an-absolute-beginners-guide-to-using-npm/>

Una vez completado este paso, la instalación es muy sencilla; en la línea de comandos de tu repositorio ejecuta:

```bash
npm install @facephi/landing-sdk
```

Esto agregará el sdk a tu proyecto para su uso de la siguiente manera:

```javascript
import LandingSDKClient from '@facephi/landing-sdk';

const landingSDK = new LandingSDKClient('YOUR_APIKEY');
```

Donde la clave API será proporcionada por nosotros o generada por ti a través del Landing Builder.

Para invocar el post, usaremos el siguiente comando:

```javascript
landingSDK.callLanding();
```

Por ejemplo:

```html
<html>
  <script type="module">
    import LandingSDKClient from './dist/landing-sdk.js';
    const landingSDK = new LandingSDKClient('YOUR_APIKEY');

    const callLanding = () => {
      landingSDK.callLanding();
    }

    window.callLanding = callLanding;

  </script>
  <body>
    <div>
      Landing SDK Client
      <button onclick="callLanding()">Ir a la página de destino</button>
    </div>
  </body>
</html>
```

***

## **Instalación con CDN**

La instalación desde CDN es muy simple, ya que no tienes que realizar ningún paso de instalación previo, solo agrégala de la siguiente manera:

```html
<html>
  <script type="module">
    import LandingSDKClient from 'https://sdk-web.facephi.pro/landing-sdk/landing-sdk.js';
    const landingSDK = new LandingSDKClient('YOUR_APIKEY');

    const callLanding = () => {
      landingSDK.callLanding();
    }

    window.callLanding = callLanding;

  </script>
  <body>
    <div>
      Landing SDK Client
      <button onclick="callLanding()">Ir a la página de destino</button>
    </div>
  </body>
</html>
```

***

## Uso mediante iframe

En caso de utilizar los componentes dentro de un **iframe** es recomendable **mantener el foco dentro del contenedor** que integra los componentes del SDK Web.
