Disparos de e-mail após um novo registro no formulário

Crie disparos de e-mails automáticos sempre que um novo cadastro for realizado pelo seu time ou cliente através de um Floui Forms.

Introdução

Neste tutorial, vamos ensinar a criar e configurar um fluxo de envio de e-mail com SMTP utilizando a plataforma Floui. Ao final desse tutorial, você será capaz de automatizar disparos de e-mail a partir da inclusão de novos registros de formulários.

Orientações

• Neste tutorial iremos precisar de um Forms e uma Database que podem ser criados através do menu esquerdo do seu Workspace. Saiba mais sobre a criação de Floui Form e Floui Database.

• Ter uma conta no portal https://mailtrap.io/

• Criar um novo fluxo.

Conectores relacionados

1. Form

2. Floui Database - Criar registro

3. Condition

4. Enviar e-mail com SMTP

5. Debbugger

6. Logger

Passo a Passo

1. Iniciando o fluxo

O Floui Forms é uma ferramenta integrada e pode ser usada em diferentes cenários. Neste tutorial, usaremos o conector do tipo trigger para iniciar uma automação sempre que um novo registro for adicionado.

Abaixo, podemos observar que ao acessar a URL pública do formulário, saiba mais sobre Publicação de Forms.

Configurando o trigger de Form

Entrada de dados através do Forms

2. Salvando os dados

Agora, precisamos salvar os dados recebidos pelo formulário. Para isso, usaremos o conector do Floui Database, o banco NoSQL interno do Floui.

Configurando o conector para cadastro de novos usuários

Na coluna Campo foi adicionado cada atributo criado no Floui Database. Já na coluna Valor, passamos como parâmetro os dados enviados através do novo registro feito em nosso formulário.

3. Verificando o retorno do banco

Antes de realizarmos a notificação por e-mail, precisamos garantir de fato que os dados foram salvos no banco de dados. Para isso, podemos monitorar o log exibido pelo componente Floui Database - Criar registro.

Log de sucesso

Log de erro

Nas imagens acima podemos verificar dois dos cenários possível, uma requisição com sucesso aonde os dados foram salvos no banco e o outro cenário aonde um problema foi identificado pelas regras de negócio do banco.

No cenário de sucesso, além do objeto data contendo todos os dados cadastrados, podemos observar a adição de alguns atributos exclusivos aos bancos de dados do tipo NoSQL.

_id, table, updated_ad e created_at. Neste exemplo, usaremos o _id para validar a existência de um novo regitro.

4. Criando a validação

Os componentes de validação chamados de Condition recebem como parâmetro uma expressão JavaScript. Em lógica de programação, por padrão, um parâmetro if sempre será comparado com um booleano do tipo true.

Com isso, definimos duas vertentes para as opções possíveis. Caso tenha sucesso, partimos para o envio de e-mail com os dados cadastrados. E em caso de erro, podemos adicionar os dados em uma fila e tratar posteriormente.

5. Configurando uma conta

O conector responsável pelo envio automatizado de e-mails é o Enviar e-mail com SMTP. Adicione uma nova conta de serviço acessando o menu do Workspace > Contas de Serviço > + Criar conta do tipo SMTP Account.

Configurando uma conta SMTP no painel Contas de serviço

6. Enviado e recebendo e-mails

Depois de aplicar seu modelo de HTML e CSS, podendo ser inline ou através das marcações dentro da tag <style></style> e configurar os dados dinâmicos com notações mustache, seu e-mail estará pronto para o envio.

Preparamos abaixo duas imagens que ilustram este cenário.

Aplicando um template

Recebendo o e-mail

Conclusão

Realizar automações se tornou rápido e fácil com o Floui. Em poucos minutos você consegue configurar uma automação que resulta em atualizações para seus clientes compartilhando informações de forma segura e intuitiva.

Ficou com dúvidas sobre o processo? Compartilhe com a gente através da abertura de chamados disponível em https://floui.freshdesk.com