Se sua loja virtual está desenvolvida em VTEX IO, você poderá sincronizá-la com sua conta Connectif em poucos minutos e começar a coletar dados de interação dos seus contatos na página web.
Neste artigo, você aprenderá como integrar sua loja VTEX IO com a Connectif.
Dificuldade: Baixa.
Quando usar: Ao abrir sua conta na Connectif.
Passo 1. Download do aplicativo
- Acesse o seguinte link: Connectif na VTEX App Store.
- Clique no botão Obter App na parte superior direita.
- Faça login na VTEX IO.
- Confirme o pedido seguindo as instruções da VTEX.
- Clique em Finalizar compra.
Passo 2. Instalação do módulo
- Clique no botão Ir para a página de instalação.
- Na próxima tela, revise as permissões necessárias do módulo Connectif e clique em Instalar.
Passo 3. Ativação do App VTEX
a. Requisitos prévios
(Nesta seção serão explicados os passos para criar uma Chave de aplicativo, necessária para realizar a ativação do VTEX App Connectif.)
- Em sua conta VTEX, vá para "Configurações da conta > Configurações da conta > Funções do usuário" e clique em Nova função.
- Atribua as seguintes permissões à função:
- Product Catalog > Content, Admin, Marketing, Configuration, Commercial, Miscellaneous, Reports, Marketplace, Collection.
- Product License Manager > Services Access Control > Get account by identifier.
- Product Checkout > CheckoutResources.
- Product OMS > OMS Acccess > Change order workflow status , Notify payment, Notify invoice, View order, Notify refund, Order feed subscription, View store sales stats, List Orders.
- Product Master Data > Generic resources, Application, Comment, Customized Search, Form, Import.
- Product Dynamic Storage > Dynamic storage generic resources > Read only documents, Master Data administrator, Full access to all documents.
- Product Dynamic Storage > Data entity > List data entity, Create data entity, Edit schema, View data entity details, Publish index.
- Acesse "Configurações da conta > Configurações da conta > Chaves de aplicativo" e clique em Adicionar.
- No painel de criação da nova Chave de aplicativo, clique em Adicionar funções.
- Atribua o novo papel configurado para Connectif.
- Clique em Salvar.
b. Ativação do aplicativo
(Nesta seção serão indicados os dados identificativos da conta para ativar na VTEX IO o aplicativo da Connectif.)
- Acesse sua conta da Connectif e, nas configurações da Loja, em "Integrações > Plataformas de e-commerce", clique em Editar sobre VTEX.
- Copie o ID do Cliente e a Chave Secreta.
- Vá para sua conta da VTEX IO e entre em "Apps instalados > Connectif > Configuração".
- Preencha os campos com as seguintes informações:
- Client ID: adicione o valor do Identificador do Cliente de sua conta da Connectif, disponível em "Configurações da Loja > Plataformas de e-commerce > VTEX".
- Private key: adicione o valor da Chave Secreta de sua conta da Connectif, disponível em "Configurações da Loja > Plataformas de e-commerce > VTEX".
- VTEX Key e VTEX Token: adicione os valores correspondentes obtidos em Application Keys para o papel da Connectif.
- (Opcional) Selecione os canais de venda com os quais deseja que a Connectif sincronize as compras. Por padrão, todas as compras serão registradas.
- Clique em Ativar para salvar as alterações.
c. Verificação da integração
(Nesta seção, será revisada a configuração da URL da loja no Connectif.)
- Acesse sua conta no Connectif.
- Nas configurações da loja, vá para "Integrações > Plataformas de e-commerce" e, na VTEX IO, clique em Editar.
- Verifique se o Domínio da Loja corresponde a um domínio público e acessível do seu site.
- Nas configurações da loja, vá para "Canais > Notificações Web Push".
- Modifique a URL do ServiceWorker para corresponder a um domínio público e acessível da sua loja.
Passo 4. Configuração do Connectif na página de Checkout
(Nesta seção, descreve-se como configurar o rastreamento da web na VTEX IO.)
VTEX IO possui uma seção de Checkout separada do restante da loja VTEX. Para que o Connectif possa fazer o rastreamento da web e exibir conteúdos durante o processo de confirmação do pedido, é necessário adicionar manualmente um trecho de código do backoffice à seção de checkout.
- Acesse as configurações de sua loja VTEX, em "Apps instalados > Connectif", e copie o trecho de código de Checkout código personalizado.
- Acesse "Configuração da loja > Checkout" e clique em (Editar).
- Vá para a aba Código e modifique o arquivo checkout6-custom.js, adicionando o código copiado:
Sucesso!
A integração do Connectif com a VTEX IO está completa.
Você pode verificar se integrou corretamente o Connectif com a VTEX IO neste artigo.
Perguntas Frequentes
1. Como recuperar carrinhos abandonados com a URL de Recuperação de Carrinho
(Esta seção explica como a URL de Recuperação de Carrinho funciona para recuperar os itens associados a um carrinho específico).
Através da integração com VTEX IO, é enviada ao Connectif uma URL de Recuperação de Carrinho, ou seja, um link para recuperar os itens relacionados a esse carrinho, que pode ser utilizado em fluxos de trabalho e conteúdos.
Para obter a URL de recuperação de carrinho por meio de um fluxo de trabalho, é necessário utilizar os nós "Obter último carrinho" e "Ao abandonar carrinho", mapeando-a posteriormente nas variáveis do conteúdo a ser exibido ou enviado.
- Saiba como essa URL funciona em diferentes CMS e como utilizá-la neste artigo.
Continue aprendendo!
Para aproveitar todo o potencial de sua conta no Connectif, recomendamos continuar com os seguintes artigos:
-
Onboarding, para adquirir habilidade com nossa interface.
-
Workflows iniciais, para implementar suas primeiras estratégias na conta.
-
Integrações com sistemas externos, para se integrar com Facebook, formulários e webhooks de seu site.
-
Eventos que consomem Atividades, para entender melhor o consumo de sua conta.