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

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.

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.

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.

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.

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.

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