> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://hoopdecor.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Integração com VTEX

Este artigo explica como gerar as credenciais de API na VTEX para integração com o Hoop.
As credenciais são compostas por **App Key** e **App Token**, utilizadas para autenticação na integração.

### Pré-requisitos
Você precisa ter acesso ao painel administrativo da VTEX com permissão para gerar chaves de API.

### Gerar API Key e Token na VTEX

1. Acesse o painel da VTEX, **Configurações da conta** > **Gerenciamento da conta** > **Chaves de aplicativo** (API Keys).
2. Clique no botão “**⊕ Gerar novo**”, no canto superior direito.


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-2023-04-04t150905260_61uu0d.png)
3. Informe uma descrição para identificar a chave. Esse campo é apenas para organização interna.
4. Clique em “**+ Adicionar funções**“ para gerenciar permissões de chave de aplicativo. Selecione todas as funções.
5. Clique no botão “**Gerar**”.
6. Clique no botão para copiar o token do aplicativo. **Este segredo será exibido apenas uma vez**. Recomendamos que você o guarde em um local seguro!
7. Uma vez gerado o código, você deve copiar e colar no sistema da Hoop. Abra o sistema da Hoop, passe o mouse sobre **seu perfil**, no canto inferior esquerdo, e clique em “**Loja**”.
8. Em seguida vá no menu **Integrações.**

![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/7/a/377a4172135ea400/integracoes-2_8z7ezb.png =231xauto)

9. Escolha a opção do E-commerce que quer integrar, neste caso, o Vtex e clique em “**Integrar**”.

![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-2023-04-04t151407540_1ezzph7.png)

11. Coloque o nome da sua conta na Vtex.

![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-2023-04-04t151438431_1tpm7xb.png)

12. Coloque o **AppKey** e o **AppToken** (o **AppToken** é o código que é mostrado apenas uma vez, por isso a importância de copiá-lo).
13. As credenciais devem ser enviadas nos headers da requisição:
* `X-VTEX-API-AppKey`: sua **App Key**
* `X-VTEX-API-AppToken`: sua **App Token**


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-2023-04-04t151544640_hi7phm.png)

14. Após inserir todos os campos, clique em “**Salvar**”.