1. Produtos
  2.   E-mail
  3.   Node.js
  4.   Modelos de Email
 
  

Biblioteca Open Source Nodd.js para Emails Responsivos

A Biblioteca de Emails Node.js permite que desenvolvedores criem e gerenciem modelos de email responsivos sem esforço, com suporte a Handlebars, Pug e EJS.

O que é a Biblioteca de Modelos de E-mail?

O marketing por e‑mail e o envolvimento do cliente exigem layouts de e‑mail visualmente atraentes e responsivos. No entanto, criar modelos de e‑mail personalizados do zero pode ser uma tarefa que consome tempo e recursos. Apresentamos a biblioteca open‑source Email-Templates, uma ferramenta útil para gerar, gerenciar e enviar modelos de e‑mail em aplicações Node.js. Ela é escrita em JavaScript e inclui uma coleção de modelos de e‑mail reutilizáveis para diversos cenários de uso. A biblioteca tem como objetivo facilitar o processo de criação de modelos de e‑mail sob medida, permitindo que os desenvolvedores se concentrem no conteúdo em vez do estilo e design.

A biblioteca Email-Templates oferece benefícios consideráveis tanto para desenvolvedores quanto para empresas. Para os desenvolvedores, simplifica o processo de criação de modelos de e‑mail, economizando tempo e esforço. O suporte a inúmeros motores de modelo, bem como o CSS em linha automatizado, garantem que os e‑mails pareçam profissionais e consistentes. A capacidade de criar e gerenciar rapidamente modelos de e‑mail responsivos beneficia os negócios ao aumentar a interação com os clientes. E‑mails bem projetados podem aumentar as taxas de abertura, de cliques e a satisfação do cliente.

Um dos recursos distintivos do Email-Templates é o suporte a vários motores de template, incluindo Handlebars, Pug e EJS. Automatize e personalize e‑mails como confirmações de pedido, redefinições de senha e notificações de entrega. O CSS em linha, as pré‑visualizações e a localização garantem que os e‑mails estejam perfeitamente formatados em todos os clientes e idiomas. Sua facilidade de uso e adaptabilidade o tornam uma ferramenta essencial para desenvolvedores de software e empresas que desejam melhorar seus esforços de marketing por e‑mail. O Email-Templates permite que os usuários se concentrem no que é mais importante: produzir conteúdo excepcional e envolver efetivamente seu público.

Previous Next

Começando com Modelos de E-mail

A forma recomendada de instalar o Email-Templates é usando o NPM. Por favor, use o comando a seguir para uma instalação tranquila.

Instalar Email-Templates via npm

npm install email-templates preview-email pug
 

Instalar Candymail via Yarn

# yarn
yarn add candymail

Criar Modelo de E-mail Personalizado em Node.js

A biblioteca de código aberto Email-Templates permite que desenvolvedores de software criem e gerenciem modelos de e‑mail dentro de aplicações Node.js. A biblioteca inclui modelos de design responsivo que se adaptam a diferentes tamanhos de tela e dispositivos, garantindo que seus e‑mails tenham ótima aparência em desktops, tablets e dispositivos móveis. Além disso, a biblioteca oferece uma variedade de opções de personalização, incluindo tamanhos de fonte, cores e layouts, permitindo que você ajuste os modelos ao estilo único da sua marca. O exemplo a seguir demonstra como os desenvolvedores de software podem criar um modelo de e‑mail personalizado dentro de suas aplicações Node.js.

Como criar um modelo de e‑mail personalizado dentro do Node.js?

 
const EmailTemplates = require('email-templates');

// Create a new instance of the EmailTemplates class
const emailTemplates = new EmailTemplates();

// Load the template
emailTemplates.load('newsletter', 'template');

// Set the dynamic content
const data = {
  name: 'John Doe',
  message: 'Hello from Email-Templates!'
};

// Render the template with the dynamic content
const html = emailTemplates.render('newsletter', data);

// Send the email using your preferred email service
// ...
 

Suporte a Modelos Pré-construídos

A biblioteca de Email-Templates de código aberto vem com uma variedade de modelos pré-construídos para casos de uso comuns, como newsletters, e‑mails promocionais, e‑mails transacionais e assim por diante. Esses modelos são totalmente personalizáveis e podem ser facilmente estendidos para atender às suas necessidades específicas. Também é possível injetar conteúdo dinâmico em seus modelos de e‑mail usando Handlebars.js, um mecanismo de templating popular. Isso permite trocar facilmente o conteúdo, como nomes, datas e informações de produtos, sem precisar modificar o próprio modelo.

Suporte a Inlining Automático de CSS e Localização

Garantir que os e‑mails sejam renderizados corretamente em diferentes clientes de e‑mail geralmente requer a inserção inline de estilos CSS. A biblioteca de Email-Templates de código aberto lida com isso automaticamente, assegurando que a integridade visual do seu e‑mail seja mantida independentemente do cliente de e‑mail do destinatário. Para empresas que operam em várias regiões, a capacidade de localizar o conteúdo dos e‑mails é crucial. O Email-Templates oferece suporte total à localização, facilitando a criação de modelos de e‑mail em diversos idiomas. O exemplo de código a seguir demonstra que quaisquer estilos CSS definidos dentro do modelo de newsletter são inseridos automaticamente inline, preservando o design em vários clientes de e‑mail.

Como executar a inserção automática de CSS dentro de aplicativos Node.js?

 
const email = new Email({
  message: {
    from: 'noreply@example.com'
  },
  send: true,
  transport: {
    jsonTransport: true
  }
});

email
  .send({
    template: 'newsletter',
    message: {
      to: 'user@example.com'
    },
    locals: {
      title: 'Monthly Newsletter',
      content: 'Here is the latest news...'
    }
  })
  .then(console.log)
  .catch(console.error);	

 

Múltiplos Motores de Templates

O Email-Templates suporta uma variedade de mecanismos de template, incluindo Handlebars, Pug (anteriormente Jade) e EJS. Essa flexibilidade permite que desenvolvedores de software escolham o mecanismo que melhor se adapta ao seu fluxo de trabalho e aos requisitos do projeto. O exemplo a seguir mostra como os usuários podem configurar a biblioteca Email-Templates para usar templates Handlebars (.hbs) localizados no diretório templates. O método send envia um e‑mail de boas‑vindas para um destinatário especificado com conteúdo dinâmico.

 Português