Integração com Shopify

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.

 
Tempo de implementação: 15 min.
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.

Shopify_integracio_n_oct_22_-_01.png

4. Clique em Instale nosso módulo na loja de aplicativos do Shopify para ir para a App Store do Shopify.

Integração com Shopify - 1-min (1).png

5. Clique no botão Instalar aplicativo.

Integração

6. Faça login ou crie uma nova conta.

Integração

 

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.

Integração

8. Selecione a loja que deseja integrar e configurar. 

Integração

9. Acesse o bloco Informações Gerais para revisar as informações sobre a conta do Connectif vinculada à sua instalação do Shopify.

Shopify_integracio_n_oct_22_-_8.png

10. Escolha um dos planos do Connectif disponíveis.

Shopify_integracio_n_oct_22_-_9.png

11. (Opcional). Solicite um plano personalizado à Connectif através do painel Pedir um plano personalizado.

 
Apenas é possível ter uma solicitação de plano personalizado em fila.

Shopify_integracio_n_oct_22_-_10.png

 

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. 

Integração

13. Selecione o idioma e moeda nos quais deseja registrar a atividade para a conta principal e clique em Habilitar.

Integração

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.

Integração

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.

Integração

17. Selecione o idioma e moeda nos quais deseja registrar a atividade para a conta secundária e clique em Adicionar.

Integração

 

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.

Shopify_integracio_n_oct_22_-_11.png

19. Clique em Salvar mudanças.

Shopify_integracio_n_oct_22_-_12.png

  

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.

Shopify_integracio_n_oct_22_-_13.png

21. Selecione o tema que está ativo (aquele marcado como "principal") e clique em Configurar extensão do tema.

Shopify_integracio_n_oct_22_-_14.png

22. No Editor do Tema, clique em Salvar para habilitar a Extensão do Tema em sua conta.

Shopify_integracio_n_oct_22_-_15.png

 

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.

  O ID do Shopify é atribuído automaticamente, enquanto o SKU deve ser indicado no momento da criação de seus produtos.

Shopify_integracio_n_oct_22_-_16.png

25. Marque a caixa de seleção Atualizar produtos em tempo real se você deseja atualizar os produtos no Connectif imediatamente quando uma alteração for aplicada ao produto no painel do Shopify.

 

Ao usar essa funcionalidade, leve em consideração que:
- Os campos personalizados do produto que são sincronizados por outros meios (etiquetas de produto visitado através da extensão do tema) não serão atualizados no Connectif.
- O tamanho original das imagens do produto será coletado.
- Se o nome ou os produtos associados forem alterados no Shopify, isso não será atualizado no Connectif. 
- A exclusão de produtos no Shopify não atualizará o status de estoque nem excluirá os produtos no Connectif.

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 onlineUsar 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).

Shopify_integracio_n_oct_22_-_17-min.png

 

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.

Shopify_integracio_n_oct_22_-_11-min.png

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.

Shopify_integracio_n_oct_22_-_18.png

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.

Shopify_integracio_n_oct_22_-_19.png

31. Em "Ajustes de produto", escolha o tamanho da imagem do produto que será exibido no Connectif (em pixels).

Shopify_integracio_n_oct_22_-_20.png

32. Em "Etiquetas personalizadas", insira os campos personalizados criados no Connectif usando código Liquid.

Shopify_integracio_n_oct_22_-_27__1_-min.png

 

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.

Shopify_integracio_n_oct_22_-_21.png

 

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.

Shopify_integracio_n_oct_22_-_28.png

 

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.

Shopify_integracio_n_oct_22_-_23.png

 

Em nosso exemplo, estamos criando um campo do tipo linha de texto.

38. Clique em Salvar.

Shopify_integracio_n_oct_22_-_24.png

39. Copie o nome do metacampo para incluí-lo no Editor do tema.

Shopify_integracio_n_oct_22_-_25.png
 

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.

Shopify_integracio_n_oct_22_-_26.png
 

Em nosso exemplo, mostramos como incluir o código do metacampo para Produto criado.

42. Clique em Salvar.

Shopify_integracio_n_oct_22_-_29-min.png

 

 

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.

Shopify_integracio_n_oct_22_-_30.png

 

  • Depois de revisar e aceitar os termos, escolha e aceite o método de pagamento.

Shopify_integracio_n_oct_22_-_31.png

 

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.

Shopify_integracio_n_oct_22_-_30.png

 

  • Depois de revisar e aceitar os termos, escolha e aceite o método de pagamento.

Shopify_integracio_n_oct_22_-_31.png

 


Continue aprendendo!

Para aproveitar todo o potencial da sua conta Connectif, recomendamos que continue com os seguintes artigos:

Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0