{"componentChunkName":"component---src-templates-blog-template-js","path":"/docs/email-templates","result":{"data":{"markdownRemark":{"html":"

Templated Styling

\n

The email templates use Handlebars, and are sent via the package email-templates. Each order status change triggers an email for that status, using the corresponding email template and subject line:

\n
├── emails\n│   ├── Ordered\n│   │   ├── html.hbs\n│   │   └── subject.hbs\n│   ├── Processed\n│   │   ├── html.hbs\n│   │   └── subject.hbs\n│   ├── Received\n│   │   ├── html.hbs\n│   │   └── subject.hbs\n│   └── Shipped\n│       ├── html.hbs\n│       └── subject.hbs\n
\n

The logic for sending emails lives in server/orders.js. To set up Nodemailer with a Gmail account, see Setting up Gmail Oauth2.

\n

The function sendEmail() takes order and store config variables, and passes them to the corresponding email template. The template is rendered as HTML via Handlebars:

\n

\n \n \n \n \n

\n

Shipping Notification Emails

\n

The /admin view has a textfield for inputting the shipping tracking number, which renders in the template like so:

\n

\n \n \n

<p style=\"font-size: 14px; margin-bottom: 10px;\">\n  Good news! Your order has been sent out via USPS.\n</p>\n<p style=\"font-size: 12px; margin: 0 0 30px;\">\n  Tracking Number:\n  <a\n    style=\"color: black;font-weight: bold;\"\n    href=\"https://tools.usps.com/go/TrackConfirmAction\n    ?qtc_tLabels1={{ order.shipping.tracking_number}}\"\n  >\n      {{ order.shipping.tracking_number}}\n  </a>\n</p>\n
","frontmatter":{"path":"/docs/email-templates","date":"2020-01-07T18:12:33.962Z","header":"Managing Orders","title":"Email Templates 🧾"}}},"pageContext":{"pages":[{"path":"/docs/changelog","title":"Changelog & To Do's 📝","header":"Beluga Next Steps","date":"2020-01-11T17:12:33.962Z"},{"path":"/docs/seo-social","title":"SEO and Social Media 💻","header":"Launching Your Store","date":"2020-01-10T17:12:33.962Z"},{"path":"/docs/deploy-to-heroku","title":"Deploying To Heroku 🚀","header":"Launching Your Store","date":"2020-01-09T17:12:33.962Z"},{"path":"/docs/gmail-oauth","title":"Setting up Gmail Oauth2 📬","header":"Managing Orders","date":"2020-01-07T19:12:33.962Z"},{"path":"/docs/email-templates","title":"Email Templates 🧾","header":"Managing Orders","date":"2020-01-07T18:12:33.962Z"},{"path":"/docs/managing-orders","title":"Order Admin 📦","header":"Managing Orders","date":"2020-01-07T16:12:33.962Z"},{"path":"/docs/custom-products","title":"Advanced: Custom Product Data 💫","header":"Store Configuration","date":"2020-01-06T22:12:33.962Z"},{"path":"/docs/shipping","title":"Checkout & Shipping 🛒","header":"Store Configuration","date":"2020-01-06T21:12:33.962Z"},{"path":"/docs/additional-pages","title":"Adding Pages 📄","header":"Store Configuration","date":"2020-01-06T20:12:33.962Z"},{"path":"/docs/adding-collections","title":"Adding Collections 📂","header":"Store Configuration","date":"2020-01-06T19:12:33.962Z"},{"path":"/docs/adding-products","title":"Adding Products 🎁","header":"Store Configuration","date":"2020-01-06T18:12:33.962Z"},{"path":"/docs/theming-design","title":"Theming & Design 🎨","header":"Store Configuration","date":"2020-01-06T17:12:33.962Z"},{"path":"/docs/store-config","title":"Store Settings 🛠","header":"Store Configuration","date":"2020-01-05T16:12:33.962Z"},{"path":"/docs/stripe","title":"Setting up Stripe 💵","header":"Introduction","date":"2020-01-04T17:12:33.962Z"},{"path":"/docs/new-store","title":"Creating a New Store 🛍","header":"Introduction","date":"2020-01-03T17:12:33.962Z"},{"path":"/docs/dev-environment","title":"Setting up the Dev Environment 🧪","header":"Introduction","date":"2020-01-02T17:12:33.962Z"},{"path":"/docs/project-structure","title":"Overview of Project Structure 🏗","header":"Introduction","date":"2020-01-01T17:12:33.962Z"}]}},"staticQueryHashes":["45326706"]}