Shopify provides you with default email templates that you can customize, so you don't need to make them from scratch.

However, you sometimes would like to edit their content and design. You need to know the liquid template language created by Shopify and written in Ruby in that case.

It's so hard to customize email templates in Liquid without any developmental environment at local that I've created a starter template that you can preview email templates at local.

🚀 shopify-email-notification

Features

• Previewing notification mails at local server
• Hot reloading of local server
• Referring to default email templates which Shopify provides
• Based on Liquid templates
• Editable notification variables
• TypeScript support
• Multi language support (English and Japanese)
• Built in useful commands

Requirements

• Node v18 or higher
• Shopify store

How to use

You can directly generate a new repository from this repository.

🚀 shopify-email-notification

Please click "Use this template".

Clone your project repository

Clone the repository you generated from shopify-email-notification.

git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY

Install packages

Install all dependencies for a project with bellow command.

pnpm install

Create a .env file (Optional)

Create a .env at the root, and then add your shopify admin url. Replace your-shop-name with yours.

ADMIN_URL=https://your-shop-name.myshopify.com/admin/

Start development

Start your project in development mode.

pnpm start

Open http://localhost:4000, and then you can preview notification templates.

You can also open your store admin page with this command instantly.

pnpm admin

I recommend you use the format command because it notifies your syntax errors.

pnpm format

That's all to do before you start your project.

I recommend you check out the command list before you get started.

📖 Useful command list

Thank you!

I hope that shopify-email-notification is helpful for you.