Se o seu eCommerce foi desenvolvido em Shopify, você pode sincronizá-lo com sua conta do Connectif em apenas alguns minutos e começar a coletar dados de interação de seus contatos no site.
Neste artigo, você aprenderá como instalar e configurar o aplicativo do Connectif para Shopify.
Dificuldade: Baixa.
Quando utilizá-lo?: Ao criar sua conta no Connectif.
PASSO 1. Instalação do aplicativo
1. Acesse sua conta do Connectif.
2. Vá para Configurações da Loja no menu lateral esquerdo.
3. Na seção Plataformas e-commerce, encontre Shopify e clique em Editar.
4. Clique em Instale nosso módulo na loja de aplicativos da Shopify para acessar a App Store da Shopify.
5. Clique no botão Instalar aplicativo.
6. Faça login ou crie uma nova conta.
PASSO 2. Ativação da assinatura
Depois de instalar o aplicativo, será necessário contratar um plano do Connectif. Se você estiver usando o teste gratuito, poderá contratar seu plano mais tarde. Nesse caso, vá para o passo 3 para configurar sua conta.
7. Acesse sua conta do 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 do Connectif vinculada à sua instalação do Shopify.
10. Escolha um dos planos do Connectif disponíveis.
11. (Opcional). Solicite um plano personalizado ao Connectif por meio do painel Solicitar um plano personalizado.
PASSO 3. Configuração do aplicativo
3.1. Configuração de diferentes lojas, moedas, idiomas e/ou mercados (Shopify Markets)
(Nesta seção, explicamos as etapas para configurar como coletar informações sobre a atividade nas diferentes lojas do Shopify. Dessa forma, o Connectif registrará a atividade na conta correspondente apenas 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 você queira que a atividade dos contatos seja enviada para uma loja diferente do Connectif dependendo do idioma, moeda e/ou mercado onde navegam. Se não for configurado, o Connectif coletará toda a atividade na mesma conta, independentemente do país e da moeda utilizada pelo contato.
13. Selecione o idioma e a moeda nos quais 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 compartilham o mesmo idioma e moeda.
14. (Opcional). Para limitar o rastreamento a apenas um mercado, clique no menu suspenso Mercado. Essa configuração exibirá uma lista de URLs (dos Markets) disponíveis para o idioma e moeda selecionados no item 13.
15. Selecione a URL na qual deseja aplicar o rastreamento neste caso.
Se nenhum mercado for selecionado, essa Loja do Connectif coletará a atividade de todos os mercados que compartilham esse idioma/moeda. Se um mercado for selecionado, o rastreamento se aplicará apenas a ele.
16. Clique em Habilitar para salvar a configuração.
17. (Opcional). Para conectar outra conta do Connectif para rastrear a atividade em outro idioma, moeda e/ou mercado, clique em Adicionar Loja do Connectif.
A adição de outras lojas é opcional, mas será necessária para rastrear a atividade delas na conta do Connectif correspondente. Você pode repetir o processo quantas vezes forem necessárias para vincular as lojas desejadas.
18. Insira seu usuário e senha do Connectif.
19. Selecione a Loja que irá rastrear a atividade do seu eCommerce nesse outro idioma/moeda/mercado.
20. Selecione o idioma e a moeda nos quais 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, explicamos as etapas mínimas necessárias 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 Rastreamento do Connectif para incluir o script do Connectif no seu site.
22. 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, é necessário habilitar a Extensão do tema.
23. Clique no botão Configurar extensão do tema.
24. Selecione o tema que está ativo (o marcado como "Atual") e clique em Configurar extensão do tema.
25. No Editor de temas, clique em Salvar para habilitar a Extensão do tema na sua conta.
3.3. Configuração para receber informações de produtos
(Nesta seção, explicamos as opções de configuração do módulo do Connectif para coletar informações sobre produtos).
26. Em "Configurações > Produto", marque ou desmarque a opção Usar variantes de produto para coletar nos carrinhos e compras as variantes de produto (tamanho, cor, etc.).
27. Escolha entre coletar o ID interno do Shopify do produto ou o SKU marcando uma das duas opções do seletor.
28. Marque a opção Atualizar produtos em tempo real para atualizar os produtos no Connectif imediatamente quando houver uma alteração no produto no painel do Shopify. Esta opção não é compatível com multistore.
Ao usar essa funcionalidade, é importante considerar alguns pontos sobre como e quais dados são atualizados no Connectif:
- Os campos personalizados de produto que estão sendo sincronizados por outros meios (etiquetas de produto visitado via extensão de tema) não serão atualizados por esse método.
- Esse mecanismo capturará o tamanho original das imagens dos produtos.
- Na integração do Shopify com o Connectif, as Coleções do Shopify são armazenadas como Categorias de produto no Connectif. A modificação do nome dessas coleções ou a associação de produtos a elas não será atualizada no Connectif por esse mecanismo.
- A exclusão de produtos no Shopify não atualizará o status do estoque nem excluirá os produtos no Connectif ao usar esse mecanismo.
29. Clique em Salvar alterações.
3.4. Configuração para notificar compras
(Nesta seção, explicamos as opções de configuração do módulo do Connectif para coletar informações sobre compras).
30. Em "Configurações > Compras", selecione, no menu suspenso Status de pagamento das compras, o(s) status que os pedidos devem ter para serem registrados como Compras no Connectif. Dessa forma, quando um pedido atingir um dos status selecionados, o Shopify notificará o Connectif sobre a compra, e ela será registrada na sua Loja.
No nosso exemplo, ao ter marcado o status "Pago", no Connectif serão registrados como Compras aqueles pedidos que tiverem esse status.
3.5. Ajustar as configurações da Extensão do tema
(Nesta seção, explicamos 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 do Connectif são plataformas diferentes, por isso, é necessário verificar se ambas as configurações estão alinhadas e, caso contrário, fazer os ajustes necessários.
31. Clique no botão Configurar Extensão do tema.
32. Em "Configuração do carrinho", verifique se a opção Usar variantes de produto coincide com a opção selecionada no passo 3.3.
33. Em "Configurações do produto > ID do Produto", confirme se a informação de produto configurada corresponde à opção escolhida no passo 3.3.
34. Em "Configurações do produto", selecione o tamanho da imagem do produto que será exibida no Connectif (em pixels).
35. Em "Tags personalizadas", insira os campos personalizados criados no Connectif usando código Liquid, conforme explicado no passo 3.7.
3.6. Configuração para criar o contato no Shopify
(Nesta seção, explicamos a opção de configuração do módulo do Connectif para criar o contato no Shopify).
36. Na seção Contato, ative, 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 por meio de um formulário de inscrição para newsletter, esse contato também será criado no Shopify mas, conforme mencionado, sem uma conta.
3.7. Envio de informações adicionais de Produtos e Clientes
(Esta seção explica como criar novos campos de Produtos e Clientes no Shopify e enviá-los para o Connectif.. Se precisar de mais informações sobre como criar esses campos, acesse a documentação oficial do Shopify).
37. Acesse o Painel de Administração da sua loja no Shopify e clique em Configurações.
No nosso exemplo, ilustramos como criar uma etiqueta personalizada de produto chamada "Example". O processo seria o mesmo para os campos personalizados de produto.
38. Vá até Dados Personalizados e selecione a seção da loja onde deseja adicionar o novo campo personalizado.
No nosso exemplo, estamos adicionando um campo para Produtos. Para criar um campo de contato, basta clicar em Clientes e seguir os mesmos passos.
39. Adicione um novo metacampo preenchendo o Nome e a Descrição.
40. Selecione um Tipo de Campo.
No nosso exemplo, criamos um campo do tipo linha de texto.
41. Certifique-se de que, nas Opções, o Acesso à loja online tenha permissões para Leitura.
42. Clique em Salvar.
43. Copie o nome do metacampo para incluí-lo no Editor do tema.
No nosso exemplo, copiamos o metacampo de Produto criado (product.metafields.custom.example).
44. Adicione o metacampo copiado no seguinte trecho de código:
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
45. Copie o trecho de código resultante para a seção Etiquetas personalizadas do Editor do tema.
No nosso exemplo, mostramos como incluir o código do metacampo para Produto criado. No caso de campos de contato, ele deve ser adicionado na seção de Contato.
46. Clique em Salvar.
Sucesso!
Sua instalação do aplicativo Connectif para Shopify está pronta.
Você pode garantir que a integração foi feita corretamente seguindo os passos deste artigo.
Perguntas Frequentes
1. Quais informações o Connectif coleta através dessa integração?
a. Informações coletadas dos Contatos
Nas integrações com Shopify, através da etiqueta cn_client_info, são transferidas, por padrão, algumas informações sobre os Contatos:
-
email
-
first_name
-
last_name
-
_newsletter_subscription_status
b. Informações coletadas dos 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 algumas 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
Nas integrações com o Shopify, se a opção de sincronizar produtos em tempo real estiver ativa, certas informações sobre Compras são coletadas:
- id
- name
- productDetailUrl
- unitPrice
- availability
- brand
- description
- unitPriceOriginal
- imageUrl
- publishedAt
- tags
- categories
- thumbnailUrl
- discountedAmount
- discountedPercentage
- inStockUnits
- discountedPercentage
c. Informações coletadas das Compras
Nas integrações com Shopify, através da API, são coletadas algumas 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
(Esta seção explica o que fazer no caso de você não ter um plano Connectif ativo e querer contratá-lo através do Shopify).
- Nesse caso, siga as instruções de Passo 2.
3. Já tenho um plano Connectif, mas quero pagar através do Shopify
(Esta seção explica o que fazer no caso de você já ter um plano Connectif que não está sendo faturado através do Shopify e querer mudar para pagar por meio da ferramenta.)
- No seu conta do Shopify, vá para o painel de controle do módulo Connectif e, em Plano, clique no botão Contratar.
- Após revisar e aceitar os termos, escolha e aceite o método de pagamento.
4. Eu preciso começar a pagar o plano atribuído
(Esta seção explica o que fazer no caso de você já ter o plano atribuído e começar a pagar através do Shopify).
- No seu conta do Shopify, vá para o painel de controle do módulo Connectif e, em Plano, clique no botão Contratar.
- Após revisar e aceitar os termos, escolha e aceite o método de pagamento.
5. Como recuperar carrinhos abandonados com a URL de Recuperação de Carrinho
(Esta seção explica 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 para o Connectif uma URL de Recuperação de Carrinho (Cart recovery url), ou seja, um link para recuperar os itens relacionados a esse carrinho, que pode ser utilizado em workflows e conteúdos.
Para obter a URL de recuperação de carrinho através de um workflow, deve ser feito através do nó "Obter último carrinho" e "Abandonar carrinho", e depois mapeado nas variáveis do conteúdo a ser exibido ou enviado.
- Aprenda como funciona esta URL nos diferentes CMS e como utilizá-la neste artigo.
Continue aprendendo!
Para aproveitar todo o potencial da sua conta Connectif, recomendamos continuar com os seguintes artigos:
-
Onboarding, para se tornar proficiente em nossa interface.
-
Monitoramento de compras com o snippet do Shopify, para aprender como adicionar a tag de compra.
-
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 inscrições de contatos.