> 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/docs.facephi-pt-br/produtos/landing/metodos-de-integracion/landing-sdk/instalacion.md).

# Instalação

A instalação é fácil, seja por NPM ou CDN.

## **Instalação com NPM**

Para a instalação com npm, o requisito é ter **nodejs** e **npm** instalados. Para mais documentação sobre esse aspecto, consulte aqui:

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

Uma vez concluída esta etapa, a instalação é muito simples; na linha de comando do seu repositório, execute:

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

Isso adicionará o SDK ao seu projeto para uso da seguinte maneira:

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

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

Onde a chave API será fornecida por nós ou gerada por você por meio do Landing Builder.

Para invocar o post, usaremos o seguinte comando:

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

Por exemplo:

```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 para a página de destino</button>
    </div>
  </body>
</html>
```

***

## **Instalação com CDN**

A instalação via CDN é muito simples, já que você não precisa realizar nenhuma etapa de instalação prévia; basta adicioná-la da seguinte maneira:

```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 para a página de destino</button>
    </div>
  </body>
</html>
```

***

## Uso via iframe

Caso utilize os componentes dentro de um **iframe** é recomendável **manter o foco dentro do contêiner** que integra os componentes do SDK Web.
