Email Templates

JetShip provides a collection of pre-built email templates that you can easily integrate into your project. These templates are designed using Maizzle, a powerful framework for building responsive HTML emails with Tailwind CSS.

Maizzle makes it simple to customize and create high-quality email templates tailored to your project’s needs. If you're new to Maizzle, we recommend checking out their official documentation to get started.

✉️ List of Available Email Templates

Below is the full list of email templates that JetShip offers. Each template is customizable, so feel free to modify them according to your project’s requirements:

• Welcome Mail
• Onboarding
• Invoice
• Magic Link
• Order Confirmation
• Payment Failure
• Payment Receipt
• Product Update
• Reset Password
• Review Requests
• Subscription Confirmation
• Subscription Update
• Subscription Renewal
• Trial Expiry
• Verify Email

These templates cover a wide range of common scenarios, from user onboarding to transactional emails like payment receipts and password resets.

Note

Out of all available email templates, we have integrated following email templates in our Starter Kit.

• Welcome Mail
• Verify Email
• Magic Link
• Reset Password

You can integrate other email templates as per you requirement.

⚙️ Setup

To get started with these email templates, follow the steps below:

1. Install Dependencies
   Navigate to the maizzle-email-builder directory in your project. Then, run the following command to install all required packages:

npm

npm install

pnpm

pnpm install

yarn

yarn

2. Configure Variables
   Maizzle allows you to customize various aspects of the templates using environment variables. To configure them, edit the config.js file. For more information on how to manage environments and variables, refer to Maizzle's environment guide.

3. Email Template Directory
   All of JetShip’s email templates are located in the maizzle-email-builder/src/templates folder. You can start editing any template from there.

✏️ Customizing an Email Template

To customize the templates, you can use Maizzle's development server. Here’s how:

1. Start the Development Server
   Run the following command to start the Maizzle development server:

npm

npm run dev

pnpm

pnpm run dev

yarn

yarn dev

Once the dev server is running, it will provide a live preview of all the available email templates in the browser. You can make changes to the templates, and the preview will update in real time.

1. Edit the Template
   Choose the template you want to modify from the list available in the browser. Update the HTML and Tailwind CSS within the template to fit your design and content requirements.

2. Generate the Build
   After you’ve completed your edits, generate the final production build by running:

npm

npm run build

pnpm

pnpm run build

yarn

yarn build

This command will generate the compiled HTML for all email templates and save them as Blade files in your Laravel project. For example, the invoice.blade.php file will be created in the following location:

resources/views/emails/invoice.blade.php