---
name: html-email-template-generator
description: "Generate responsive HTML code for marketing or transactional emails. Use when the user wants help with HTML Email Template Generator. Related topics: coding, email, marketing."
---

# HTML Email Template Generator

Generate responsive HTML code for marketing or transactional emails.

## How to use this skill

1. Ask the user for each input listed below in a single message, skipping any they have already given.
2. Where options are listed, offer them, but accept other answers too.
3. Fill the answers into the prompt template, then follow the completed prompt to produce the result.

## Inputs

- **Type of Email** (choose one: Newsletter, Welcome Email, Password Reset, Receipt/Invoice, Promo Offer)
- **Primary Brand Color (Hex)** (free text, e.g. "")
- **Main Content/Copy** (longer free text)
- **Layout Style** (choose one: Single Column (Mobile First), Two Columns, Image Heavy)
- **Elements to include** (choose any: Header Image, CTA Button, Social Media Icons, Unsubscribe Footer)
- **Inline the CSS? (Required for most email clients)** (choose one: Yes, No)

## Prompt template

## Introduction
Create the HTML structure for a responsive email campaign.

## Email Purpose
- Type of Email: {{Type of Email}}
- Primary Brand Color (Hex): {{Primary Brand Color (Hex)}}
- Main Content/Copy: {{Main Content/Copy}}

## Layout Preferences
- Layout Style: {{Layout Style}}
- Elements to include: {{Elements to include}}
- Inline the CSS? (Required for most email clients): {{Inline the CSS? (Required for most email clients)}}

---
**Goal**: Output the raw, responsive HTML/CSS code ready to be pasted into Mailchimp, SendGrid, etc.

---

Source: [HTML Email Template Generator on PromptBuild](https://promptbuild.io/prompt/un9ibj8kpoWyFFRKDP3n/html-email-template-generator)