1. produkty
  2.   E-mailem
  3.   Node.js
  4.   Email-Builder-js
 
  

Open source knihovna Nodd.js pro e‑mailové šablony

Výkonná knihovna Node.js pro e‑maily umožňuje vývojářům softwaru programově vytvářet přizpůsobitelné e‑mailové šablony. Používá opakovaně použitelné komponenty, jako jsou záhlaví, patičky a obsahové sekce.

Vytváření vyleštěných, profesionálních e‑mailových šablon je nezbytné pro aplikace, které odesílají automatické zprávy, jako jsou uvítací e‑maily, newslettery, transakční oznámení a podobně. Psaní HTML e‑mailů může být obtížné kvůli problémům s kompatibilitou napříč e‑mailovými klienty a zařízeními. Při tvorbě vlastních e‑mailových šablon vývojáři často čelí výzvám souvisejícím s konzistencí rozvržení, přizpůsobením a responzivním designem. Email-Builder-js je výkonná open source JavaScriptová knihovna, která zjednodušuje tvorbu a správu e‑mailových šablon v JavaScriptových aplikacích. Tento výkonný nástroj umožňuje vývojářům snadno navrhovat, přizpůsobovat a vkládat dynamické e‑mailové šablony do jejich aplikací.

Email-Builder-js je knihovna pro Node.js určená k vytváření HTML e‑mailových šablon se zaměřením na modulární design, kompatibilitu napříč klienty a vlastní stylování. Nabízí uživatelsky přívětivé rozhraní drag‑and‑drop, které vývojářům umožňuje snadno přidávat a uspořádávat prvky, jako jsou text, obrázky a tlačítka, v jejich e‑mailových šablonách. Umožňuje softwarovým vývojářům generovat e‑mailové šablony programově, čímž se vyhýbá obtížím s inline stylováním a specifickými HTML drobnostmi, protože se o to stará v pozadí. Pomocí knihovny lze šablony sestavit z opakovaně použitelných komponent, což usnadňuje udržení konzistence napříč různými e‑maily a šetří vývojový čas. Knihovna je opravdu užitečná pro aplikace, které potřebují personalizované e‑maily. Její modulární nastavení, možnosti přizpůsobení a schopnost hladce spolupracovat s e‑mailovými službami ji činí velmi užitečnou pro vaše komunikační potřeby a vývoj softwaru.

Previous Next

Začínáme s Email-Builder-js

Doporučený způsob instalace knihovny Email-Builder-js je pomocí NPM. Použijte prosím následující příkaz pro hladkou instalaci.

Nainstalujte Email-Builder-js přes NPM

npm install --save @usewaypoint/email-builder

Vytvořte komponentově založený návrh e‑mailových šablon

V jádru open source knihovny Email-Builder-js spočívá její zaměření na komponenty. S tímto přístupem mohou vývojáři softwaru vytvářet znovupoužitelné části, jako jsou záhlaví, zápatí, sekce obsahu a tlačítka. Tyto komponenty lze snadno kombinovat a spojovat do kompletní šablony. Rozdělením návrhu tímto způsobem není kód jen lépe organizován, ale také se zjednodušuje aktualizace a správa vašich šablon. V následujícím příkladu je každá komponenta vytvořena samostatně, což umožňuje flexibilní skládání a budoucí aktualizace bez změny celé struktury.

Jak vytvořit e‑mailové komponenty a spojit je pomocí knihovny Node.js?

 
const EmailBuilder = require('email-builder-js');

const email = new EmailBuilder();

// Create reusable components
const header = email.createComponent({
  tag: 'header',
  content: '
Vítejte na naší platformě!
',
  style: { color: '#333', textAlign: 'center', padding: '10px' },
});

const mainContent = email.createComponent({
  tag: 'div',
  content: '
Jsme nadšeni, že jste s námi. Užijte si naše funkce!
',
  style: { color: '#666', fontSize: '16px', padding: '20px' },
});

const footer = email.createComponent({
  tag: 'footer',
  content: '
S pozdravem,
Tým
',
  style: { color: '#999', textAlign: 'center', padding: '10px' },
});

// Combine components into a template
const template = email.buildTemplate({
  components: [header, mainContent, footer],
});

// Output the complete HTML template
console.log(template);

Použijte vlastní stylování a branding šablon

Aby e‑mailové šablony odpovídaly značce aplikace, knihovna Email-Builder-js umožňuje rozsáhlé přizpůsobení pomocí atributu style pro každou komponentu. To zahrnuje úpravu barev, fontů, velikostí a rozvržení šablon. Vývojáři mohou použít inline stylování, což je klíčové pro zajištění, že e‑mailoví klienti vykreslí návrhy podle zamýšleného vzhledu. Následující úryvek kódu vytváří tlačítko s barvou pozadí, odsazením a zaoblenými rohy, stylované tak, aby připomínalo typické tlačítko výzvy k akci, které ladí s barvami značky.

Jak vytvořit tlačítko s barvou pozadí, odsazením a zaoblenými rohy v Node.js?

 
const button = email.createComponent({
  tag: 'a',
  content: 'Click Here to Get Started',
  attributes: { href: 'https://example.com/get-started' },
  style: {
    display: 'inline-block',
    padding: '10px 20px',
    backgroundColor: '#007bff',
    color: '#fff',
    textDecoration: 'none',
    borderRadius: '5px',
    textAlign: 'center'
  },
});

const template = email.buildTemplate({
  components: [button],
});

console.log(template);

Dynamické vkládání obsahu do e‑mailů v Node.js

Pro aplikace, které odesílají personalizované e‑maily, jako jsou potvrzení objednávek nebo uživatelské notifikace, open source knihovna Email-Builder-js podporuje dynamické vkládání obsahu. Vývojáři mohou programově vložit uživatelsky specifické informace (např. jména, adresu nebo podrobnosti o nákupu) do šablon, což umožňuje vytvářet poutavější a relevantnější e‑maily. Pomocí šablonových řetězců mohou vývojáři snadno nahradit zástupné znaky dynamickým obsahem. Tento přístup je vysoce efektivní pro transakční e‑maily a jakoukoli situaci, kde je personalizace klíčová, jak ukazuje následující příklad.

Jak vytvořit e‑maily vložením dynamického obsahu pomocí knihovny Node.js?

 
const userName = 'John Doe';
const product = 'Premium Subscription';

const personalizedContent = email.createComponent({
  tag: 'div',
  content: `
Ahoj ${userName},
Děkujeme za zakoupení našeho ${product}!
`,
  style: { color: '#333', fontSize: '16px' },
});

const template = email.buildTemplate({
  components: [personalizedContent],
});

console.log(template);
 Čeština