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.
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.
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. Criação de campos personalizados de Produtos e Clientes no Shopify
(Nesta seção, explicamos como criar campos personalizados de Produtos e Clientes no Shopify e sincronizá-los com os do 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. Ainda não tenho um plano Connectif ativo e quero contratá-lo
(Nesta seção, explicamos o que fazer caso você ainda 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á tenho um plano do Connectif, mas quero pagá-lo através do Shopify
(Nesta seção, explicamos o que fazer caso você já tenha um plano do Connectif que não esteja sendo faturado via Shopify e queira mudar para pagá-lo através da plataforma).
- Na sua conta do Shopify, acesse o painel de controle do módulo do 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.
3. Preciso começar a pagar o plano atribuído
(Nesta seção, explicamos o que fazer caso o plano já tenha sido atribuído e você precise começar a pagá-lo através do Shopify).
- Na sua conta do Shopify, acesse o painel de controle do módulo do 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. Como recuperar carrinhos abandonados com a URL de Recuperação de Carrinho
(Nesta seção, explicamos 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 o Shopify, é enviada ao 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 fluxos de trabalho (workflows) e conteúdos.
Para obter a URL de recuperação de carrinho por meio de um fluxo de trabalho, é necessário utilizar o nó "Obter último carrinho" e "Ao abandonar carrinho", e então mapeá-la nas variáveis do conteúdo a ser exibido ou enviado.
- Aprenda como essa URL funciona nos diferentes CMS e como utilizá-la neste artigo.
Continue aprendendo!
Para aproveitar ao máximo sua conta no Connectif, recomendamos que continue com os seguintes artigos:
-
Onboarding, para adquirir familiaridade 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 se 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.