A integração entre OmniChat e VTEX permite que você se beneficie de todo o catálogo de produtos existentes no seu e-commerce, além das regras de logística, pagamento, promoções e outros.
Como ativar a integração
Para ativar a integração entre OmniChat e VTEX siga as etapas abaixo:
Na plataforma OmniChat, no menu lateral, acesso Configurações > Integrações.
Na tela que será exibida, no menu de integração, acesse E-Commerce/ERP.
Clique no botão Nova Integração, será carregado o formulário de integração VTEX.
3. Agora vamos preencher o formulário:
Informe a versão da sua loja
Escolha qual a versão da sua loja (se ela possui o VTEX IO ou não)
Caso possua duvidas sobre a versão da sua loja, entre em contato com o suporte da VTEX
Nome
Nome dado a sua integração, que será exibido na lista de integrações disponíveis.
Time
Aqui, você pode associar um ou mais times (opcionalmente) a esta integração. Caso algum time seja associado, está integração ficará disponível exclusivamente para os membros desse(s) time(s). Se nenhum time for colocado, a integração ficara disponível para todos.
API Key
Nesse campo deve ser informado a chave de aplicação (API KEY) que deve ser gerada no admin da sua loja VTEX. Para saber como conseguir essa informação leia a sessão que fala sobre Como criar uma chave de aplicação na VTEX.
API Token
Nesse campo deve ser informado o token da chave de aplicação (API Token) que é gerado junto com a chave de aplicação no admin da sua loja VTEX. Para saber como conseguir essa informação leia a sessão que fala sobre Como criar uma chave de aplicação na VTEX.
Nome da Conta
Nesse campo deve ser informado o nome de identificação da sua loja na VTEX. É o nome que aparece no inicio da URL do seu admin na VTEX.
Ex.: Se a URL do seu admin é https://minha-loja.myvtex.com/admin
o seu account name é minha-loja.
Política comercial
Nesse campo deve ser informado o ID da política comercial que você deseja utilizar para realizar as vendas na OmniChat. Para saber mais veja Política Comercial na VTEX.
URL do E-commerce
Nesse campo deve ser informado a URL da sua loja, a mesma que seus clientes utilizam para acessa-la.
Ex.: https://www.minha-loja.com.br
.
URL do checkout
Nesse campo deve ser informado a URL do seu checkout. Caso ela seja a mesma da loja, pode preencher com a mesma informação do campo acima. Caso contrário informe a URL correspondente.
Ex.: https://secure.minha-loja.com.br
.
Parâmetros extras da URL
Esse campo não é obrigatório. Ele pode ser usado para enviar informações complementares na URL de checkout que é enviada para o comprador no final do fluxo de venda na OmniChat.
Por padrão a URL do checkout que é gerada tem esse formato:
https://www.minha-loja.com.br/checkout/?orderFormId=8163e571a3d444a594fc0cede6a18850
Se o campo URL complementar for preenchido com &utm_campaing=vendaChat, por exemplo, a URL do checkout passara a ter esse formato:
https://www.minha-loja.com.br/checkout/?orderFormId=8163e571a3d444a594fc0cede6a18850&utm_campaing=vendaChat
Neste campo é possível utilizar dois parâmetros opcionais para compor o link, sendo eles:
salesPersonName: que é o nome do vendedor que gerou o pedido.
salesPersonCode: que é o código do vendedor que gerou o pedido.
Para incluir esses parâmetros na URL, é necessário colocá-los dentro de duas "chaves" {{}} conforme o exemplo abaixo:
Ex.: &utmi_campaign={{salesPersonCode}}-{{salesPersonName}}/#cart
Assim, os valores dentro das chaves serão substituídos pelos respectivos valores do usuário. Esses valores, podem ser editados e ou configurados na criação do usuário.
Funcionalidades
Utilizar preço por atacado
Marque essa checkbox caso deseje utilizar preços de atacado em suas vendas.
Se quiser saber mais saber mais sobre essa opção, acesse esse link.
Utilizar carrinho abandonado
Marque essa checkbox caso deseje recuperar as informações de carrinho abandonados do seu ecommerce para fazer disparos de Campanhas de carrinho abandonado através do Marketing Studio da OmniChat. Quando essa opção estiver marcada, é necessário inserir o script de recuperação de carrinho abandonado na página do checkout do seu ecommerce. Veja como inserir o script na seção Script de Carrinho Abandonado desse documento.
Utilizar busca avançada
Marque essa checkbox caso você possua o VTEX IO e deseje utilizar o sistema de busca avançada em sua loja
Se quiser saber mais saber mais sobre essa opção, acesse esse link.
Utilizar preço regionalizado
Marque essa checkbox caso deseje utilizar a funcionalidade de preço regionalizado em suas vendas.
Se quiser saber mais saber mais sobre essa opção, acesse esse link.
Depois de preencher os campos necessários clique no botão Salvar.
Após essas etapas será iniciada a sincronização dos dados com sua Loja VTEX.
Como criar a chave de aplicação na VTEX
A integração entre OmniChat e VTEX ocorre por meio de comunicação de um conjunto de APIs. Para que a OmniChat consiga se comunicar com sua loja é necessário criar uma chave de aplicação com algumas permissões especificas, que servirão para a OmniChat se autenticar na sua loja e poder usar essas APIs.
Lembre-se que a Chave de Aplicação que você irá gerar para a OmniChat precisa estar vinculada a um perfil de acesso que tenha algumas permissões especificas para que a integração funcione corretamente.
Na VTEX, para criar um perfil de acesso, no canto superior direito, clique sob seu perfil, então escolha as opçãos Configurações de conta -> Perfis de acesso.
Na tela que abrirá clique em Novo perfil.
Na tela de novo perfil, coloque um nome de identificação, então adicione todas as permissões necessárias para a integração da OmniChat e salve o perfil.
Essas são as permissões necessárias para a integração da OmniChat:
OMS
Feed v3 and Hook Admin
Subscription view only
Notify payment
Notify invoice
View order
Notify refund
Cancel order
List Orders
Checkout
Order Full Access
Catalog
Product management
Pricing
Read prices
Dynamic Storage
Master Data administrator
Rates and Benefits
Manage benefits and rates
Logistics
Logistics viewer
Para criar a Chave de API, clique em seu perfil no canto superior direito no Admin da VTEX e escolha as opções Configuração de conta -> Chaves de API.
Então clique em gerar chave.
Na tela que vai abrir, coloque um nome de identificação para a Chave, e selecione o perfil com as permissões necessárias para a integração (passo anterior), em seguida clique no botão Gerar.
Você receberá os seus API-Key e API Token:
Utilize essas informações na configuração da integração na OmniChat. Guarde-as em lugar seguro se necessário, pois o token será exibido apenas uma vez.
Caso precise de ajuda com essas etapas na VTEX, você pode consultar as documentações abaixo:
Script de Carrinho Abandonado
Quando sua loja estiver utilizando a funcionalidade de recuperação de carrinho abandonado do conector VTEX, é necessário inserir o Script que aparece na tela de configuração do conector, dentro da OmniChat, na página de checkout da sua loja.
De forma geral, é necessário que o script da OmniChat esteja presente na página do checkout da sua loja. É semelhante ao funcionamento dos scripts de Google Analytics ou FaceBook Pixel, por exemplo. A inserção do script pode ser feita de diferentes formas, dependendo das suas personalizações de checkout na VTEX, se a loja usa Checkout Externo, ou ainda se os arquivos de JS são publicados através do VTEX IO.
Principal forma para inseir o script na página do checkout.
No admin da VTEX acesso o menu Configurações da loja → Storefront → Checkout.
Clique na engrenagem azul do seu checkout.
No menu superior da tela que irá abrir, clique no menu Código.
No menu lateral direito, selecione o arquivo checkout6-custom.js.
Insira o código que você copiou na tela de configuração da integração VTEX no painel da OmniChat. (Caso seu arquivo já tenha algum código, insira o código da OmniChat no final. Na sequência do código existente).
Clique no botão salvar!
🚨 Atenção. Esse é o processo para uma loja padrão VTEX. Se sua loja tem customizações, o importante é que o Script da OmniChat seja carregado na tela do Checkout.
Como funciona o VTEX IO
VTEX IO é uma plataforma que possibilita um gerenciamento com foco na experiência do usuário para seu e-commerce. Tendo um número maior de recursos e funcionalidades, traz uma série de benefícios e otimizações para a sua loja e sua integração com a OmniChat.
Para mais informações sobre o VTEX IO, acesse essa documentação.
FEEDBACK
Com isso finalizamos o nosso tutorial sobre como fazer a sua integração VTEX.
Diga-nos o que achou desse guia e qualquer sugestão de melhoria!
Obrigado!!