1.1. Aumente suas listas de email com uma estratégia de captação de duplo opt-in

Nesta lição, você aprenderá e implementará a primeira parte do fluxo de trabalho que contém a estratégia de captação para sua newsletter com uma inscrição de duplo opt-in.

O duplo opt-in é o modelo ideal de inscrição para suas listas de email, que ajudará você a ter uma base de dados sólida e limpa. Com o Connectif, é possível criar um fluxo de trabalho de captação de contatos com dupla confirmação de inscrição, para aumentar e melhorar suas listas de email com uma mesma estratégia.

Objetivo: Captação.
Elementos utilizados: Popup, formulário em conteúdo web.
Tempo de implementação: < 1 hora.

Recomendamos que siga todos os passos e implemente esta estratégia do zero em sua conta, mas se precisar de um caminho rápido, no Diretório de Templates de Workflows você tem disponível o template Inscrição na Newsletter com Duplo Opt-in, com o qual pode trabalhar.

 

Resumo da lição

Nesta lição você vai aprender:

  • O nó "Início" para configurar as audiências.
  • O nó "Ao visitar página" para detectar as visitas dos contatos.
  • O nó "Verificar valor" para dividir o fluxo com base nas informações do contato.
  • O nó "Enviar conteúdo web" para impactar os contatos com diferentes formatos.
  • O nó "Ao abrir conteúdo web" para detectar quais contatos interagem com seus conteúdos.
  • As limitações nos nós para delimitar sua ativação.
  • Como criar um popup no Connectif através do editor de conteúdo web.
  • Como adicionar um formulário a um conteúdo web, neste caso, ao popup.

Esta lição é a mais importante de todo o curso, pois você aprenderá como funciona o Editor de Workflows e a interface dos nós. Esta informação servirá como base para todas as estratégias que desenvolver com o Connectif.

 

Ao terminar a lição, você terá criado em sua conta:

Uma parte da estratégia de captação que contém este fluxo de trabalho, através da qual enviará um popup com um formulário de inscrição para os contatos que visitarem seu site e não estiverem inscritos na sua newsletter.

1.1. Incrementa tus listas de email con una estrategia de captación doble opt-in - 1.png

 

Configuração da estratégia
 

PASSO 0. Criação do workflow

Como funciona o Editor de workflows

O editor de workflows é a funcionalidade do Connectif que permite criar e editar os fluxos de trabalho para constituir as diferentes estratégias com as quais melhorar seus resultados de negócio.

Você pode acessar o Editor de workflows a partir de Workflows, clicando em Criar novo workflow.

Guía para integrar con PrestaShop - 14.png

 

A interface do editor de workflows é composta por 3 blocos:

1. Início, opções e erros: para iniciar o workflow, salvar ou descartar as alterações feitas, bem como exportá-lo ou excluí-lo. Também inclui as seguintes opções:

  • Mostrar relatório de incidentes: para, caso existam, mostrar os erros que devem ser resolvidos antes de iniciar o workflow.

  • Adicionar notas: para adicionar anotações nos workflows.

2. Painel de design: para construir visualmente o workflow usando os nós disponíveis. Nele sempre aparecerá o nó “Início”, pois é o ponto de partida de todos os fluxos e o local onde você configura a audiência do workflow.

3. Ferramentas do painel de design: para trabalhar com os elementos do workflow e modificar a visualização do painel. Inclui as seguintes opções:

  • Modo cortar: para delimitar mantendo pressionado o botão esquerdo do mouse e eliminar conexões entre nós.
  • Modo seletor: para delimitar uma área de seleção mantendo pressionado o botão esquerdo do mouse e arrastando.
  • Opções de visualização do quadro: para modificar a visualização do painel de design. Neste menu também pode usar Apagar tudo para remover todos os nós.
  • Controles de visualização: para ampliar ou reduzir o zoom, centralizar a vista e ajustar a visualização do workflow.

4. Menu de seleção de nós: para navegar pelos diferentes nós disponíveis e configurar os workflows arrastando-os para o painel de design. Os diferentes tipos de nós que você encontrará são:

  • Nós do tipo Disparador: servem para reativar o fluxo no momento em que um contato realiza alguma atividade em nossa página ou cumpre determinada condição.

  • Nós do tipo Condição: servem para filtrar os contatos e assim poder segmentar de forma mais precisa as ações de um workflow. No momento em que um usuário chega a um nó do tipo condição, verifica-se se ele cumpre ou não seus requisitos para direcioná-lo pelo fluxo.

  • Nós do tipo Ação: servem para executar operações específicas dentro dos fluxos. No momento em que um usuário chega a um nó do tipo ação, inicia-se sua atividade.

Guía para integrar con PrestaShop - 15.png

 

Como funcionam os nós do Connectif

Os nós funcionam como etapas no decorrer do fluxo que o contato segue ao longo do workflow. Para continuar seu caminho, o contato deve realizar um evento, cumprir uma condição ou ser impactado com uma ação, dependendo do nó em que se encontra.

Cada um dos nós do Connectif tem uma interface que permite configurar sua atividade, limitações e conhecer os dados que cada um exporta:

1. Configuração: para estabelecer qual atividade deve dispará-lo (no caso de nós do tipo Disparador), qual condição os contatos devem cumprir para continuar pelo fluxo (no caso de nós do tipo Condição) ou qual atividade os contatos realizarão ao chegar nele (no caso de nós do tipo Ação). Cada nó tem suas próprias opções de configuração, no exemplo a seguir, mostra-se a configuração do nó "Ao visitar página".

Guía para integrar con PrestaShop - 16.png

 

2. Limitações: para delimitar a atividade do nó e estabelecer as condições sob as quais ele não operará, exceto em nós do tipo condição que não têm limitações porque funcionam como filtro. Seu uso permite pausar nós automaticamente de forma temporária ou definitiva. Além disso, é importante destacar que se forem combinadas limitações, sempre terá prioridade a mais restritiva.

As limitações existentes são:

  • Desativar após disparar: o nó se desativa para um contato após ser disparado pela primeira vez.
  • Máx. vezes disparável por Contato / Contato: o nó se desativa para um contato após ser disparado um número determinado de vezes.
  • Desativar temporariamente após evento: o nó se desativa para um contato de forma temporária e volta a ser disparado uma vez que o tempo indicado transcorra.
  • Máx. total vezes disparável / Limite total: o nó se desativa quando é disparado um número determinado de vezes entre todos os contatos, independentemente de ter sido disparado para o mesmo contato ou não.

Guía para integrar con PrestaShop - 17.png

 

3. Dados: para poder revisar a informação que é importada e exportada dentro de cada nó através do fluxo.

Guía para integrar con PrestaShop - 18.png

 

Como criar o workflow para esta estratégia

1. Em sua conta do Connectif, clique em "Workflows > Criar novo Workflow" e, em seguida, em Criar Workflow em branco.

Guía para integrar con PrestaShop - 19.png

 

2. Clique em (Edição) e dê o nome "Inscrição duplo opt-in".

3. Clique em Aplicar para salvar o novo nome do seu workflow.

Guía para integrar con PrestaShop - 20.png

 

PASSO 1. Nó "Início"

Como funciona o Nó "Início"

O "Início" é usado para estabelecer os contatos aos quais as estratégias serão direcionadas, por isso este nó estará presente em todos os workflows e dele partirão todos os fluxos.

Na interface do nó configuram-se as audiências que a estratégia impactará, assim como as fontes de dados, ou seja, se será ativado para os contatos existentes, os novos que entrarem a partir da ativação do workflow, ou para ambos.

Guía para integrar con PrestaShop - 21.png

 

Como configurar o Nó "Início" para esta estratégia

(Este nó vai estabelecer a audiência a que o workflow é direcionado).

4. Clique em (Editar configuração do nó) do nó “Início”.

5. Em Selecionar uma restrição, marque "Toda minha lista".

6. Em Selecionar a fonte de dados, marque "Todos os existentes e os novos".

7. Clique em Atualizar.

Guía para integrar con PrestaShop - 22.png

Neste passo indicamos ao Connectif que o workflow será ativado para todos os contatos que visitarem o site, tanto novos quanto existentes.

PASSO 2. Nó "Ao visitar página"

Como funciona o Nó "Ao visitar página"

Este nó é usado para reagir no momento em que um contato visita uma página do site.

Na interface do nó configuram-se as páginas e dispositivos que ativarão o nó, bem como as exclusões.

Guía para integrar con PrestaShop - 23.png

 

Como configurar o Nó "Ao visitar página" para esta estratégia

(Este nó vai detectar os contatos que visitam o site).

8. No menu de seleção de nós, vá para "Disparadores > Web" e arraste o nó "Ao visitar página" para o editor, de forma que conecte com o nó "Início".

9. Clique em (Editar configuração do nó) do nó “Ao visitar página”.

10. Na aba Limitações, desmarque a caixa "Desativar após disparar". Neste caso, não se adiciona nenhuma limitação adicional, pois posteriormente você criará uma limitação externa a partir do nó "Abrir conteúdo web" para desativar temporariamente este percurso.

11. Clique em Atualizar.

Guía para integrar con PrestaShop - 24.png

Neste passo indicamos ao Connectif que, no momento em que um contato visitar qualquer página do site de qualquer dispositivo, ele passe para a próxima ação.

PASSO 3. Nó "Verificar valor"

Como funciona o Nó "Verificar valor"

Este nó é usado para verificar o valor dos dados importados pelos nós anteriores e filtrar o percurso do contato com base neles.

Na interface do nó configuram-se os dados a revisar e a correspondência que devem ter, o que servirá como condição para distribuir os contatos.

Guía para integrar con PrestaShop - 25.png

 

Como configurar o Nó "Verificar valor" para esta estratégia

(Este nó vai identificar se o contato está inscrito na newsletter).

12. No menu de seleção de nós, vá para "Condições > Sistema" e arraste o nó "Verificar valor" para o editor, de forma que conecte com o nó "Ao visitar página".

13. Clique em (Editar configuração do nó) do nó “Verificar valor”.

14. Arraste o campo "Status da inscrição na newsletter" de "Contato" para o bloco da esquerda. Assim, você está indicando ao Connectif que verifique, na ficha do contato, o Status da inscrição na newsletter.

15. Em seguida, em "Operador", selecione "É igual a".

16. Arraste o valor "Literal" para o bloco da direita e selecione "Inscrito". Este valor indica que, na ficha do contato, o status da newsletter deve ser exatamente Inscrito.

17. Clique em Atualizar.

Guía para integrar con PrestaShop - 26.png

Neste passo indicamos ao Connectif que verifique se os visitantes têm o campo de inscrição na newsletter com o status "Inscrito", que é o valor registrado na ficha do contato. Caso não estejam inscritos, o fluxo continuará e será enviado o popup de inscrição. Se o contato estiver inscrito, a estratégia será interrompida.

PASSO 4. Nó "Enviar conteúdo web"

Como funciona o Nó "Enviar conteúdo web"

Este nó é usado para mostrar um conteúdo web determinado, dentre os formatos disponíveis no Connectif (Popup, Inline, Full Screen, Slide In ou Floating Bar) aos contatos que chegam a essa parte do workflow.

Na interface do nó configura-se qual conteúdo e como será exibido, permitindo escolher um conteúdo existente ou criar um novo.

Guía para integrar con PrestaShop - 44.png

 

Como funciona o conteúdo web do tipo popup

O conteúdo web do tipo popup é exibido como uma janela emergente que se sobrepõe parcialmente ao restante da página, em qualquer posição da tela. Serve para chamar a atenção sobre algum aspecto específico em um momento determinado, fazendo com que o contato interaja com ele.

É formatado no Editor de conteúdo, por isso não são necessários conhecimentos de programação para criá-lo.

Um popup gera estatísticas relacionadas às suas visualizações, interações e participação no processo de compra.

Contenido_web_de_Connectif_-_1.png

 

Como criar o popup para esta estratégia

(Neste passo você vai criar o popup de captação de usuários para a newsletter, que será o que o nó enviará).

18. No menu de seleção de nós, vá para "Ações > Web" e arraste o nó "Enviar conteúdo web" para o editor, de forma que conecte com o nó "Verificar valor".

19. Na conexão deste nó com o nó "Verificar valor", clique no círculo até aparecer "Não". Assim, você estará indicando ao Connectif que o popup seja exibido para aqueles visitantes que não tenham Inscrito no campo Status da inscrição na newsletter de sua ficha de contato.

Guía para integrar con PrestaShop - 27.png

 

20. Clique em (Editar configuração do nó) e Criar novo conteúdo para gerar um novo conteúdo.

21. Ao criar um novo conteúdo, selecione o tipo Popup, dê um nome a ele e clique em Criar novo conteúdo.

Guía para integrar con PrestaShop - 28.png

 

22. No painel de Ferramentas, clique na aba Geral para editar os parâmetros da aparência geral do seu popup. Também pode acessar clicando em Propriedades gerais no painel de design. Alguns dos mais destacados são:

  • Nome, para identificar como seu popup será chamado.
  • Disposição, para determinar sua posição na tela.
  • Animações, para definir efeitos com os quais será exibido e fechado.
  • Fundo do conteúdo e Camada de fundo, para escolher a cor e os efeitos do fundo.
  • Botão de fechar, para determinar como ele será exibido.

Guía para integrar con PrestaShop - 29.png

 

23. Clique na aba Componentes para acessar as opções de elaboração e design do seu popup.

  • Em Disposição, escolha a distribuição que melhor se adapte às suas necessidades. Caso não inclua, será usada por padrão a estrutura de uma coluna.

Guía para integrar con PrestaShop - 30.png

 

  • Em Elementos, adicione um campo de texto para inserir seu formulário. Também pode adicionar, se desejar, outros elementos ao design, dentre os disponíveis: "Texto", "Imagem", "Botão link", "Divisor", "Espaço", "Produtos", "HTML", "WhatsApp", "Vídeo" e "Contagem regressiva". Edite os componentes para configurar seu design e textos.

Guía para integrar con PrestaShop - 31.png

 

  • Em Elementos do formulário:
    • Adicione um campo de texto e nomeie como "Nome" para coletar o nome do contato. Edite-o para configurar seu design e texto.

Guía para integrar con PrestaShop - 32.png

 

  • Adicione um campo de email para coletar o endereço de email e, em Validações, marque como obrigatório. Edite-o para configurar seu design e texto.

Guía para integrar con PrestaShop - 33.png

 

  • Adicione uma caixa de seleção para aceitar a Política de Privacidade, clique em Validações e indique que deve ser marcada pelo menos uma opção, para que seja obrigatório que os contatos a aceitem.

Guía para integrar con PrestaShop - 34.png

 

  • Adicione o botão de envio do formulário e edite-o para configurar seu design e texto.

Guía para integrar con PrestaShop - 35.png

 

24. Na aba Formulário, configure os parâmetros para o envio do formulário:

  • Em Tipo de formulário, selecione a opção Inscrição, para que os contatos que preencherem o formulário sejam registrados e identificados com o usuário que realiza a ação. Se fosse escolhida a opção Evento, a informação ficaria no workflow, mas não seria registrada na ficha do contato nem associada à visita a um email.
  • Em Email identificador, selecione o campo Email que você adicionou no passo anterior, para que este dado seja atualizado na ficha do contato.
  • Marque a opção Fechar conteúdo ao enviar, para que o popup se feche quando o contato enviar o formulário.
  • Neste caso, não marque a opção Inscrever o contato na newsletter ao enviar o formulário, pois esta inscrição deverá ser confirmada pelo contato através do email que configuraremos na próxima lição.

Guía para integrar con PrestaShop - 36.png

 

25. Clique em Salvar para conservar as modificações no design e em Voltar ao seletor para retornar e finalizar a configuração do nó.

Guía para integrar con PrestaShop - 37.png

 

Como configurar o Nó "Enviar conteúdo web" para esta estratégia

(Este nó vai mostrar o popup que você acabou de criar para os contatos que não estão inscritos na newsletter no momento em que visitarem o site).

26. Selecione o popup que você acabou de criar e clique em Próximo .

Guía para integrar con PrestaShop - 38.png

 

27. Escolha quando o popup será exibido. Neste caso, marque “Após alguns segundos” e, em “Mostrar quando decorrerem”, defina "5" segundos, para que o conteúdo seja exibido quando o contato tiver navegado esse tempo pela página. Também pode escolher entre mostrar imediatamente, no momento anterior ao abandono da página, quando o contato fizer scroll até certo ponto ou após um tempo de inatividade.

Guía para integrar con PrestaShop - 39.png

 

28. Clique em Próximo e, em seguida, na aba Limitações, desmarque a caixa "Limite por contato", para que este conteúdo possa ser exibido mais de uma vez para os contatos, caso continuem cumprindo as características.

29. Clique em Finalizar .

Neste passo indicamos ao Connectif que envie o popup com o formulário de inscrição que acabamos de criar aos visitantes que chegam a esta parte do fluxo. Nesta estratégia, configuramos um popup para que, inevitavelmente, o contato tenha que interagir com ele, seja para fechá-lo ou para enviar o formulário.

PASSO 5. Nó "Ao abrir conteúdo web"

Como funciona o Nó "Ao abrir conteúdo web"

Este nó é usado para reagir no momento em que qualquer conteúdo web enviado é exibido (como mostrado na imagem), exceto conteúdos do tipo inline que, por estarem dentro da página, não são entendidos como conteúdos emergentes.

Na interface do nó define-se se ele será disparado com um conteúdo específico ou com qualquer conteúdo de um tipo determinado.

Guía para integrar con PrestaShop - 41.png

 

Como configurar o Nó "Ao abrir conteúdo web" para esta estratégia

(Este nó vai detectar o momento em que o popup é exibido, permitindo adicionar limitações que evitem que ele volte a ser exibido durante a navegação).

30. No menu de seleção de nós, vá para "Disparadores > Web" e arraste o nó "Ao abrir conteúdo web" para o editor, de forma que conecte com o nó "Enviar conteúdo web".

31. Clique em (Editar configuração do nó) do nó “Ao abrir conteúdo web”.

32. Clique em Um conteúdo específico.

33. Selecione o conteúdo "Popup" que você configurou no nó anterior.

Guía para integrar con PrestaShop - 42.png

 

34. Em Limitações, desmarque a caixa "Desativar após disparar".

35. Crie uma limitação externa em Limitação a outros nós, para isso:

  • No menu suspenso Selecionar nó, escolha a opção "Ao visitar qualquer página" para limitar este nó.

  • Em Selecionar o tipo de limitação, escolha a opção "Desativar por um tempo" e digite “1” no campo “Dia".

  • Clique em Adicionar limitação externa para salvar sua configuração. Assim, você limitará o percurso do "Ao visitar página" (passo 2), e se um contato abrir o popup mas não se inscrever no formulário, ele não verá novamente até passar um dia, mesmo que volte a visitar o site.

Guía para integrar con PrestaShop - 43.png

 

36. Clique em Atualizar.

Neste passo indicamos ao Connectif que, uma vez exibido o popup de inscrição na newsletter, se o visitante não enviar o formulário, o percurso desta ramificação não será reiniciado até passar um dia.

Resultado

Após completar os passos, você terá estabelecido a primeira parte desta estratégia, que mostrará em seu site um popup convidando seus visitantes a se inscreverem na sua newsletter. Lembre-se que esta é a primeira parte da estratégia, por isso recomendamos avançar no curso para finalizá-la.

Guía para integrar con PrestaShop - 13.png

Continue seu percurso

Agora que você completou esta lição, continue configurando esta estratégia em sua conta com os passos do próximo artigo.

 

Parabéns!
Você chegou ao final da lição.

Volte ao curso
Acesse o índice completo do curso e a explicação de cada lição em este link.


Leituras relacionadas

Se quiser aprofundar algum dos aprendizados adquiridos nesta lição, você pode acessar a documentação do guia: