Passar para o conteúdo principal

Configurando a integração OmniChat <> VTEX — Parte 3: Script de Carrinho Abandonado

Rascunho de revisão da Parte 3 (Script de Carrinho Abandonado): adiciona cenários de checkout personalizado e compra rápida. Revisar e portar pro artigo 8589275.

Escrito por Caroline Silva

A integração entre OmniChat e VTEX conecta sua loja de e-commerce à plataforma de atendimento, permitindo que os vendedores acessem catálogo de produtos, regras de preço, promoções, logística e informações de pedido diretamente nas conversas com os clientes.

Para que serve

  • Vender pelo WhatsApp com acesso ao catálogo completo do e-commerce

  • Aplicar preços, promoções e políticas comerciais da VTEX nas conversas

  • Recuperar carrinhos abandonados com campanhas automáticas

  • Rastrear o desempenho de vendas por vendedor via parâmetros de URL

Parte 1 — Como ativar a integração na OmniChat

  1. Acesse: Menu Lateral → Configurações → Integrações

  2. No menu de integrações, clique em E-Commerce/ERP

  3. Clique em Nova Integração — o formulário VTEX será carregado

  4. Preencha os campos do formulário

  5. Clique em Salvar — a sincronização com a VTEX será iniciada automaticamente

Campo

O que informar

Versão da loja

Indique se sua loja usa VTEX IO ou não.

Nome

Nome que identificará essa integração na lista da OmniChat.

Time

(Opcional) Vincule um ou mais times.

API Key

Chave de aplicação gerada no admin da VTEX.

API Token

Token gerado junto com a API Key no admin da VTEX.

Nome da Conta

Nome da sua loja na VTEX.

Política comercial

ID da política comercial da VTEX para usar nas vendas da OmniChat.

URL do E-commerce

URL pública da sua loja.

URL do Checkout

URL do checkout.

Parâmetros extras da URL

(Opcional) Parâmetros adicionados ao link de checkout.

Parte 2 — Como criar a Chave de Aplicação na VTEX

Etapa 1 — Criar o perfil de acesso

  1. No admin da VTEX, acesse: Configurações de conta → Perfis de acesso

  2. Clique em Novo perfil e dê um nome de identificação

  3. Adicione as permissões necessárias e salve o perfil

Módulo

Permissões necessárias

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

Etapa 2 — Gerar a Chave de API

  1. No admin da VTEX, acesse: Configuração de conta → Chaves de API

  2. Clique em Gerar chave

  3. Dê um nome e selecione o perfil criado na etapa anterior

  4. Clique em Gerar

  5. Copie e guarde o API Key e o API Token — o token será mostrado apenas uma vez

⚠️ Atenção: O API Token é exibido uma única vez. Guarde-o em local seguro antes de fechar a tela da VTEX.

Parte 3 — Script de Carrinho Abandonado

Se você ativou a funcionalidade de Carrinho Abandonado, é necessário inserir um script da OmniChat na página de checkout. O local onde o script deve ser inserido depende do tipo de checkout da sua loja:

Cenário A — Checkout padrão VTEX

  1. No admin da VTEX, acesse: Configurações da loja → Storefront → Checkout

  2. Clique no ícone de engrenagem azul do seu checkout

  3. No menu superior, clique em Código

  4. No menu lateral direito, selecione o arquivo checkout6-custom.js

  5. Cole o script copiado da tela de configuração da integração VTEX na OmniChat (ao final do código existente)

  6. Clique em Salvar

Cenário B — Checkout personalizado

  1. Acesse: Storefront → Interface personalizada do checkout

  2. Selecione a aba JavaScript

  3. Cole o script da OmniChat no campo

  4. Marque a opção como Ativo

  5. Clique em Publicar

Cenário C — Compra rápida

⚠️ Atenção: Atualmente não há suporte para o Carrinho Abandonado em lojas que utilizam o modelo de compra rápida. Em caso de customizações específicas, valide com o suporte OmniChat se o script está sendo carregado corretamente.

Respondeu à sua pergunta?