Blog Post

SemCodigoBR: Desvendando o Universo do Low Code e No Code > Brevo > Configurando a API na Brevo e Integrar com FlutterFlow

Configurando a API na Brevo e Integrar com FlutterFlow

Neste blog, vamos discutir como configurar a API na plataforma Brevo. Se você ainda não tem um cadastro, assista ao nosso último vídeo onde explicamos como usar o DNS para pagar e autenticar o domínio, personalizando e gerando a API.

Passo 1: Utilizando o método POST

Para começar, vamos utilizar o método POST para enviar e-mails através da API. Copie a URL fornecida e selecione o método POST no FL Flow para identificar a chamada de API.

Passo 2: Configurando os headers

Agora, você precisa configurar os headers. Copie e cole os headers fornecidos na plataforma Brevo. Certifique-se de incluir todas as informações entre as aspas duplas.

Passo 3: Configurando o body

O próximo passo é configurar o body da requisição. Utilize o JSON fornecido pela Brevo para definir as variáveis necessárias. Neste exemplo, estamos configurando a variável “email”.

Passo 4: Testando a API

Agora é hora de testar a API. Certifique-se de que a sua API esteja corretamente configurada e clique em “Testar”. Você receberá um e-mail de teste em breve para verificar se está tudo funcionando corretamente.

Configurando o formulário

Agora, vamos configurar o formulário na plataforma Brevo. Primeiro, faça a ligação do formulário para a chamada da API. Certifique-se de dar um nome para cada campo do formulário, para facilitar a programação.

Configurando o botão de envio

Agora, vamos configurar o botão de envio. Escolha o nome da API que você configurou anteriormente e defina o nome da variável de saída.

Configurando os campos do formulário

Faça a ligação dos campos do formulário com as chamadas da API. Lembre-se de configurar cada campo de acordo com o projeto.

Lógica condicional

Agora, vamos adicionar uma lógica condicional para lidar com o envio bem-sucedido ou mal-sucedido do formulário. Se a condição for bem-sucedida, o usuário será redirecionado para outra página. Caso contrário, uma Snack Bar será exibida para informar o usuário sobre o erro.

Resetando os campos do formulário

Para finalizar, adicione a lógica para resetar os campos do formulário em caso de erro ou sucesso.

Leave a comment

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *