# 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](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjA_XRJ4n_pY6gkCct%2F-MWjGpqcF2ZVPq7l5nuO%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2016.03.56.png?alt=media\&token=d188ecc5-c0c5-4557-9df0-40a6c4bb03e7)

## Passo 1

Clique na opção "Conta".

![](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjA_XRJ4n_pY6gkCct%2F-MWjHDkgZlyIud1qGJIJ%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2016.05.18.png?alt=media\&token=dfbf09f3-7aae-4127-86ed-241a14737352)

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

![](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjA_XRJ4n_pY6gkCct%2F-MWjHqkqTUzG15E5bVR-%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2016.08.28.png?alt=media\&token=d4acfa83-4f19-420c-96ab-ed4868686f32)

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

![](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjA_XRJ4n_pY6gkCct%2F-MWjI3nWcdsni8SYHJQv%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2016.09.25.png?alt=media\&token=9265e523-b8fe-4b35-bf17-f64c9aac92bb)

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.](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjA_XRJ4n_pY6gkCct%2F-MWjIhZYo_EN9Hwe1jcJ%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2016.11.42.png?alt=media\&token=ee9874c1-4f26-4c87-ab28-125ea42f4cbe)

## Passo 2

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

![](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjA_XRJ4n_pY6gkCct%2F-MWjFh3-8kKsVK_CO0Y4%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2015.58.29.png?alt=media\&token=394542e0-45e9-4806-8b82-110045e70aee)

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

![](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjA_XRJ4n_pY6gkCct%2F-MWjG4hZ9TX7-xKGp05C%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2016.00.44.png?alt=media\&token=637933ca-9cb3-4515-9875-1d06d4f1bac5)

## 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.

![](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjA_XRJ4n_pY6gkCct%2F-MWjLjWAKUftEws8bSa3%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2016.25.26.png?alt=media\&token=73c1a6e8-5bd6-41cc-8a87-7681e98749c5)

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](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjNMMiH9Xtw32Y7-cn%2F-MWjxlkYlaFlSD44SZN2%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2019.15.27.png?alt=media\&token=1fc7db91-2b9e-448f-8131-dcfd2f22b396)

![Na lista, pegue o "id" da política que desejar. Neste caso, seria só o número 1, antes do "- Principal".](https://2187084662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWjAVY_XCf4Iy3SbVct%2F-MWjNMMiH9Xtw32Y7-cn%2F-MWjxvoJhWRJcOWjlAGC%2FCaptura%20de%20Tela%202021-03-26%20a%CC%80s%2019.16.38.png?alt=media\&token=67fa1a20-7aa8-4cd5-9443-60276eacd138)

## 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>
