Nessa lição, você vai aprender e executar a primeira parte do workflow com a estratégia de captação da sua newsletter com a inscrição double opt-in.
O double opt-in é um ótimo modelo de inscrição para suas listas de e-mail, ele vai ajudar a ter uma base de dados sólida e selecionada. Com a Connectif, você pode criar um workflow de captação de contatos com dupla confirmação da inscrição, para facilitar e aumentar suas listas de e-mail com uma só estratégia.
Antes de começar: recapitulação
Na lição anterior vimos como executar a primeira parte da estratégia, que mostrará no site um pop-up convidando os visitantes a se inscreverem na newsletter.
Resumo da lição
Nessa lição você vai aprender:
- Na etapa “Enviou o formulário" como reagir quando um contato se inscrever no seu site.
- Na etapa “Estabelecer campo" como modificar através de um workflow os campos dos contatos.
- Na etapa “Enviar e-mail” como enviar um e-mail transacional.
- Como criar um e-mail na Connectif com o editor de e-mail.
- Como criar e acrescentar variáveis aos conteúdos.
- Como usar os links predefinidos em um e-mail.
Quando terminar a lição, você terá criado na sua conta:
A segunda parte da estratégia de captação, que servirá para atualizar a ficha dos contatos e reagir ao envio do formulário de inscrição do pop-up (criado na lição anterior) através de duas formas:
- Com um pop-up pedindo para o contato confirmar a inscrição através do e-mail.
- Com o próprio e-mail, com o link de confirmação da inscrição.
Configuração da estratégia
Acesso ao workflow criado na primeira parte dessa estratégia. Clique em Workflows e procure o workflow que criou com o nome "Inscrição double opt-in” (ou o nome que tenha escolhido).
PASSO 6. Etapa “Enviou o formulário"
Como funciona a etapa “Enviou o formulário"
Utilizamos esta etapa para enviar uma reação no momento que o contato confirma o envio do formulário.
Na interface da etapa você configura se quer que dispare com o envio de qualquer formulário ou de algum formulário concreto. Além disso, é possível filtrar pela URL de onde foi enviado o formulário.
Como configurar a etapa “Enviou o formulário” para esta estratégia
(Esta etapa irá detectaro exato momento que o contato enviou o formulário do pop-up de inscrição para passar à seguinte ação, que será a etapa “Estabelecer campo”).
37. No menu de seleção de etapas, clique em "Disparadores > Site" e arraste a etapa “Enviou o formulário" para o editor de modo a conectar com a etapa “Início".
38. Clique em (Editar configuração da etapa) da etapa “Enviou o formulário”.
39. Clique em Um formulário específico.
40. Depois, seleciones o formulário mostrado no pop-up de inscrição na newsletter criada na lição anterior.
41. Na aba Bloqueios, desative a opção “Desativar após disparar”.
42. Clique em Atualizar.
PASSO 7. Etapa “Estabelecer campo"
Como funciona a etapa “Estabelecer campo"
Utilizamos essa etapa para guardar ou alterar a informação na ficha de contato.
Na interface da etapa vinculamos a informação nova obtida no workflow (coluna esquerda) com os campos dos contatos existentes (coluna direita). Além disso, esta etapa possibilita agregar os valores literais para acrescentar ou atualizar a informação do campo com um valor fixo definido pelo usuário (por exemplo, colocar uma pontuação concreta em todos os contatos de um workflow).
Como configurar a etapa “Estabelecer campo” para esta estratégia
(Esta etapa irá registrar a informação obtida no formulário do pop-up).
43. No menu de seleção de etapas, clique em “Ações > Contato" e arraste a etapa “Estabelecer campo" para o editor de modo a conectar com a etapa “Enviou formulário".
44. Clique em (Editar configuração da etapa) da etapa “Estabelecer campo”.
45. Arraste o campo "Nome“ da etapa "Enviou o formulário", da coluna da esquerda para a coluna do meio, para coincidir com o campo "Nome" da coluna da direita. Pode ser encontrado através da lista de campos ou usar a pesquisa para localizar, como mostra o exemplo. No Operador, selecione “Agregar".
46. Clique em Atualizar.
PASSO 8. Etapa “Enviar e-mail"
Como funciona a etapa “Enviar e-mail"
Utilizamos essa etapa para enviar um e-mail para os contatos que chegaram a essa parte do workflow. Na interface da etapa configuramos, parte por parte, todos os aspectos do e-mail a ser enviado e dos destinatários:
- Configuração do template do e-mail. Para selecionar um e-mail criado previamente ou para configurar um novo no editor de e-mail.
-
Configuração da etapa. Para configurar como será o envio:
- Enviar para. Para escolher os Contatos e enviar o email aos usuários que têm o "Estado do e-mail" como "Ativo" ou E-mail específico e indicar manualmente quais destinatários vão receber todos os e-mails que serão enviados.
- Seleção do tipo de e-mail. Para escolher se o e-mail será Transacional e será enviado a todos os contatos. Newsletter para enviar aos usuários que o "Estado da newsletter" está como “Inscrito”.
- Parâmetros. Para estabelecer o Assunto do E-mail, o Nome de origem, o E-mail de origem e o E-mail de resposta.
- Configuração de campos e valores. Para colocar ou alterar os valores das variáveis do e-mail.
- Google Analytics. Para estabelecer os parâmetros de tracking do Google Analytics no e-mail.
Como funciona o editor de e-mail
O Editor de e-mail é a funcionalidade da Connectif que permite personalizar, de forma responsiva, o conteúdo dos e-mails que serão enviados aos clientes através dos workflows.
O editor de e-mail se baseia no método do “drag and drop” (arrastar e soltar), então você poderá configurar seu e-mail de forma rápida, simples e visual.
Como configurar o e-mail para esta estratégia
(Neste passo você vai criar o e-mail para que os contatos possam confirmar a assinatura na newsletter).
47. No menu de seleção de nós, vá para "Ações > E-mail" e arraste o nó "Enviar e-mail" para o editor, conectando-o ao nó "Definir campo".
48. Clique em (Editar configuração do nó). Clique em Criar novo conteúdo para criar um novo e-mail.
49. Ao criar um novo e-mail, no painel de Ferramentas, clique na aba Geral para editar os parâmetros do aspecto geral do seu e-mail.
- Em Nome, identifique o nome do seu e-mail.
- Em Cores, defina a cor de fundo do conteúdo e a cor de fundo geral.
- Em Texto, defina a fonte padrão para os textos do e-mail.
- Em Resumo, indique o que aparecerá ao cliente na visualização do e-mail após o assunto.
-
Em Opções HTML, configure o estilo geral baseado em estilos CSS e HTML.
50. Clique na aba Componentes para acessar as opções de criação e design do seu e-mail.
- Em Estrutura, escolha o layout que melhor se adapte às suas necessidades. Caso não seja incluído, uma estrutura de coluna única será utilizada por padrão.
- Em Elementos, adicione as peças de conteúdo funcional para construir o design do seu e-mail. Os elementos disponíveis são: "Texto", "Imagem", "Botão", "Social", "Divisor", "Espaço", "Produto", "HTML", "Ver no navegador" e "Rodapé". Neste exemplo, adicionaremos um campo de texto introdutório para nosso formulário.
51. Depois de adicionar os elementos, edite-os para configurar seu e-mail:
- Em "Texto", redija seu texto com formatação enriquecida (negrito, itálico, links...), insira variáveis dinâmicas ou modifique sua disposição no bloco inserido.
- Em "Imagem", cole o URL da imagem para incluí-la no seu e-mail se ela já estiver publicada na Internet. Para carregá-la do seu dispositivo, clique em Carregar imagem e selecione o arquivo na janela pop-up. Uma vez carregado, o URL da imagem será definido automaticamente.
- Em "Botão", defina o texto que aparecerá no botão, o atributo ‘title’, selecione as cores do texto e do fundo e ajuste a disposição no bloco. Para adicionar o link de confirmação de assinatura na newsletter, clique em (Link predefinido) e selecione a opção "Confirmar assinatura na newsletter", para que inclua o link predefinido que atualizará o status da assinatura na newsletter tanto no Connectif quanto no eCommerce.
- (Opcional). Em "Social", escolha as redes sociais que você deseja incluir e modifique o URL do link, bem como a disposição no bloco.
- Em "Ver no navegador", insira um texto predefinido para adicionar um link que permite visualizar o conteúdo do e-mail em uma janela do navegador. O link é sempre “#__cn_view_in_browser” e está definido por padrão. Você pode acessar sua configuração através da opção Inserir/Editar link no editor.
- Em "Rodapé", insira um rodapé no seu e-mail, onde você pode especificar as informações da sua empresa e fornecer ao cliente a opção de cancelar a assinatura ou encaminhar um e-mail. O link “Cancelar assinatura” deve sempre estar presente nos e-mails de tipo newsletter e deve sempre ser “#__cn_unsubscribe”.
52. (Opcional). Se você adicionou variáveis, revise-as e edite-as para garantir como o conteúdo é exibido para seus contatos:
- Adicione ou selecione em seu design o componente onde deseja criar uma nova variável e clique em (Editar elemento). Neste exemplo, adicionaremos a variável no campo de texto para personalizar o e-mail com o nome do contato.
- No editor, clique em Variáveis.
- Atribua um identificador à variável para distingui-la. Neste exemplo, atribuímos o identificador "Nome".
- Em Valor padrão, adicione o valor que você deseja que a variável assuma quando não houver dados armazenados no campo correspondente. Neste exemplo, atribuímos o valor padrão "Hello".
- Clique em Aceitar para salvar as alterações na variável.
53. Clique em (Visualizar) para revisar e salvar o resultado final do seu e-mail nas versões desktop e/ou mobile.
54. (Opcional). Clique em (Enviar e-mail de visualização) para receber um e-mail de teste no endereço selecionado e verificar como o cliente o receberá.
55. Clique em Salvar para manter as modificações no design e em para completar a configuração do nó.
Como configurar o e-mail para esta estratégia
(Esta etapa vai enviar para o contato o e-mail que acabou de criar para confirmar a inscrição na newsletter).
56. Depois de selecionar o e-mail que acabou de criar, clique em Seguinte .
57. Na seção Enviara, selecione "Contato".
58. Indique o tipo de e-mail "Transacional".
59. Configure na seção Parâmetros de "Enviar para o contato" com a informação do e-mail remetente e o da resposta.
60. Em Google Analytics clique em "Habilitar Google Analytics." e depois clique em Seguinte .
61. (Opcional). Se tiver criado variáveis para seu conteúdo, pode vincular os campos da Connectif com elas selecionando na coluna da esquerda qual campo quer atribuir à variável. Neste exemplo, o campo "Nome" será o que dá valor à variável "Name", usada com frequência tanto no assunto como no corpo do e-mail.
62. Em Bloqueios desative a opção "Bloquear por contato".
63. Clique em Finalizar.
PASSO 9. Segunda etapa “Enviar conteúdo web".
Como criar o pop-up para essa estratégia
(Neste passo vai criar o pop-up que confirmará o envio do formulário que criou na lição anterior).
64. No menu de seleção de etapas, clique em “Ações > Site” e arraste a etapa"Enviar conteúdo web" para o editor de modo a conectar com a etapa Enviou formulário".
65. Clique em (Editar configuração da etapa) da etapa "Enviar conteúdo web” e Criar novo conteúdo para gerar um novo conteúdo.
66. Após criar un novo conteúdo web, selecione tipo Pop-up, coloque um nome e clique em Criar conteúdo web.
67. Na aba Geral edite os parâmetros do aspecto geral do seu pop-up.
68. Na aba Componentes configure a composição e coloque os elementos que desejar no pop-up clicando e arrastando para o editor.
69. Depois de criar, clique em Guardar para e em Voltar para o menu para terminar de configurar a etapa.
Como configurar a etapa "Enviar conteúdo web" para essa estratégia
(Esta etapa vai mostrar o pop-up que acabou de criar para os contatos que enviaram o formulário).
70. Depois de selecionar o pop-up que acabou de criar, clique em Seguinte duas vezes.
71. Clique em Finalizar .
Resultado
Depois de seguir todos os passos, você terá completado a segunda parte da estratégia e será mostrado no site um pop-up para confirmação do envio do formulário aos contatos que preencheram, além de enviar um e-mail solicitando que confirmem a inscrição. Lembre-se que essa é uma parte da estratégia, portanto é preciso avançar para a próxima lição para terminá-la.
Continue o percurso
Agora que completou essa lição, termine de configurar essa estratégia na sua conta seguindo os passos dapróxima lição.
Leituras relacionadas
Se quiser se aprofundar em alguns dos aprendizados dessa lição, você pode acessar os arquivos nesse guia:
- Editor de e-mail para saber mais como criar os e-mail na Connectif.
- Links nos e-mails para repassar todos os links predefinidos que pode e deve usar nos seus e-mails.
- O que são variáveis e como usá-las para tirar o máximo de proveito quando criar seus conteúdos.