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.

Códigos de apoio

URL API Método POST
https://api.brevo.com/v3/smtp/email

HEADERS
accept: application/json
api-key:[cole sua API aqui]
content-type: application/json

BODY
{
“sender”: {
“email”: “[email protected]”
},
“to”: [
{
“email”: “”
}
],
“replyTo”: {
“email”: “[email protected]”
},
“textContent”: “”,
“subject”: “Confirmação de envio”,
“tags”: [
“rsvp”
]
}

[
{
“from”: “semcodigobr [email protected]”,
“to”: “”,
“subject”: “Enviar email com Brevo”,
“text”: “”
}
]