Se o seu eCommerce está desenvolvido em Shopify, você poderá sincronizá-lo com sua conta Connectif em apenas alguns minutos e começar a coletar dados de interação dos seus contatos no site.
Neste artigo você aprenderá como instalar e configurar o aplicativo Connectif para Shopify.
Dificuldade: Baixa.
Quando usar?: Ao abrir sua conta no Connectif.
PASSO 1. Instalação do aplicativo
1. Acesse sua conta Connectif.
2. Acesse Configurações da Loja no menu lateral esquerdo.
3. Na seção Plataformas e-commerce, procure Shopify e clique em Editar.
4. Clique em Instale nosso módulo na loja de aplicativos do Shopify para ir até a App Store do Shopify.
5. Clique no botão Instalar aplicativo.
6. Inicie sessão ou crie uma nova conta.
PASSO 2. Ativação da assinatura
Uma vez instalado o aplicativo, será necessário contratar um plano do Connectif. Se estiver usando seu teste gratuito, poderá contratar seu plano mais tarde. Nesse caso, vá para o passo 3 para configurar sua conta.
7. Entre em sua conta Connectif.
8. Selecione a loja que deseja integrar e configurar.
9. Acesse o bloco Informações Gerais para revisar as informações sobre a conta Connectif vinculada à sua instalação do Shopify.
10. Escolha entre um dos planos Connectif disponíveis.
11. (Opcional). Solicite um plano personalizado ao Connectif pelo painel Solicitar um plano personalizado.
PASSO 3. Configuração do aplicativo
3.1. Configuração de diferentes lojas, moedas, idiomas e/ou markets (Shopify Markets)
(Nesta seção são explicados os passos para configurar como coletar as informações da atividade nas diferentes lojas do Shopify. Assim, o Connectif registrará a atividade apenas na conta correspondente quando um cliente navegar no idioma, moeda e/ou mercados configurados).
12. Na seção Multi loja clique em Habilitar.
Esta configuração é opcional caso queira que a atividade dos contatos vá para uma loja Connectif diferente dependendo do idioma, moeda e/ou mercado onde naveguem. Se não for configurada, o Connectif coletará toda a atividade na mesma conta, independentemente do país e moeda que o contato utilize.
13. Selecione o idioma e moeda em que deseja registrar a atividade para a conta principal e clique em Habilitar.
Dessa forma, o Connectif coletará em uma única conta todos os mercados que compartilhem idioma e moeda.
14. (Opcional). Para limitar o rastreamento a apenas um mercado, clique no menu suspenso Mercado. Esta configuração mostrará uma lista de URLs (dos Markets) disponíveis para o idioma e moeda selecionados no ponto 13.
15. Selecione a URL para a qual deseja aplicar o rastreamento nesse caso.
Se nenhum mercado for selecionado, essa Loja Connectif coletará a atividade de todos os mercados com esse idioma/moeda; se um for selecionado, aplicará somente a esse.
16. Clique em Habilitar para salvar a configuração.
17. (Opcional). Para conectar outra conta Connectif para rastrear em outro idioma, moeda e/ou mercado, clique em Adicionar Loja Connectif.
A adição de outras lojas é opcional, mas você deve fazê-la para poder rastrear a atividade delas na conta Connectif correspondente. Pode repetir o processo quantas vezes desejar vincular lojas.
18. Insira seu usuário e senha Connectif.
19. Selecione a Loja que irá rastrear a atividade do seu eCommerce nesse outro idioma/moeda/mercado.
20. Selecione o idioma e moeda em que deseja registrar a atividade para a conta secundária e clique em Adicionar.
3.2. Ativação e configuração da sincronização
(Nesta seção são explicados os passos mínimos necessários para sincronizar Shopify e Connectif e começar a coletar dados de interação dos contatos no site em tempo real).
21. Em "Configurações > Rastreamento", ative o seletor Connectif tracking para incluir o script do Connectif em seu site.
22. Em “Configurações > Rastreamento”, no menu suspenso Customer Privacy Category, selecione o nível de consentimento que deseja aplicar ao rastreamento do Connectif:
- “Basic”: O Connectif será carregado e começará a coletar a atividade do contato sem verificar o consentimento de cookies. Esta é a opção padrão configurada e mantém o comportamento habitual da integração.
- “Preferences”: O Connectif será carregado quando o Shopify permitir o processamento correspondente às preferências do visitante.
- “Analytics”: O Connectif será carregado quando o Shopify permitir o processamento correspondente à análise.
- “Marketing”: O Connectif será carregado quando o Shopify permitir o processamento correspondente ao marketing.
23. Clique em Salvar alterações.
Ativar o Rastreamento coleta dados de tráfego e navegação, mas não coleta informações de contatos, compras, produtos visitados, etc. Para obter essas informações, deve ser habilitada a Extensão do tema.
24. Clique no botão Configurar extensão do tema.
25. Selecione o tema ativo (aquele marcado como "Current") e clique em Configurar extensão do tema.
26. No Editor do tema, clique em Salvar para habilitar a Extensão do tema em sua conta.
3.3. Configuração para receber informações de produtos
(Nesta seção são explicadas as opções de configuração do módulo Connectif para coletar informações sobre produtos).
27. Em "Configurações > Produto", marque ou desmarque a caixa Usar variantes de produto para coletar no carrinho e compras as variantes de produto (tamanho, cor, etc.).
28. Escolha entre coletar o ID interno do Shopify do produto ou o SKU marcando uma das duas opções do seletor.
29. Marque a caixa Atualizar produtos em tempo real para atualizar os produtos no Connectif imediatamente quando uma alteração for feita no produto a partir do painel do Shopify.
Ao usar essa funcionalidade, é importante considerar alguns pontos sobre como e quais dados são atualizados no Connectif:
- Campos personalizados de produto sincronizados por outros meios (etiquetas de produto visitado via extensão do tema) são excluídos deste método de atualização.
- Este mecanismo coletará o tamanho original das imagens dos produtos.
- Na integração do Shopify com Connectif, as Coleções do Shopify são armazenadas como Categorias de produto no Connectif. A alteração do nome dessas coleções ou a associação do produto a elas não será atualizada no Connectif por este mecanismo.
- A exclusão de produtos no Shopify não atualizará o status de estoque nem excluirá os produtos no Connectif usando este mecanismo.
30. Marque a caixa Habilitar sincronização diária de produtos para manter seu catálogo de produtos sincronizado automaticamente com o Connectif.
Ao ativar esta opção, uma sincronização completa do catálogo será iniciada naquele momento. A partir daí, a sincronização ocorrerá a cada 24 horas.
Ao habilitar a sincronização diária, a sincronização e verificação de produtos por meio de etiquetas web e integração web padrão do Connectif será desativada. Além disso, a sincronização diária não inclui campos personalizados de produto.
31. Clique em Salvar alterações.
3.4. Configuração para notificar compras
(Nesta seção são explicadas as opções de configuração do módulo Connectif para coletar informações sobre compras).
32. Em "Configurações > Compras", escolha, no menu suspenso Status de pagamento das compras, o(s) status que os pedidos devem ter para serem registrados como Compras no Connectif. Assim, quando um pedido estiver em um dos status selecionados, o Shopify notificará o Connectif da compra e ela será registrada em sua Loja.
No exemplo, ao marcar o status "Pago", no Connectif serão registradas como Compras aqueles pedidos com esse status.
3.5. Ajustar as configurações da Extensão do tema
(Nesta seção é explicado quais configurações podem ser ajustadas no editor da Extensão do tema e como realizá-las).
A Extensão do tema e a configuração do módulo Connectif são plataformas diferentes, portanto deve-se verificar se ambas as configurações coincidem e, se não, fazer os ajustes necessários.
33. Clique no botão Configurar Extensão do tema.
34. Em "Configuração do carrinho", verifique se a opção Usar variantes de produto coincide com a selecionada no passo 3.3.
35. Em "Configurações de produto > ID do Produto", confirme se a informação do produto configurada é a mesma selecionada no passo 3.3.
36. Em "Configurações de produto", escolha o tamanho da imagem do produto que será exibida no Connectif (em pixels).
37. Em "Etiquetas personalizadas", insira os campos personalizados criados no Connectif via código Liquid, conforme explicado no passo 3.7.
3.6. Configuração para criar o contato no Shopify
(Nesta seção é explicada a opção de configuração do módulo Connectif para criar o contato no Shopify).
38. Na seção Contato, habilite, se desejar, a opção para que o Connectif crie o contato no Shopify. Essa opção criará o contato no seu Shopify, mas não criará uma conta nem enviará um convite para criar uma conta.
Por exemplo, se um contato for criado no Connectif através de um formulário de assinatura de newsletter, esse contato também será criado no Shopify, mas, como indicado, sem conta.
3.7. Envio de informações adicionais de Produtos e Clientes
(Nesta seção é explicado como criar novos campos de Produtos e Clientes no Shopify e enviá-los ao Connectif. Se precisar de mais informações sobre como criar esses campos, acesse a documentação oficial do Shopify).
39. Vá ao Painel do Administrador da sua loja Shopify e clique em Configurações.
No exemplo, ilustra-se como criar uma etiqueta personalizada de produto chamada "Example", o processo é o mesmo para campos personalizados de produto.
40. Vá para Dados Personalizados e selecione a parte da loja onde deseja adicionar o novo campo personalizado.
No exemplo, é adicionado um campo para Produtos. Para criar um campo de contato, deve clicar em Clientes e seguir os mesmos passos.
41. Adicione um novo metacampo preenchendo o Nome e a Descrição.
42. Selecione um Tipo de Campo.
No exemplo, é criado um campo do tipo linha de texto.
43. Certifique-se de que em Opções, o Acesso a lojas online tenha permissão para Ler.
44. Clique em Salvar.
45. Copie o nome do metacampo para incluí-lo no Editor do tema.
No exemplo, copia-se o metacampo de Produto criado (product.metafields.custom.example).
46. Adicione o metacampo copiado no seguinte trecho de código:
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
47. Copie o trecho de código resultante na seção Etiquetas personalizadas do Editor do tema.
No exemplo, mostra-se como incluir o código do metacampo para o Produto criado. No caso de campos de contato, deve adicioná-lo na área de Contato.
48. Clique em Salvar.
Sucesso!
Sua instalação do aplicativo Connectif para Shopify já está pronta.
Você pode garantir que realizou a integração corretamente seguindo os passos de este artigo.
Perguntas frequentes
1. Que informações o Connectif coleta através desta integração
a. Informações coletadas de Contatos
Nas integrações com Shopify, através da etiqueta cn_client_info, são transferidas, por padrão, certas informações sobre os Contatos:
- first_name
- last_name
- _newsletter_subscription_status
b. Informações coletadas de Produtos
Nas integrações com Shopify, através da etiqueta cn_product_visited e da sincronização diária do catálogo, são coletadas por padrão certas informações sobre os Produtos:
- product_id
- url
- name
- description
- image_url (featured_image)
- thumbnail_url
- unit_price
- unit_price_original
- discounted_amount
- discounted_percentage
- availability
- category (collection.title)
- tag
- brand (product.vendor)
- published_at
Através da API, são coletadas informações em tempo real sobre os Produtos:
- id
- name
- productDetailUrl
- unitPrice
- availability
- brand
- description
- unitPriceOriginal
- imageUrl
- publishedAt
- tags
- categories
- thumbnailUrl
- discountedAmount
- discountedPercentage
- inStockUnits
- discountedPercentage
c. Informações coletadas de Compras
Nas integrações com Shopify, se a opção para sincronizar produtos em tempo real estiver ativa, são coletadas certas informações sobre as Compras:
- cartId
- totalPrice
- totalQuantity
- purchaseDate
- purchaseId
-
products
- quantity
- price
- productDetailUrl
- productId
- name
- unitPrice
- publishedAt
- imageUrl
- unitPriceOriginal
- discountedAmount
- discountedPercentage
- tags
- brand
- thumbnailUrl
- paymentMethod
2. Ainda não tenho um plano Connectif ativo e quero contratá-lo
(Nesta seção é explicado o que fazer caso não tenha um plano Connectif e queira contratar via Shopify).
- Nesse caso, siga as instruções do Passo 2.
3. Já tenho um plano Connectif, mas quero pagá-lo via Shopify
(Nesta seção é explicado o que fazer caso já tenha um plano Connectif que não está sendo faturado via Shopify e queira mudar para pagar pela ferramenta.)
- Na sua conta Shopify, vá ao painel de controle do módulo Connectif e, em Plano, clique no botão Contratar.
- Após revisar e aceitar as condições, escolha e aceite o método de pagamento.
4. Preciso começar a pagar o plano atribuído
(Nesta seção é explicado o que fazer caso já tenha o plano atribuído para contratar e vá começar a pagar via Shopify).
- Na sua conta Shopify, vá ao painel de controle do módulo Connectif e, em Plano, clique no botão Contratar.
- Após revisar e aceitar as condições, escolha e aceite o método de pagamento.
5. Como recuperar carrinhos abandonados com a URL de Recuperação de Carrinho
(Nesta seção é explicado como funciona a URL de Recuperação de Carrinho para obter os itens associados a um carrinho específico).
Através da integração com Shopify, é enviada ao Connectif uma URL de Recuperação de Carrinho (Cart recovery url), ou seja, um link para recuperar os artigos relacionados a esse carrinho que pode ser usado em workflows e conteúdos.
Para obter a URL de recuperação de carrinho via workflow, deve ser feita pelo nó "Obter último carrinho" e "Ao abandonar carrinho", posteriormente mapeada nas variáveis do conteúdo a mostrar ou enviar.
- Aprenda como funciona essa URL nos diferentes CMS e como usá-la neste artigo.
Continue aprendendo!
Para aproveitar todo o potencial da sua conta Connectif, recomendamos continuar com os seguintes artigos:
Onboarding, para adquirir habilidade com nossa interface.
Rastreamento de compras com o snippet do Shopify, para aprender como adicionar a etiqueta de compras.
Integrações com sistemas externos, para integrar com Facebook, formulários e webhooks do seu site.
Integrações via API, para gerenciar eventos como registros de compras ou cadastros de contatos.