🎥 Video : Como Enviar Email Profissional com Bubble. - Bubble.io + Brevo
💻 Comunidade NocodeClub - Curso Completo de Bubble https://nocodeclub.com.br/
Escreve um email de boas vindas para meu saas bem formatado com html, sem raspas duplas: essa é a cor dos principal do sistema #1071F7 esse é o link do logotipo: Link do seu logotipo
https://www.webeditoronline.com/
Boas Vindas
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Confirmação de Cadastro</title>
</head>
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0;">
<!-- Container principal -->
<table width="100%" bgcolor="#f4f4f4" cellpadding="0" cellspacing="0">
<tr>
<td>
<!-- Conteúdo centralizado -->
<table align="center" width="600" cellpadding="0" cellspacing="0" style="border: 1px solid #dddddd; background-color: #ffffff;">
<!-- Cabeçalho com logo -->
<tr>
<td align="center" style="padding: 20px; background-color: #1071F7;">
<img src="<https://f3491a0a186ac413a8021a763d5ce8fe.cdn.bubble.io/f1731123153417x337285679747271200/logo-linkfy.png>" alt="Logotipo" width="150" style="display: block;">
</td>
</tr>
<!-- Saudação e introdução -->
<tr>
<td style="padding: 20px; color: #333333;">
<h1 style="font-size: 24px; color: #1071F7; margin: 0;">Bem-vindo ao Linkfy!</h1>
<p style="font-size: 16px; line-height: 1.5; margin: 15px 0;">
Olá, e obrigado por se registrar no nosso sistema. Estamos entusiasmados em tê-lo conosco!
</p>
<p style="font-size: 16px; line-height: 1.5; margin: 15px 0;">
Para começar a usar todos os recursos disponíveis, por favor, confirme o seu e-mail clicando no botão abaixo:
</p>
</td>
</tr>
<!-- Botão de confirmação -->
<tr>
<td align="center" style="padding: 20px;">
<a href="URL_DE_CONFIRMACAO" style="background-color: #1071F7; color: #ffffff; text-decoration: none; padding: 12px 20px; font-size: 16px; border-radius: 5px; display: inline-block;">
Confirmar E-mail
</a>
</td>
</tr>
<!-- Mensagem de ajuda -->
<tr>
<td style="padding: 20px; color: #333333;">
<p style="font-size: 14px; line-height: 1.5; margin: 0;">
Se você não se cadastrou no Linkfy, ignore este e-mail. Se precisar de ajuda, entre em contato conosco.
</p>
</td>
</tr>
<!-- Rodapé -->
<tr>
<td align="center" style="padding: 20px; font-size: 12px; color: #777777; background-color: #f4f4f4;">
<p style="margin: 0;">© 2024 Linkfy. Todos os direitos reservados.</p>
<p style="margin: 0;">Rua Exemplo, 123 - São Paulo, SP, Brasil</p>
</td>
</tr>
</table>
<!-- Fim do conteúdo centralizado -->
</td>
</tr>
</table>
<!-- Fim do container principal -->
</body>
</html>
Redefinir Senha
https://meudominio.com/reset_wp?reset=valordotoken
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Redefinição de Senha</title>
</head>
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0;">
<!-- Container principal -->
<table width="100%" bgcolor="#f4f4f4" cellpadding="0" cellspacing="0">
<tr>
<td>
<!-- Conteúdo centralizado -->
<table align="center" width="600" cellpadding="0" cellspacing="0"
style="border: 1px solid #dddddd; background-color: #ffffff;">
<!-- Cabeçalho com logo -->
<tr>
<td align="center" style="padding: 20px; background-color: #1071F7;">
<img src="<https://f3491a0a186ac413a8021a763d5ce8fe.cdn.bubble.io/f1731126598565x260867200711617060/linkfy-logo-branco.png>" alt="Logotipo" width="150" style="display: block;">
</td>
</tr>
<!-- Saudação e introdução -->
<tr>
<td style="padding: 20px; color: #333333;">
<h1 style="font-size: 24px; color: #1071F7; margin: 0;">Redefinição de Senha</h1>
<p style="font-size: 16px; line-height: 1.5; margin: 15px 0;">
Recebemos uma solicitação para redefinir a sua senha. Se você fez essa solicitação, clique no botão
abaixo para criar uma nova senha.
</p>
<p style="font-size: 16px; line-height: 1.5; margin: 15px 0;">
Se você não solicitou a redefinição de senha, ignore este e-mail e sua senha atual continuará segura.
</p>
</td>
</tr>
<!-- Botão de redefinição de senha -->
<tr>
<td align="center" style="padding: 20px;">
<a href="URL_DE_REDEFINICAO"
style="background-color: #1071F7; color: #ffffff; text-decoration: none; padding: 12px 20px; font-size: 16px; border-radius: 5px; display: inline-block;">
Redefinir Senha
</a>
</td>
</tr>
<!-- Mensagem de ajuda -->
<tr>
<td style="padding: 20px; color: #333333;">
<p style="font-size: 14px; line-height: 1.5; margin: 0;">
Se precisar de ajuda, entre em contato com o nosso suporte.
</p>
</td>
</tr>
<!-- Rodapé -->
<tr>
<td align="center" style="padding: 20px; font-size: 12px; color: #777777; background-color: #f4f4f4;">
<p style="margin: 0;">© 2024 Linkfy. Todos os direitos reservados.</p>
<p style="margin: 0;">Rua Exemplo, 123 - São Paulo, SP, Brasil</p>
</td>
</tr>
</table>
<!-- Fim do conteúdo centralizado -->
</td>
</tr>
</table>
<!-- Fim do container principal -->
</body>
</html>