Se a sua loja virtual está desenvolvida na Shopify, você pode sincronizá-la com sua conta Connectif em apenas alguns minutos e começar a coletar dados de interação dos seus contatos na página web.
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 no Connectif.
2. Acesse Configurações da Loja no menu lateral esquerdo.
3. Na seção Plataformas de e-commerce, procure por Shopify e clique em Editar.
4. Clique em Instale nosso módulo na loja de aplicativos do Shopify para ir para a App Store do Shopify.
5. Clique no botão Instalar aplicativo.
6. Faça login ou crie uma nova conta.
PASSO 2. Ativação da subscrição
Uma vez instalado o aplicativo, será necessário contratar um plano do Connectif. Se estiver usando seu teste gratuito, você pode contratar seu plano mais tarde. Nesse caso, vá para o passo 3 para configurar sua conta.
7. Faça login na 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 à Connectif através do painel Pedir um plano personalizado.
PASSO 3. Configuração do aplicativo
3.1. (Opcional). Configuração do envio de informações da loja para Connectif
(Nesta seção, são explicados os passos para configurar as contas que coletarão informações sobre a atividade nas diferentes lojas. Dessa forma, o Connectif registrará apenas a atividade na conta correspondente quando um cliente navegar no idioma e na moeda configurados).
12. Na seção Multi-Store clique em Habilitar.
Esta configuração é opcional, se você deseja que a navegação em cada idioma vá para uma loja diferente. Se não for configurado, o Connectif coletará na mesma conta a atividade de todas as lojas, independentemente do país e moeda que utilizam.
13. Selecione o idioma e moeda nos quais deseja registrar a atividade para a conta principal e clique em Habilitar.
14. Clique em Adicionar Loja para conectar outra conta do Connectif com a qual rastrear a loja em outro idioma e/ou moeda.
A adição de outras lojas é opcional, mas você deve fazê-la para poder rastrear a atividade delas na conta do Connectif correspondente. Você pode repetir o processo quantas vezes desejar vincular lojas.
15. Insira o usuário e senha da conta do Connectif que irá rastrear a segunda loja.
16. Selecione a loja que você irá vincular com essa conta.
17. Selecione o idioma e moeda nos quais deseja registrar a atividade para a conta secundária e clique em Adicionar.
3.2. 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 na web em tempo real).
18. Em "Configurações > Rastreamento", ative o seletor Rastreamento Connectif para que o script do Connectif seja incluído em sua página web.
19. Clique em Salvar mudanças.
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, a Extensão do Tema deve ser habilitada.
20. Clique no botão Configurar extensão do tema.
21. Selecione o tema que está ativo (aquele marcado como "principal") e clique em Configurar extensão do tema.
22. 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).
23. Em "Ajustes > Produto", marque ou desmarque a caixa de seleção Usar variantes de produto para coletar em carrinhos e compras as variantes de produto (tamanho, cor, etc.).
24. Escolha entre coletar o ID interno do Shopify do produto ou o SKU marcando uma das duas opções do seletor.
25. 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 esta funcionalidade, leve em consideração alguns pontos sobre como e quais dados são atualizados no Connectif:
- Os campos personalizados do produto que estão sendo sincronizados por outros meios (por exemplo, tags de produtos visitados via extensão de tema) estão excluídos deste método de atualização.
- Por meio deste mecanismo, o tamanho original das imagens dos produtos será coletado.
- Na integração do Shopify com o Connectif, as Coleções do Shopify são armazenadas como Categorias de Produtos no Connectif. Alterações nos nomes dessas coleções ou na associação dos produtos a elas estão excluídas de serem atualizadas 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 ao usar este mecanismo.
26. Clique em Salvar mudanças.
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).
As configurações de compras só podem ser feitas quando o rastreamento está desabilitado, portanto, para poder alterar essa configuração, ele deve ser desabilitado temporariamente (passo 3.2.).
27. Em "Ajustes > Compras", escolha entre notificar as compras online ou offline. Por padrão, o Connectif coletará as compras online.
Qual a diferença entre Usar compras online e Usar compras offline?
- Ao Usar compras online, a compra será registrada imediatamente após o usuário visitar a página de checkout, usando a etiqueta da Extensão do Tema.
- Ao Usar compras offline, a compra será registrada no Connectif de forma assíncrona em qualquer momento posterior à compra (não imediatamente).
Além de configurar as notificações de compras no Shopify, você precisará implementar o snippet de rastreamento em sua loja. Saiba como fazer isso neste artigo.
3.5. Configuraciones de la Extensión del tema
(Neste segmento, são explicadas as configurações que podem ser ajustadas no editor de 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, é necessário verificar se ambas as configurações coincidem e, caso contrário, fazer os ajustes necessários.
28. Clique no botão Configurar Extensão de tema.
29. Em "Configuração do carrinho", verifique se a opção Usar variantes de produto coincide com a que você selecionou no passo 3.3.
30. Em "Ajustes de produto > ID de Produto", confirme se as informações do produto configuradas são as mesmas que você selecionou no passo 3.3.
31. Em "Ajustes de produto", escolha o tamanho da imagem do produto que será exibido no Connectif (em pixels).
32. Em "Etiquetas personalizadas", insira os campos personalizados criados no Connectif usando código Liquid.
3.6. (Opcional). Criação de campos personalizados de Produtos e Clientes em Shopify
(Neste segmento, é explicado como criar campos personalizados de Produtos e Clientes no Shopify e sincronizá-los com os do Connectif).
33. Acesse o Painel de Administração de sua loja Shopify e clique em Configurações.
Em nosso exemplo, ilustramos como criar uma etiqueta personalizada de produto chamada "Exemplo".
34. Vá para Metafields e selecione a parte da loja onde deseja adicionar o novo campo personalizado.
Em nosso exemplo, um campo para Produtos está sendo adicionado.
35. Adicione um novo metacampo preenchendo o Nome e a Descrição.
36. Selecione um Tipo de Campo.
37. Marque a caixa de seleção que permite conectar este campo via API.
Em nosso exemplo, estamos criando um campo do tipo linha de texto.
38. Clique em Salvar.
39. Copie o nome do metacampo para incluí-lo no Editor do tema.
Em nosso exemplo, estamos copiando o metacampo do Produto criado (product.metafields.custom.example).
40. Adicione o metacampo copiado no seguinte trecho de código:
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
41. Copie o trecho de código resultante para a seção Etiquetas personalizadas do Editor do tema.
Em nosso exemplo, mostramos como incluir o código do metacampo para Produto criado.
42. Clique em Salvar.
Sucesso!
Sua instalação do aplicativo Connectif para Shopify está completa.
Você pode garantir que realizou a integração corretamente seguindo os passos deste artigo.
Perguntas Frequentes
1. Ainda não tenho um plano ativo do Connectif e quero contratá-lo
(Neste segmento, é explicado o que fazer caso você não tenha um plano do Connectif e queira contratá-lo através do Shopify).
- Nesse caso, siga as instruções do Passo 2.
2. Já possuo um plano Connectif, mas quero pagar através do Shopify
(Nesta seção, é explicado o que fazer caso você já tenha um plano Connectif que não está sendo faturado através do Shopify e deseje mudar para pagá-lo por meio da ferramenta.)
- Na sua conta Shopify, vá para o painel de controle do módulo Connectif e, em Plano, clique no botão Contratar.
- Depois de revisar e aceitar os termos, escolha e aceite o método de pagamento.
3. Tenho que começar a pagar o plano atribuído
(Nesta seção, é explicado o que fazer caso você já tenha um plano atribuído para pagar e começará a pagar através do Shopify).
- Na sua conta Shopify, vá para o painel de controle do módulo Connectif e, em Plano, clique no botão Contratar.
- Depois de revisar e aceitar os termos, escolha e aceite o método de pagamento.
4. 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 Shopify, é 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 da sua conta Connectif, recomendamos que continue com os seguintes artigos:
-
Onboarding, para adquirir destreza com nossa interface.
-
Seguimento de compras com o snippet de 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 administrar eventos como registros de compras ou cadastros de contatos.