ספריית Nodd.js בקוד פתוח לאימיילים רספונסיביים

התחלה עם תבניות דוא"ל

הדרך המומלצת להתקנת Email-Templates היא באמצעות NPM. אנא השתמשו בפקודה הבאה להתקנה חלקה.

npm install email-templates preview-email pug
 

# yarn
yarn add candymail

יצירת תבנית דוא"ל מותאמת אישית ב-Node.js

הספרייה הקוד הפתוח של Email-Templates מאפשרת למפתחי תוכנה ליצור ולנהל תבניות דוא"ל בתוך יישומי Node.js. הספרייה כוללת תבניות עיצוב רספונסיביות המתאימות למגוון גדלי מסכים ומכשירים, ומבטיחות שהדוא"לים שלכם ייראו מצוין במחשב שולחני, בטאבלט ובמכשירי נייד. בנוסף, הספרייה מציעה מגוון אפשרויות התאמה, כולל גדלי גופנים, צבעים ופריסות, המאפשרות להתאים את התבניות לסגנון הייחודי של המותג שלכם. הדוגמה הבאה מדגימה כיצד מפתחי תוכנה יכולים ליצור תבנית דוא"ל מותאמת אישית בתוך יישומי 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
// ...
 

תמיכה בתבניות מוכנות מראש

ספריית Email-Templates בקוד פתוח מגיעה עם מגוון תבניות מוכנות מראש למקרים נפוצים כגון ניוזלטרים, מיילים פרומו, מיילים טרנסקציוניים ועוד. תבניות אלו ניתנות להתאמה מלאה וניתן להרחיבן בקלות כדי להתאים לצרכים הספציפיים שלך. ניתן גם להזריק תוכן דינמי לתבניות המייל שלך באמצעות Handlebars.js, מנוע תבניות פופולרי. זה מאפשר לך להחליף בקלות תוכן, כגון שמות, תאריכים ומידע על מוצר, מבלי לשנות את התבנית עצמה.

תמיכה באינליין אוטומטי של CSS ולוקליזציה

הבטחת שהמיילים יוצגו כראוי במגוון לקוחות דוא"ל דורשת לעיתים הוספת סגנונות CSS באופן פנימי. ספריית Email-Templates בקוד פתוח מטפלת בכך אוטומטית, ומבטיחה שהשלמות הוויזואלית של המייל שלך תישמר ללא קשר ללקוח הדוא"ל של הנמען. עבור עסקים הפועלים באזורים מרובים, היכולת למקם תוכן דוא"ל היא קריטית. Email-Templates תומכת במלואה בלוקליזציה, מה שמקל על יצירת תבניות דוא"ל במגוון שפות. דוגמת הקוד שלהלן מראה שכל סגנונות ה-CSS המוגדרים בתוך תבנית הניוזלטר מוזרמים אוטומטית פנימה, מה שמשמר את העיצוב במגוון לקוחות דוא"ל.

 
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);	

 

מנועי תבניות מרובים

Email-Templates תומך במגוון מנועי תבניות כולל Handlebars, Pug (לשעבר Jade) ו‑EJS. גמישות זו מאפשרת למפתחי תוכנה לבחור במנוע המתאים ביותר לזרימת העבודה ולדרישות הפרויקט שלהם. הדוגמה הבאה מציגה כיצד משתמשים יכולים להגדיר את ספריית Email-Templates להשתמש בתבניות Handlebars (.hbs) הממוקמות בתיקיית templates. שיטת send שולחת דוא"ל ברוך הבא לנמען שצוין עם תוכן דינמי.