> For the complete documentation index, see [llms.txt](https://docs.live-co.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.live-co.app/integracoes/geral/vtex.md).

# VTEX

{% hint style="info" %}
Estamos trabalhando na integração simplificada para que seja feita através de 2 cliques. Por enquanto, é necessário seguir os passos abaixo.
{% endhint %}

### Fluxo do lojista

Essa integração vai permitir com que você possa adicionar produtos da sua loja na VTEX em poucos cliques na LiveCo.

### Fluxo do cliente

O cliente poderá adicionar os produtos no carrinho e, ao clicar em "finalizar pedido", será encaminhada para o checkout na vtex com todos os produtos selecionados na LiveCo.

## Como fazer a integração

No administrador da VTEX, você precisa gerar o AppKey e AppToken com as permissões necessárias. Para iniciar, clique no menu "Gerenciamento da conta".

![Acesse Perfis de acesso](/files/-MWjGpqcF2ZVPq7l5nuO)

## Passo 1

Clique na opção "Conta".

![](/files/-MWjHDkgZlyIud1qGJIJ)

E vá até a aba de "Segurança". Nela, clique em "Gerar access key e secret" e abrirá a tela abaixo. Digite LiveCo.

![](/files/-MWjHqkqTUzG15E5bVR-)

E clique em "Gerar novos **secrets**".

![](/files/-MWjI3nWcdsni8SYHJQv)

Quando exibir a tela acima, copie o código que exibiu e salve em alguma lugar para que possa copiar e colar (um bloco de notas, por exemplo), pois você vai precisar dele.

Em seguida, guarde também o **Access Key**, que nesse exemplo é "vtexappkey-livecobr-FWARYT". A sua, será outra, gerada automaticamente pela VTEX.

![Guarde o Access Key.](/files/-MWjIhZYo_EN9Hwe1jcJ)

## Passo 2

Selecione a opção "Call center operator".

![](/files/-MWjFh3-8kKsVK_CO0Y4)

Na mesma página, adicione o usuário da sua conta que terá a permissão.

![](/files/-MWjG4hZ9TX7-xKGp05C)

## Passo 3

Com as informações salvar, vamos até ao LiveCo, em Criar Nova Live.

{% embed url="<https://live-co.app/go-live-setup>" %}

Clique em "Integração com VTEX" e verá essa página.

![](/files/-MWjLjWAKUftEws8bSa3)

Preencha os campos da seguinte forma:

* **Vtex Account Name** = Caso não saiba, entre em contato com o suporte da vtex.
* **Ambiente** = Normalmente é vtexcommercestable. Tente com esse se não souber, mas verifique com o suporte se não funcionar.
* **Appkey** = É o "Access Key" que você salvou no primeiro passo.
* **AppTone** = É o "Secrets" que você salvou no primeiro passo.
* **Url da loja** = Exemplo: <https://seusite.com>
* **Id da política de vendas** = No seu administrador da VTEX, existem as políticas criadas pela sua loja. Adicione somente o número. Veja nas imagens abaixo.&#x20;

![No menu do administrador VTEX](/files/-MWjxlkYlaFlSD44SZN2)

![Na lista, pegue o "id" da política que desejar. Neste caso, seria só o número 1, antes do "- Principal".](/files/-MWjxvoJhWRJcOWjlAGC)

## Conclusão

Pronto, agora a sua loja poderá publicar os produtos na LiveCo. \
\
**Pontos importantes:**

* Só vamos capturar a primeira foto do produto. Isso melhora a experiência do cliente. Quando mais distração, menor a conversão de vendas.
* Os estoques serão importados no momento que for cadastrado e serão reduzidos de acordo com as compras. Para não ser lento para o cliente, o que vale é o estoque dentro do APP. Quando for iniciar a live, verifique se o estoque está correto. *Estamos trabalhando em uma solução sincronizada em tempo real.*
* &#x20;Qualquer dúvida, entre em contato conosco pelo <hello@live-co.app>
