1. Tuotteet
  2.   Sähköposti
  3.   Node.js
  4.   Email-Builder-js
 
  

Avoimen lähdekoodin Nodd.js-kirjasto sähköpostipohjille

Tehokas Node.js-sähköpostikirjasto mahdollistaa ohjelmallisen muokattavien sähköpostipohjien rakentamisen. Se käyttää uudelleenkäytettäviä komponentteja, kuten otsikoita, alatunnisteita ja sisältöosioita.

Kiistattoman tärkeää on luoda hiottuja, ammattimaisia sähköpostipohjia sovelluksille, jotka lähettävät automatisoituja viestejä, kuten tervetuloviestejä, uutiskirjeitä, transaktioilmoituksia ja niin edelleen. HTML-sähköpostien kirjoittaminen voi olla hankalaa yhteensopivuusongelmien vuoksi eri sähköpostiasiakkaiden ja -laitteiden välillä. Kun rakennetaan räätälöityjä sähköpostipohjia, kehittäjät kohtaavat usein haasteita, jotka liittyvät asettelun johdonmukaisuuteen, muokattavuuteen ja responsiiviseen suunnitteluun. Email-Builder-js on tehokas avoimen lähdekoodin JavaScript-kirjasto, joka yksinkertaistaa sähköpostipohjien luomista ja hallintaa JavaScript-sovelluksissa. Tämä tehokas työkalu mahdollistaa kehittäjille helpon suunnittelun, muokkaamisen ja dynaamisten sähköpostipohjien upottamisen sovelluksiinsa.

Email-Builder-js on Node.js-kirjasto HTML-sähköpostimallien luomiseen, keskittyen modulaariseen suunnitteluun, eri sähköpostiohjelmien yhteensopivuuteen ja mukautettuihin tyyleihin. Se tarjoaa käyttäjäystävällisen vedä‑ja‑pudota -käyttöliittymän, jonka avulla kehittäjät voivat helposti lisätä ja järjestellä elementtejä, kuten tekstiä, kuvia ja painikkeita, sähköpostimalleissaan. Se mahdollistaa ohjelmistokehittäjille sähköpostimallien luomisen ohjelmallisesti, välttäen sisäisten tyylien ja HTML‑spesifisten erikoisuuksien aiheuttaman vaivan hoitamalla suurimman osan taustalla. Kirjaston avulla mallit voidaan rakentaa uudelleenkäytettävistä komponenteista, mikä helpottaa johdonmukaisuuden ylläpitämistä eri sähköposteissa ja säästää kehitysaikaa. Kirjasto on todella kätevä sovelluksille, jotka tarvitsevat personoituja sähköposteja. Sen modulaarinen rakenne, mukautusvaihtoehdot ja sujuva yhteensopivuus sähköpostipalveluiden kanssa tekevät siitä erittäin hyödyllisen viestintätarpeisiisi ja ohjelmistokehitykseen.

Previous Next

Aloita Email-Builder-js:n käyttö

Suositeltu tapa asentaa Email-Builder-js -kirjasto on käyttää NPM:ää. Käytä seuraavaa komentoa sujuvan asennuksen varmistamiseksi.

Asenna Email-Builder-js NPM:n kautta

npm install --save @usewaypoint/email-builder

Luo komponenttipohjainen sähköpostimallin suunnittelu

Open source -sähköpostirakentaja-js -kirjaston ytimessä on sen keskittyminen komponentteihin. Tämän lähestymistavan avulla ohjelmistokehittäjät voivat luoda uudelleenkäytettäviä osia, kuten otsikoita, alatunnisteita, sisältöosioita ja painikkeita. Näitä komponentteja voidaan sekoittaa ja yhdistää vaivattomasti täydelliseksi malliksi. Jakamalla suunnittelu näin, koodi ei ainoastaan ole paremmin järjestetty, vaan myös mallien päivittäminen ja hallinta on yksinkertaisempaa. Seuraavassa esimerkissä jokainen komponentti luodaan erikseen, mikä mahdollistaa joustavan koostumuksen ja tulevat päivitykset muuttamatta koko rakennetta.

Kuinka luoda sähköpostikomponentteja ja yhdistää ne Node.js-kirjaston avulla?

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

const email = new EmailBuilder();

// Create reusable components
const header = email.createComponent({
  tag: 'header',
  content: '
Tervetuloa alustallemme!
',
  style: { color: '#333', textAlign: 'center', padding: '10px' },
});

const mainContent = email.createComponent({
  tag: 'div',
  content: '
Olemme innoissamme, että olet mukana. Nauti ominaisuuksistamme!
',
  style: { color: '#666', fontSize: '16px', padding: '20px' },
});

const footer = email.createComponent({
  tag: 'footer',
  content: '
Ystävällisin terveisin,
Tiimi
',
  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);

Käytä mukautettua tyyliä ja brändäystä malleihin

Varmistaakseen, että sähköpostimallit vastaavat sovelluksen brändäystä, Email-Builder-js -kirjasto mahdollistaa laajan mukauttamisen jokaisen komponentin style-attribuutin kautta. Tämä sisältää värien, fonttien, kokojen ja asettelujen säätämisen malleissa. Ohjelmistokehittäjät voivat käyttää sisäistä tyylittelyä, mikä on kriittistä sähköpostiohjelmien suunnitelmien oikean renderöinnin varmistamiseksi. Seuraava koodinpätkä luo painikkeen, jossa on taustaväri, täyte ja pyöristetyt kulmat, tyyliteltynä tyypillisen toimintakehotuspainikkeen kaltaiseksi, joka sopii brändiväreihin.

Kuinka luoda painike, jossa on taustaväri, täyte ja pyöristetyt kulmat Node.js:ssä?

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

Dynaaminen sisällön injektointi sähköposteihin Node.js:ssä

Sovelluksille, jotka lähettävät personoituja sähköposteja, kuten tilausvahvistuksia tai käyttäjäkohtaisia ilmoituksia, avoimen lähdekoodin Email-Builder-js -kirjasto tukee dynaamista sisällön injektointia. Ohjelmistokehittäjät voivat ohjelmallisesti lisätä käyttäjäkohtaisia tietoja (kuten nimiä, osoitteita tai ostotietoja) malleihin, mikä mahdollistaa kiinnostavampien ja relevantimpien sähköpostien luomisen. Käyttämällä mallilitteraaleja kehittäjät voivat helposti korvata paikkamerkit dynaamisella sisällöllä. Tämä lähestymistapa on erittäin tehokas transaktiosähköposteissa ja kaikissa tilanteissa, joissa personointi on avainasemassa, kuten seuraavassa esimerkissä on esitetty.

Kuinka luoda sähköposteja injektoimalla dynaamista sisältöä Node.js-kirjaston kautta?

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

const personalizedContent = email.createComponent({
  tag: 'div',
  content: `
Hei ${userName},
Kiitos, että ostit ${product}!
`,
  style: { color: '#333', fontSize: '16px' },
});

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

console.log(template);
 Suomen