Nesta lição, você aprenderá e implementará a segunda 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 da inscrição, para aumentar e melhorar suas listas de email com uma única estratégia.
Objetivo: Captação.
Elementos utilizados: Popup, email.
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 uma via rápida, no Diretório de Modelos de Workflows você tem disponível o modelo Inscrição na Newsletter com Duplo Opt-in, com o qual pode trabalhar.
Antes de começar: recapitulação
Na lição anterior, estabelecemos a primeira parte desta estratégia, que mostra em seu site um popup convidando seus visitantes a se inscreverem em sua newsletter.
Resumo da lição
Nesta lição você vai aprender:
- O nó "Ao enviar formulário" para reagir quando um contato se cadastra em seu site.
- O nó "Definir campo" para modificar, através de um fluxo de trabalho, os campos dos seus contatos.
- O nó "Enviar email" para enviar um email transacional.
- Como criar um email no Connectif com o editor de email.
- Como criar e adicionar variáveis aos seus conteúdos.
- Como utilizar os links predefinidos em um email.
Ao terminar a lição, você terá criado em sua conta:
A segunda parte da estratégia de captação, através da qual atualizará o registro dos contatos e reagirá ao envio do formulário de inscrição do seu popup (criado na lição anterior) por duas vias:
- Com um popup de lembrete no qual indicará ao contato que confirme sua inscrição através do email.
- Com o próprio email, que conterá o link de confirmação da inscrição.
Configuração da estratégia
Acesse o fluxo de trabalho onde você criou a primeira parte desta estratégia. Clique em Workflows e procure o fluxo de trabalho que criou com o nome "Inscrição duplo opt-in" (ou o nome que escolheu).
PASSO 6. Nó "Ao enviar formulário"
Como funciona o Nó "Ao enviar formulário"
Este nó é usado para reagir no momento em que um contato confirma o envio de um formulário já preenchido.
Na interface do nó, configura-se se ele será disparado com o envio de qualquer formulário ou de um formulário específico. Além disso, é possível filtrar pela URL de onde o formulário é enviado.
Como configurar o Nó "Ao enviar formulário" para esta estratégia
(Este nó vai detectar exatamente o momento em que um contato envia o formulário do popup de inscrição para dar passo à próxima ação, que será o nó "Definir campo").
37. No menu de seleção de nós, vá para "Disparadores > Web" e arraste o nó "Ao enviar formulário" para o editor, de forma que conecte com o nó "Início".
38. Clique em (Editar configuração do nó) do nó “Ao enviar formulário”.
39. Clique em Um formulário específico.
40. Em seguida, selecione o formulário exibido no popup de inscrição à newsletter criado na lição anterior.
41. Na aba Limitações, desmarque a caixa "Desativar após disparo".
42. Clique em Atualizar.
Neste passo, configuramos o nó que reagirá ao envio do formulário que criamos na primeira parte da estratégia para captar contatos para nossa base de dados.
PASSO 7. Nó "Definir campo"
Como funciona o Nó "Definir campo"
Este nó é usado para salvar ou modificar informações no registro do contato.
Na interface do nó, vincula-se a nova informação obtida durante o fluxo de trabalho (coluna esquerda) com os campos existentes do contato (coluna direita). Além disso, este nó permite atribuir valores literais, para adicionar ou atualizar a informação do campo com um valor fixo definido pelo usuário (por exemplo, atribuir a todos os contatos de um fluxo de trabalho uma pontuação específica).
Como configurar o Nó "Definir campo" para esta estratégia
(Este nó vai registrar a informação obtida no formulário do popup).
43. No menu de seleção de nós, vá para "Ações > Contato" e arraste o nó "Definir campo" para o editor, de forma que conecte com o nó "Ao enviar formulário".
44. Clique em (Editar configuração do nó) do nó “Definir campo”.
45. Arraste o campo "Nome", com origem de dados no nó "Ao enviar formulário", da coluna da esquerda para o bloco central, de modo que coincida com o campo "Nome" da coluna da direita. Você pode encontrá-lo através da lista de campos ou digitá-lo no buscador para localizá-lo, como no exemplo. Em Operador, selecione "Atribuir".
46. Clique em Atualizar.
Neste passo, o Connectif atualizará o nome dos contatos que enviarem o formulário. Ainda não vamos alterar o atributo de inscrição na newsletter, pois para isso o contato deverá confirmar a inscrição através do email que criaremos no próximo passo.
PASSO 8. Nó "Enviar email"
Como funciona o Nó "Enviar email"
Este nó é usado para enviar um email aos contatos que chegam a essa parte do fluxo de trabalho. Na interface do nó, configuram-se, passo a passo, todos os aspectos sobre o email a ser enviado e os destinatários:
Configuração do modelo de email. Para selecionar um email previamente criado ou configurar um novo no editor de email.
-
Configuração do nó. Para configurar como será o envio:
Enviar para. Para escolher entre Contatos, e enviar esse email aos usuários que têm o "Status do email" como "Ativo", ou Email específico, e indicar manualmente quais endereços de email receberão todos os emails que devem ser enviados.
Seleção do tipo de email. Para escolher se o email será Transacional, e será enviado a todos os contatos, Newsletter, e será enviado àqueles usuários que têm o "Status da newsletter" como "Inscrito".
Parâmetros. Para definir o Assunto do Email, o Nome do remetente, o Email do remetente e o Email de resposta.
Configuração de campos e valores. Para atribuir ou modificar os valores das variáveis do email.
Google Analytics. Para definir no email os parâmetros de rastreamento do Google Analytics.
Como funciona o editor de email
O Editor de email é a funcionalidade do Connectif que permite personalizar, de forma responsiva, o conteúdo dos emails que serão enviados aos seus clientes através de fluxos de trabalho.
O editor de email baseia-se no método de design ‘drag and drop’ (arrastar e soltar), para que você possa montar seus emails de forma rápida, simples e muito visual.
Como configurar o email para esta estratégia
(Neste passo você vai criar o email para que os contatos possam confirmar a inscrição na newsletter).
47. No menu de seleção de nós, vá para "Ações > Email" e arraste o nó "Enviar email" para o editor, de forma que conecte com o nó "Definir campo".
48. Clique em clicar em (Editar configuração do nó). Clique em Criar novo conteúdo para criar um novo email.
49. Ao criar um novo email, no painel de Ferramentas, clique na aba Geral para editar os parâmetros do aspecto geral do seu email.
- Em Nome, identifique como seu email será chamado.
- Em Cores, defina a cor de fundo do conteúdo e a cor de fundo geral.
- Em Texto, defina a fonte dos textos do email por padrão.
- Em Resumo, indique o que aparecerá para o cliente na pré-visualização do email, 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 elaboração e design do seu email.
- Em Estrutura, escolha a distribuição que melhor se adapte às suas necessidades. Caso não inclua nenhuma, por padrão será usada a estrutura de uma coluna.
- Em Elementos, adicione as peças de conteúdo funcional para construir o design do seu email. 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. Uma vez adicionados os elementos, edite-os para configurar seu email:
- Em "Texto", redija seu texto aplicando formatação enriquecida (negrito, itálico, links…), inserindo variáveis dinâmicas ou modificando sua disposição no bloco inserido.
- Em "Imagem", cole a URL da imagem para incluí-la no seu email, se for uma imagem já publicada na internet. Para fazer upload do seu dispositivo, clique em Carregar imagem e selecione o arquivo na janela que abrir. Ao carregar, a URL da imagem será estabelecida automaticamente.
- Em "Botão", defina o texto que aparecerá no seu botão, o atributo ‘title’, selecione as cores do texto e do fundo e ajuste a disposição dentro do bloco. Para adicionar o link de confirmação da inscrição na newsletter, clique em (Link predefinido) e selecione a opção "Confirmar inscrição na newsletter", para que inclua o link predefinido que atualizará o estado de inscrição na newsletter, tanto no Connectif quanto no eCommerce.
- (Opcional). Em "Social", escolha as redes sociais que deseja incluir e modifique a URL do link, além da disposição dentro do bloco.
- Em "Ver no navegador.", insira um texto predefinido para adicionar um link que permite ver o conteúdo do email em uma janela do navegador. O link é sempre “#__cn_view_in_browser” e vem definido por padrão. Você pode acessar sua configuração através da opção Inserir/Editar link do editor.
- Em "Rodapé", insira um rodapé no seu email, no qual pode especificar os dados da sua empresa e fornecer ao cliente a opção de cancelar a inscrição ou reenviar um email. O link “Cancelar inscrição” deve estar sempre presente em emails do tipo newsletter e deve ser sempre “#__cn_unsubscribe”.
52. (Opcional). Se você adicionou variáveis, revise-as e edite-as para garantir como o conteúdo será mostrado aos 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 sobre o campo de texto para personalizar o email 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 "Name".
- Em Valor padrão, adicione o valor que deseja que a variável tenha quando não houver nenhum dado armazenado 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 (Pré-visualizar) para revisar e salvar o resultado final do seu email, nas versões desktop e/ou móvel.
54. (Opcional). Clique em (Enviar email de pré-visualização) para receber um email de teste no endereço que escolher e revisar como o cliente o receberá.
55. Clique em Salvar para manter as modificações no design e em para finalizar a configuração do nó.
Como configurar o Nó "Enviar email" para esta estratégia
(Este nó enviará ao contato o email que você acabou de criar para que confirme sua inscrição na newsletter).
56. Após selecionar o email que acabou de criar, clique em Próximo .
57. Na seção Enviar para, selecione "Contato".
58. Indique o tipo de email "Transacional".
59. Configure a seção Parâmetros de "Enviar para contato" com as informações do email remetente e o de resposta.
60. Em Google Analytics, clique em "Ativar Google Analytics" e, em seguida, em Próximo .
61. (Opcional). Se você criou variáveis para seu conteúdo, vincule-as aos campos do Connectif selecionando da coluna da esquerda o campo correspondente e atribuindo-o à variável. Neste exemplo, o campo "Nome" será o que dará valor à variável "Name", usada tanto no assunto quanto no corpo do email.
62. Em Limitações, desmarque a caixa "Limite por contato".
63. Clique em Finalizar .
Neste passo, enviamos um email aos contatos para que confirmem a inscrição através do link que adicionamos ao botão. Este link, além de ativar o próximo nó, mudará o estado de inscrição na newsletter do registro do contato para "Inscrito".
PASSO 9. Segundo nó "Enviar conteúdo web"
Como criar o popup para esta estratégia
(Neste passo você vai criar o popup que confirmará o envio do formulário que criou na lição anterior).
64. 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ó "Ao enviar formulário".
65. Clique em (Editar configuração do nó) do nó "Enviar conteúdo web" e Criar novo conteúdo para gerar um novo conteúdo.
66. Ao criar um novo conteúdo web, selecione como tipo Popup, atribua um nome e clique em Criar conteúdo web.
67. Na aba Geral, edite os parâmetros do aspecto geral do seu popup.
68. Na aba Componentes, configure a composição e adicione os elementos que desejar ao seu popup clicando neles e arrastando-os para o editor.
Se precisar, todos os passos para criar um popup estão disponíveis nesta lição.
69. Uma vez criado, clique em Salvar e em Voltar ao seletor para terminar de configurar o nó.
Como configurar o Nó "Enviar conteúdo web" para esta estratégia
(Este nó mostrará o popup que você acabou de criar aos contatos que enviaram o formulário).
70. Após selecionar o popup que acabou de criar, clique em Próximo duas vezes.
71. Clique em Finalizar .
Neste passo, mostramos um popup aos contatos que enviaram o formulário, para avisá-los de que devem verificar sua caixa de entrada e confirmar a inscrição na newsletter através do email que enviamos.
Resultado
Após completar os passos, você terá estabelecido a segunda parte desta estratégia, e será exibido em seu site um popup de confirmação do envio do formulário aos contatos que o preencheram, além de enviar-lhes o email para que validem sua inscrição. Lembre-se que esta é uma parte da estratégia, por isso deverá avançar para finalizá-la na próxima lição.
Continue seu percurso
Agora que você completou esta lição, termine de configurar 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, pode acessar a documentação do guia:
- Editor de email, para aprofundar como criar seus emails no Connectif.
- Links em emails, para revisar todos os links predefinidos que você pode e deve usar em seus emails.
- O que são variáveis e como usá-las, para aproveitá-las ao máximo quando criar seus conteúdos.