ईमेल टेम्पलेट गाइड: लाइफ़साइकल ढांचे, लेआउट पैटर्न, कॉपी ब्लॉक और QA चेकलिस्ट (2026)
वेलकम, न्यूज़लेटर, प्रमोशनल, ट्रांज़ैक्शनल, कार्ट, पोस्ट-परचेज़, री-एंगेजमेंट, घोषणा और सर्वे कैम्पेन के लिए दोबारा इस्तेमाल होने वाले ईमेल टेम्पलेट बनाएं.
ईमेल टेम्पलेट, ईमेल मार्केटिंग का ऑपरेटिंग सिस्टम हैं. एक अच्छा टेम्पलेट टीम को हर कैम्पेन शुरू से बनाए बिना तेज़ी से काम करने देता है. कमज़ोर टेम्पलेट उल्टी समस्या पैदा करता है: बिखरी हुई ब्रांडिंग, टूटे हुए मोबाइल लेआउट, ख़राब पर्सनलाइज़ेशन, ग़ायब अनुपालन तत्व, और ऐसे कैम्पेन जिनकी टेस्टिंग मुश्किल होती है.
यह गाइड टेम्पलेट की पुरानी सूची वाली सोच की जगह एक व्यावहारिक टेम्पलेट सिस्टम रखती है. यह काम की कैम्पेन श्रेणियां बनाए रखती है (वेलकम, न्यूज़लेटर, प्रमोशनल, ट्रांज़ैक्शनल, एबैंडन्ड कार्ट, पोस्ट-परचेज़, री-एंगेजमेंट, घोषणाएं और सर्वे) और उन्हें कॉपी ब्लॉक, लेआउट नोट्स, डायनामिक डेटा के दिशानिर्देश तथा QA जांच के साथ दोबारा इस्तेमाल होने वाले ढांचों में बदल देती है.
ईमेल टेम्पलेट सिस्टम
अलग-अलग संदेशों के बजाय टेम्पलेट के परिवारों में सोचें.
| टेम्पलेट परिवार | काम | दोबारा इस्तेमाल होने वाले ब्लॉक | QA का जोखिम |
|---|---|---|---|
| वेलकम | नए सब्सक्राइबर या अकाउंट को दिशा देना | अभिवादन, वैल्यू का वादा, अगला क़दम, पसंद | पहले ही ईमेल पर ज़रूरत से ज़्यादा बोझ |
| न्यूज़लेटर | नियमित कॉन्टेंट पेश करना | मुख्य कहानी, दूसरे लिंक, संपादक का नोट | अंक के नाम का सामान्य होना |
| प्रमोशनल | कोई ऑफ़र पेश करना | ऑफ़र, समयसीमा, प्रोडक्ट ग्रिड, शर्तें | बनावटी तात्कालिकता या अस्पष्ट शर्तें |
| ट्रांज़ैक्शनल | स्थिति या अकाउंट की कार्रवाई की पुष्टि | स्थिति, विवरण, अगला क़दम, सपोर्ट | ज़रूरी अपडेट को मार्केटिंग से मिला देना |
| कार्ट और ब्राउज़ | इरादे को वापस पकड़ना | प्रोडक्ट ब्लॉक, सहायता का संकेत, चेकआउट CTA | ग़लत प्रोडक्ट या स्टॉक डेटा |
| पोस्ट-परचेज़ | ऑर्डर के बाद मदद | डिलीवरी, सेट अप, देखभाल, रिव्यू, क्रॉस-सेल | बहुत जल्दी रिव्यू मांग लेना |
| री-एंगेजमेंट | निष्क्रिय सब्सक्राइबर को विकल्प देना | पसंद अपडेट, ऑप्ट-डाउन, जुड़े रहने की वजह | अपराध बोध जगाने वाली कॉपी |
| घोषणा | बदलाव समझाना | क्या बदला, क्यों मायने रखता है, क्या करना है | ज़रूरी विवरण छिपाना |
| सर्वे | फ़ीडबैक इकट्ठा करना | सवाल, रेटिंग पैमाना, प्रोत्साहन, निजता नोट | एक ही ईमेल में बहुत कुछ पूछ लेना |
हर परिवार का एक बेस टेम्पलेट, एक छोटा संस्करण और एक प्लेन टेक्स्ट फ़ॉलबैक होना चाहिए. बेस टेम्पलेट सामान्य कैम्पेन संभालता है. छोटा संस्करण ज़रूरी या ट्रांज़ैक्शनल अपडेट के लिए काम आता है. प्लेन टेक्स्ट फ़ॉलबैक तब डिलीवरेबिलिटी और पठनीयता बचाता है जब क्लाइंट इमेज या फ़ॉर्मैटिंग रोक देते हैं.
चार लेआउट, चलते हुए
नीचे का हर पैनल टेम्पलेट का असली ईमेल HTML है, असली चौड़ाई वाले फ़्रेम में। चौड़ाई को 375 px तक खींचिए और देखिए कि कॉलम कैसे एक के नीचे एक लगते हैं।
आपकी थीम के अनुसार चलता है — दूसरी देखने के लिए ऊपर से बदलिए।
The Letter का HTML पढ़िए
<!DOCTYPE html>
<html lang="hi" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Letter</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#151515 !important; }
.d-card { background-color:#1c1c1c !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a8a8a8 !important; }
.d-rule { border-color:#3a3a3a !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f0efec;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">जो उद्धरण आप अपने नोट्स ऐप में सहेजते हैं, वह आपके कंटेंट कैलेंडर से ज़्यादा मेहनत करता है।</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f0efec;">
<tr><td align="center" style="padding:32px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td style="padding:0;">
<img src="/_astro/letter-masthead.BcPkHvz4.png" width="600" height="250" alt="Meridian Press का शीर्ष चित्र: संकेंद्री नीली चापें, एक तिरछी पट्टी से कटी हुईं" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:36px 88px 0 88px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Meridian Press · अंक 47</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:'Nirmala UI',Mangal,serif;">
<h1 class="h1 d-ink" style="margin:0 0 20px 0;font-size:34px;line-height:42px;font-weight:400;color:#141414;">संग्रह ही उत्पाद है</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">तीन हफ़्ते पहले मैंने 2019 में लिखा एक पाठ खोजा और नहीं मिला। न साइट पर, न निर्यात में, न प्लेटफ़ॉर्म की अपनी खोज में। बारह सौ अंक, और काम करने वाली इकलौती अनुक्रमणिका मेरी स्मृति थी।</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">छह साल न्यूज़लेटर चलाने के बारे में यही हिस्सा कोई नहीं बताता। भेजना आसान है। सहेजना नहीं।</p>
</td></tr>
<tr><td class="gutter" style="padding:8px 88px 28px 88px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td class="quote" style="border-left:3px solid #0084d1;padding:4px 0 4px 0;padding-left:20px;font-family:'Nirmala UI',Mangal,serif;">
<p class="d-ink" style="margin:0;font-size:19px;line-height:30px;font-style:italic;color:#141414;">आप जो भी प्रकाशित करते हैं वह एक जमा है। निकासी लगभग कोई नहीं बनाता।</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:'Nirmala UI',Mangal,serif;">
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">तो इस हफ़्ते मैंने पुराने अंकों को सचमुच का संग्रह बनाकर फिर से खड़ा किया: टैग, पूर्ण-पाठ खोज और स्थायी पतों के साथ। नौ दिन लगे। ग्राहकों की संख्या नहीं हिली। साइट पर बिताया समय तीन गुना हो गया।</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">पूरा ब्योरा नीचे है, उन हिस्सों समेत जो काम नहीं आए।</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px 36px 88px;font-family:'Nirmala UI',Mangal,sans-serif;">
<a href="https://example.com" style="font-size:17px;line-height:24px;font-weight:600;color:#0084d1;text-decoration:underline;">पूरा अंक पढ़िए →</a>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 88px;border-top:1px solid #e4e2de;"></td></tr>
<tr><td class="gutter" style="padding:24px 88px 40px 88px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:22px;color:#6b6b6b;">हर गुरुवार हाथ से लिखा जाता है। उत्तर दीजिए, मैं पढ़ता हूँ।</p>
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Meridian Press, 14 Harbour Lane, Bristol BS1 4TT<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">सदस्यता छोड़ें</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ब्राउज़र में देखें</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> आपकी थीम के अनुसार चलता है — दूसरी देखने के लिए ऊपर से बदलिए।
The Digest का HTML पढ़िए
<!DOCTYPE html>
<html lang="hi" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Digest</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#131313 !important; }
.d-card { background-color:#1b1b1b !important; }
.d-ink { color:#f3f3f3 !important; }
.d-mute { color:#a5a5a5 !important; }
.d-rule { border-color:#333333 !important; }
.d-chip { background-color:#10352f !important; color:#7fd8c6 !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f4f3f0;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">छह चीज़ें जो आपके मंगलवार के लायक हैं। दो कीमत तय करने के बारे में हैं।</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f4f3f0;">
<tr><td align="center" style="padding:28px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td class="gutter" style="padding:30px 32px 22px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0;font-size:20px;line-height:26px;font-weight:800;color:#141414;">The Tuesday Digest</p>
<p class="d-mute" style="margin:4px 0 0 0;font-size:14px;line-height:20px;color:#6b6b6b;">26 अगस्त 2026 · 6 विषय · 9 मिनट</p>
</td>
<td valign="middle" align="right" class="hide-sm">
<span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">अंक 212</span>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:2px solid #141414;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-1.gDWNYw1C.png" width="112" height="112" alt="अमूर्त फ़िरोज़ी चापें, एक तिरछी पट्टी से कटी हुईं" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">01 · मूल्य निर्धारण</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">तीन कंपनियाँ उपयोग-आधारित मूल्य पर गईं और दो वापस लौट आईं</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">लौटने वाली दोनों एक ही बात कहती हैं: सहायता का बोझ राजस्व से पहले बढ़ गया।</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-2.ch7Avmad.png" width="112" height="112" alt="अमूर्त फ़िरोज़ी छल्ले, खिसके हुए केंद्र बिंदु के साथ" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">02 · वितरण-क्षमता</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">बड़े प्रेषकों के लिए Gmail के नियम एक साल पुराने हो गए। असल में यह बदला है</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">शिकायत दर वही इकलौती सीमा है जिसके पास कोई पहुँचा। बाकी सब पहले से ही अनिवार्य था।</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-3.DP0eG3wj.png" width="112" height="112" alt="हल्के सफ़ेद पर अमूर्त संकेंद्री फ़िरोज़ी चापें" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;color:#007d6a;">03 · कारीगरी</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">न्यूज़लेटर का संग्रह एक खोज उत्पाद है, लिंक की सूची नहीं</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">नौ दिन का काम, ग्राहकों में शून्य वृद्धि, साइट पर तीन गुना समय। दिलचस्प तो यही अदला-बदली है।</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:24px 32px 34px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0 0 14px 0;font-size:15px;line-height:24px;color:#555555;">नीचे तीन और हैं, उनमें वह भी जो बिलिंग पर है और जिसका जवाब सब देते हैं।</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#007d6a" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#007d6a;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">छहों पढ़िए</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #eceae6;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 30px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">The Tuesday Digest, 9 Fitzroy Street, Manchester M1 2AL<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">सदस्यता छोड़ें</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">पसंद प्रबंधित करें</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ब्राउज़र में देखें</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> आपकी थीम के अनुसार चलता है — दूसरी देखने के लिए ऊपर से बदलिए।
The Storefront का HTML पढ़िए
<!DOCTYPE html>
<html lang="hi" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Storefront</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#141210 !important; }
.d-card { background-color:#1d1a18 !important; }
.d-ink { color:#f5f2ef !important; }
.d-mute { color:#aaa39d !important; }
.d-rule { border-color:#38322d !important; }
.d-tile { background-color:#241f1c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#efece8;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">चार नए प्रिंट। बंदरगाह वाला 40 प्रतियों में है और हफ़्ता नहीं निकालेगा।</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#efece8;">
<tr><td align="center" style="padding:24px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td class="gutter" style="padding:22px 24px;font-family:'Nirmala UI',Mangal,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="d-ink" style="font-size:17px;line-height:22px;font-weight:800;color:#141414;">Northlight</td>
<td align="right" class="d-mute hide-sm" style="font-family:'Nirmala UI',Mangal,sans-serif;font-size:13px;line-height:20px;color:#6b6b6b;">शरद पेशकश · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="चार नए Northlight प्रिंट: गर्म हल्के सफ़ेद पर एक-दूसरे पर चढ़ती जंग-लाल चापें" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:30px 40px 0 40px;font-family:'Nirmala UI',Mangal,sans-serif;">
<h1 class="h1 d-ink" style="margin:0 0 12px 0;font-size:30px;line-height:38px;font-weight:800;color:#141414;">चार प्रिंट। हर एक की चालीस प्रतियाँ।</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">इस पेशकश का हर प्रिंट हाथ से खींचा गया, क्रमांकित है, और ख़त्म होते ही ख़त्म। यहाँ कुछ दोबारा नहीं छपता।</p>
</td></tr>
<tr><td class="gutter" style="padding:0 40px 26px 40px;font-family:'Nirmala UI',Mangal,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">पेशकश देखिए</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter" style="padding:0 32px 8px 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-1.B7Z7OyM8.png" width="272" height="272" alt="Harbour, जंग-लाल रंग का अमूर्त प्रिंट" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Harbour</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · सूती काग़ज़ पर जिक्ले</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">टोकरी में डालें</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-2.CMBKLJ38.png" width="272" height="272" alt="Dusk, अंबर रंग का अमूर्त प्रिंट" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Dusk</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · सूती काग़ज़ पर जिक्ले</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">टोकरी में डालें</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-3.C9XLoBz6.png" width="272" height="272" alt="Tide, बैंगनी रंग का अमूर्त प्रिंट" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Tide</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · सूती काग़ज़ पर जिक्ले</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">टोकरी में डालें</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-4.jL_6WDwF.png" width="272" height="272" alt="Quarry, गहरे हरे रंग का अमूर्त प्रिंट" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Quarry</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · सूती काग़ज़ पर जिक्ले</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">टोकरी में डालें</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:6px 40px 30px 40px;font-family:'Nirmala UI',Mangal,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#faf9f7;border-radius:4px;">
<tr><td style="padding:16px 20px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0;font-size:15px;line-height:24px;color:#242424;"><strong>यूनाइटेड किंगडम में 75 £ से ऊपर मुफ़्त शिपिंग।</strong> फ़्रेम के विकल्प भुगतान के समय। बिना फ़्रेम वालों की वापसी 30 दिन के भीतर।</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 40px;border-top:1px solid #ebe7e2;"></td></tr>
<tr><td class="gutter" style="padding:20px 40px 30px 40px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Northlight Print Co., Unit 4 Wharf Road, Leeds LS10 1JQ<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">सदस्यता छोड़ें</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ब्राउज़र में देखें</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> आपकी थीम के अनुसार चलता है — दूसरी देखने के लिए ऊपर से बदलिए।
The Brief का HTML पढ़िए
<!DOCTYPE html>
<html lang="hi" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Brief</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#121212 !important; }
.d-card { background-color:#1a1a1a !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a6a6a6 !important; }
.d-rule { border-color:#333333 !important; }
.d-tile { background-color:#232323 !important; }
.d-track { background-color:#2c2c2c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f1f0f4;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">उत्तर दर 4 अंक बढ़ी है और हमें अब भी कारण नहीं पता। सबसे अच्छा अनुमान भीतर है।</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f1f0f4;">
<tr><td align="center" style="padding:26px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td style="padding:0;background:#141414;border-radius:6px 6px 0 0;">
<img src="/_astro/brief-band.CsaAK-Uv.png" width="600" height="150" alt="Ledger Weekly का शीर्ष: लगभग काले पर बैंगनी चापें" style="width:100%;height:auto;max-width:600px;border-radius:6px 6px 0 0;">
</td></tr>
<tr><td class="gutter" style="padding:26px 32px 18px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p style="margin:0 0 4px 0;font-size:12px;line-height:16px;color:#8f83ff;">Ledger Weekly · सप्ताह 35</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">उत्तर दर हिली और किसी ने कुछ जारी नहीं किया</h1>
</td></tr>
<tr><td class="gutter" style="padding:0 26px 8px 26px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">31.4%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">खुलने की दर</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1.2 अंक</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">8.9%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">क्लिक दर</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0.4 अंक</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">6.1%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">उत्तर दर</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4.0 अंक</p>
</td></tr>
</table>
</td>
</tr></table>
</td></tr>
<tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-ink" style="margin:0 0 18px 0;font-size:16px;line-height:26px;color:#242424;">भेजने में कुछ नहीं बदला। वही सूची, वही गुरुवार, वही टेम्पलेट। इकलौता चर जो हमें मिला: विषय पंक्ति ने ग्यारह अंकों में पहली बार सवाल पूछा।</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:12px;line-height:16px;color:#6b6b6b;">खंड के अनुसार उत्तर</p>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 22px 32px;">
<table role="presentation" class="chart" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:15px;line-height:20px;color:#242424;">सशुल्क ग्राहक</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="100%" style="width:100%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">11.2%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:15px;line-height:20px;color:#242424;">निःशुल्क, 90 दिन सक्रिय</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="57%" style="width:57%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">6.4%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:15px;line-height:20px;color:#242424;">निःशुल्क, निष्क्रिय</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="16%" style="width:16%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">1.8%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:15px;line-height:20px;color:#242424;">परीक्षण</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="44%" style="width:44%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Nirmala UI',Mangal,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">4.9%</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 28px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#141414" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#141414;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Nirmala UI',Mangal,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">पूरा विश्लेषण पढ़िए</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #e9e7ee;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 28px 32px;font-family:'Nirmala UI',Mangal,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Ledger Weekly, 2 Cathedral Square, Edinburgh EH1 2QN<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">सदस्यता छोड़ें</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">ब्राउज़र में देखें</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> ग्लोबल टेम्पलेट ब्लॉक
टीम के कैम्पेन कॉपी लिखना शुरू करने से पहले, हर दोबारा इस्तेमाल होने वाले ईमेल टेम्पलेट में ये ब्लॉक तय होने चाहिए.
हेडर
भेजने वाले की एक जैसी पहचान, लोगो का एक जैसा इस्तेमाल, और ज़रूरत हो तो नेविगेशन रखें. ट्रांज़ैक्शनल टेम्पलेट में नेविगेशन कम से कम रखें, ताकि स्थिति का अपडेट साफ़ दिखे.
सुझाए गए हेडर फ़ील्ड:
- लोगो या ब्रांड का नाम.
- ईमेल के प्रकार से मेल खाती भेजने वाले की पहचान.
- मार्केटिंग टेम्पलेट के लिए वैकल्पिक नेविगेशन.
- प्रीहेडर के बाद प्रीव्यू में दिखने लायक़ पहला टेक्स्ट.
प्रीहेडर
प्रीहेडर टेम्पलेट का हिस्सा है, बाद में जोड़ी जाने वाली चीज़ नहीं. एक संपादन योग्य फ़ील्ड और एक फ़ॉलबैक जोड़ें. क़ानूनी फ़ुटर टेक्स्ट या इमेज के alt टेक्स्ट को इनबॉक्स प्रीव्यू में मत आने दें.
हीरो या लीड ब्लॉक
लीड ब्लॉक एक सवाल का जवाब देता है: यह ईमेल यहां क्यों है?
| ईमेल का प्रकार | लीड ब्लॉक को क्या कहना चाहिए |
|---|---|
| वेलकम | आगे क्या होगा |
| प्रमोशन | ऑफ़र क्या है और कब ख़त्म होगा |
| ट्रांज़ैक्शनल | कौन सी स्थिति बदली |
| न्यूज़लेटर | यह अंक क्यों मायने रखता है |
| कार्ट | क्या सहेजा गया या क्या मदद उपलब्ध है |
| सर्वे | कौन सा फ़ीडबैक मांगा जा रहा है और क्यों |
CTA ब्लॉक
ज़्यादातर टेम्पलेट में एक ही मुख्य CTA रखें. दूसरे लिंक तभी जोड़ें जब वे अलग और उपयोगी काम करते हों, जैसे “ऑर्डर देखें,” “पसंद अपडेट करें,” या “सपोर्ट से संपर्क करें.”
डायनामिक कॉन्टेंट ब्लॉक
डायनामिक ब्लॉक तब ताक़तवर होते हैं जब वे सटीक डेटा इस्तेमाल करें. जब डेटा पुराना, अधूरा, या इनबॉक्स के लिहाज़ से ज़्यादा संवेदनशील हो, तब ये जोखिम भरे हो जाते हैं.
आम ईकॉमर्स डायनामिक ब्लॉक:
- प्रोडक्ट की इमेज और नाम.
- कार्ट का कुल मूल्य या सहेजे गए आइटम की संख्या.
- ऑर्डर नंबर और स्थिति.
- लॉयल्टी बैलेंस या टियर.
- सुझाए गए प्रोडक्ट.
- दोबारा ऑर्डर का समय.
- स्टोर की लोकेशन या डिलीवरी का संदर्भ.
फ़ुटर
मार्केटिंग टेम्पलेट में अनसब्सक्राइब और पसंद बदलने के नियंत्रण चाहिए. ट्रांज़ैक्शनल टेम्पलेट में भी साफ़ सपोर्ट और कंपनी की पहचान ज़रूरी है. फ़ुटर को एक कंपोनेंट की तरह रखें, ताकि टीमें ज़रूरी तत्व भूलें नहीं.
वेलकम ईमेल टेम्पलेट
वेलकम टेम्पलेट को सब्सक्राइबर का पहला क़दम आसान बनाना चाहिए. पहले ईमेल को केंद्रित रखें, बाक़ी काम वेलकम सीरीज़ पर छोड़ दें.
सादा वेलकम
तब इस्तेमाल करें जब कोई लिस्ट से जुड़े, अकाउंट बनाए, या कोई कॉन्टेंट मांगे.
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [Brand] में आपका स्वागत है |
| प्रीहेडर | अपनी पसंद और पहले क़दम से शुरुआत करें |
| लीड | ”आप सब्सक्राइब हो गए हैं. आपको यह मिलेगा.” |
| बॉडी | वैल्यू, नियमितता और अगली कार्रवाई बताने वाले 2 से 3 बुलेट |
| CTA | पसंद तय करें, सेट अप शुरू करें, या संसाधन देखें |
| फ़ुटर | प्रेफ़रेंस सेंटर और अनसब्सक्राइब |
बॉडी का उदाहरण:
[Brand] में आपका स्वागत है. आपको [cadence] [topic or benefit] मिलता रहेगा. शुरुआत अपनी पसंद चुनकर करें, ताकि हम सबसे प्रासंगिक अपडेट भेज सकें.
ईकॉमर्स वेलकम
तब इस्तेमाल करें जब कोई ख़रीदार ब्राउज़ करने, ख़रीदने, या ऑफ़र के लिए साइन अप करने के बाद जुड़े.
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | आपके सब्सक्राइबर लाभ तैयार हैं |
| प्रीहेडर | पसंद चुनें और देखें क्या नया है |
| लीड | ”जुड़ने के लिए धन्यवाद. आप यह उम्मीद कर सकते हैं.” |
| बॉडी | नए आगमन, सहेजी गई पसंद, लॉयल्टी या सपोर्ट लिंक |
| CTA | नए आगमन देखें या पसंद तय करें |
| QA | किसी भी डिस्काउंट, समयसीमा या लॉयल्टी वाली भाषा की पुष्टि करें |
हर वेलकम ईमेल में ज़बरदस्ती डिस्काउंट ठूंसने से बचें. अगर कोई ऑफ़र है, तो उसकी शर्तें साफ़ बताएं और सुनिश्चित करें कि चेकआउट का अनुभव ईमेल से मेल खाता है.
प्रोडक्ट ऑनबोर्डिंग वेलकम
SaaS, ऐप, मेंबरशिप और टूल के लिए इस्तेमाल करें.
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | आपकी सेट अप चेकलिस्ट तैयार है |
| प्रीहेडर | कुछ ही मिनट में पहले क़दम पूरे करें |
| लीड | ”आपका अकाउंट सक्रिय है. इन क़दमों से शुरुआत करें.” |
| बॉडी | एक CTA के साथ चरण 1, चरण 2, चरण 3 |
| CTA | सेट अप पूरा करें |
| QA | नए, आंशिक रूप से सक्रिय और लौटने वाले यूज़र के लिए सेट अप लिंक टेस्ट करें |
न्यूज़लेटर टेम्पलेट
न्यूज़लेटर टेम्पलेट ऐसा हो कि अंक को सरसरी नज़र से पढ़ा जा सके. टेम्पलेट दोबारा इस्तेमाल होता है, पर सब्जेक्ट और लीड हर अंक में बदलने चाहिए.
संपादकीय डाइजेस्ट
साप्ताहिक या मासिक कॉन्टेंट के लिए सबसे अच्छा.
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | इस हफ़्ते [topic] में |
| प्रीहेडर | वे अपडेट जो आपके समय के लायक़ हैं |
| लीड | एक वाक्य का संपादकीय नोट |
| मुख्य ब्लॉक | मुख्य लेख या मुख्य सीख |
| दूसरा ब्लॉक | संदर्भ के साथ 3 से 5 छोटे लिंक |
| CTA | पूरी गाइड पढ़ें, सभी अपडेट देखें, या जवाब दें |
इसे तब इस्तेमाल करें जब टीम कई कहानियां चुनकर पेश करती हो. सारांश छोटे रखें और “यह क्यों मायने रखता है” वाला संदर्भ जोड़ें, ताकि ईमेल सिर्फ़ लिंक की सूची न लगे.
प्रोडक्ट न्यूज़लेटर
ईकॉमर्स, मार्केटप्लेस या प्रोडक्ट आधारित ब्रांड के लिए सबसे अच्छा.
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [category] में नए आगमन |
| प्रीहेडर | आपकी सहेजी गई पसंद के आधार पर चुने गए |
| लीड | कलेक्शन या थीम |
| प्रोडक्ट ग्रिड | 3 से 6 प्रोडक्ट, हर एक में इमेज, नाम, क़ीमत, CTA |
| सहायता ब्लॉक | साइज़, शिपिंग या रिटर्न से जुड़ी मदद |
| CTA | कलेक्शन देखें |
प्रोडक्ट ग्रिड की QA ध्यान से करें. भेजने से पहले प्रोडक्ट की उपलब्धता, इमेज के URL, क़ीमतें, वैरिएंट और ट्रैकिंग पैरामीटर की पुष्टि करें.
निजी न्यूज़लेटर
संस्थापकों, क्रिएटर, कंसल्टेंट और विचारकों के लिए सबसे अच्छा.
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | कोई ठोस अवलोकन या सवाल |
| प्रीहेडर | अंदर मौजूद व्यावहारिक सबक़ |
| लीड | विषय से जुड़ा निजी नोट |
| बॉडी | एक उपयोगी विचार, उदाहरण या सबक़ |
| लिंक | पढ़ने की सामग्री, टूल या संसाधन की सिफ़ारिशें |
| CTA | जवाब दें, और पढ़ें, या बातचीत तय करें |
टेम्पलेट सादा ही रहना चाहिए. यहां वैल्यू आवाज़ और अंतर्दृष्टि से आती है, भारी-भरकम लेआउट से नहीं.
प्रमोशनल टेम्पलेट
प्रमोशनल टेम्पलेट में ऑफ़र की शर्तें साफ़ दिखनी चाहिए. अस्पष्टता से सपोर्ट टिकट बढ़ते हैं और क्लिक करने वाले निराश होते हैं.
सीमित समय का ऑफ़र
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [Offer] [day] को ख़त्म |
| प्रीहेडर | योग्य प्रोडक्ट और शर्तें अंदर हैं |
| लीड | ऑफ़र, समयसीमा और ऑडियंस |
| प्रोडक्ट ब्लॉक | चुनिंदा प्रोडक्ट या कैटेगरी |
| शर्तों का ब्लॉक | अपवाद, समयसीमा, कोड, क्षेत्र, चैनल |
| CTA | ऑफ़र देखें |
“आख़िरी मौक़ा” तभी लिखें जब यह सचमुच आख़िरी रिमाइंडर हो. जहां समयसीमा मायने रखती है, वहां समय क्षेत्र के साथ असली समयसीमा बताएं.
प्रोडक्ट लॉन्च
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | पेश है [product or collection] |
| प्रीहेडर | देखें क्या नया है और यह किसके लिए है |
| लीड | प्रोडक्ट का वादा |
| बॉडी | 3 फ़ायदे, प्रमाण, प्रोडक्ट की इमेज, उपलब्धता |
| CTA | नया प्रोडक्ट देखें |
| QA | स्टॉक, लॉन्च का समय, वैरिएंट और लैंडिंग पेज की पुष्टि करें |
लॉन्च टेम्पलेट में संदर्भ ज़रूर होना चाहिए: क्या बदला, यह किसके लिए है, और अभी क्यों मायने रखता है.
लॉयल्टी या VIP ऑफ़र
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | आपका [tier/reward] तैयार है |
| प्रीहेडर | योग्य प्रोडक्ट और बैलेंस का विवरण देखें |
| लीड | रिवॉर्ड की स्थिति |
| बॉडी | बैलेंस, रिवॉर्ड, समाप्ति, इस्तेमाल का तरीक़ा |
| CTA | रिवॉर्ड इस्तेमाल करें |
| QA | लॉयल्टी डेटा और रिडेम्पशन के नियम जांचें |
लॉयल्टी बैलेंस या टियर का ज़िक्र तभी करें जब डेटा सटीक हो. जिन कॉन्टैक्ट का बैलेंस नहीं है, उनके लिए एक फ़ॉलबैक संस्करण रखें.
ट्रांज़ैक्शनल टेम्पलेट
ट्रांज़ैक्शनल टेम्पलेट में सबसे पहले स्पष्टता चाहिए. वे अस्पष्ट प्रमोशन जैसे नहीं दिखने चाहिए.
ऑर्डर की पुष्टि
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | ऑर्डर कन्फ़र्म: [order number] |
| प्रीहेडर | शिप होने पर हम ट्रैकिंग भेज देंगे |
| लीड | पुष्टि की स्थिति |
| विवरण | ऑर्डर नंबर, आइटम का सारांश, शिपिंग पता, भुगतान का सारांश |
| CTA | ऑर्डर देखें |
| सपोर्ट | सपोर्ट से संपर्क करें या अनुमति हो तो विवरण अपडेट करें |
प्रमोशनल क्रॉस-सेल को गौण रखें. यहां ग्राहक का मुख्य काम यह जांचना है कि ऑर्डर सही है.
शिपिंग अपडेट
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | आपका ऑर्डर रास्ते में है |
| प्रीहेडर | डिलीवरी ट्रैक करें और ताज़ा अनुमानित समय देखें |
| लीड | शिपमेंट की स्थिति |
| विवरण | कैरियर, ट्रैकिंग नंबर, अनुमानित समय, आइटम |
| CTA | पैकेज ट्रैक करें |
| सपोर्ट | डिलीवरी में मदद और पते से जुड़े नोट |
अगर ट्रैकिंग डेटा मौजूद न हो, तो ऐसा फ़ॉलबैक इस्तेमाल करें जो ख़ाली फ़ील्ड न दिखाए.
अकाउंट या सुरक्षा सूचना
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | आपका पासवर्ड बदल दिया गया |
| प्रीहेडर | अगर यह आपने नहीं किया, तो अभी कार्रवाई करें |
| लीड | क्या बदला |
| विवरण | समय, अकाउंट, अगला क़दम |
| CTA | अकाउंट सुरक्षित करें |
| सपोर्ट | सपोर्ट से संपर्क करें या सुरक्षा सेटिंग्स देखें |
सुरक्षा टेम्पलेट में प्रमोशनल कॉन्टेंट मत जोड़ें. संदेश बिल्कुल साफ़ होना चाहिए.
कार्ट, ब्राउज़ और ईकॉमर्स रिकवरी टेम्पलेट
रिकवरी टेम्पलेट डेटा की गुणवत्ता पर टिके होते हैं. अगर प्रोडक्ट, स्टॉक या क़ीमत का डेटा भरोसेमंद न हो, तो कैटेगरी स्तर का नरम संस्करण इस्तेमाल करें.
एबैंडन्ड कार्ट
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | आपका कार्ट सहेज लिया गया है |
| प्रीहेडर | रिव्यू और चेकआउट एक टैप दूर हैं |
| लीड | सहेजे गए कार्ट का रिमाइंडर |
| प्रोडक्ट ब्लॉक | आइटम की इमेज, नाम, वैरिएंट, क़ीमत, मात्रा |
| सहायता ब्लॉक | साइज़, रिटर्न, भुगतान या शिपिंग से जुड़ी मदद |
| CTA | कार्ट पर लौटें |
| QA | आइटम की उपलब्धता और चेकआउट लिंक की पुष्टि करें |
ब्राउज़ एबैंडनमेंट
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | आपके लिए [category] के और विकल्प |
| प्रीहेडर | आपकी हाल की स्टोर विज़िट के आधार पर |
| लीड | मददगार सिफ़ारिश |
| प्रोडक्ट ब्लॉक | देखा गया प्रोडक्ट या संबंधित कैटेगरी |
| CTA | देखते रहें |
| QA | संवेदनशील ब्राउज़िंग व्यवहार को ज़रूरत से ज़्यादा पर्सनलाइज़ न करें |
बैक-इन-स्टॉक
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | फिर उपलब्ध: [product] |
| प्रीहेडर | जिस आइटम के बारे में आपने पूछा था, वह दोबारा उपलब्ध है |
| लीड | उपलब्धता का अपडेट |
| प्रोडक्ट ब्लॉक | प्रोडक्ट, वैरिएंट, स्टॉक से जुड़ा नोट |
| CTA | प्रोडक्ट देखें |
| QA | ऑटोमेशन भेजने से पहले स्टॉक की पुष्टि करें |
पोस्ट-परचेज़ टेम्पलेट
पोस्ट-परचेज़ ईमेल को और कुछ मांगने से पहले ग्राहक को वैल्यू पाने में मदद करनी चाहिए.
प्रोडक्ट की जानकारी
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [product] के साथ शुरुआत कैसे करें |
| प्रीहेडर | सेट अप, देखभाल और आम सवाल |
| लीड | ग्राहक को ख़रीदा हुआ सामान इस्तेमाल करने में मदद करें |
| बॉडी | सेट अप के क़दम, देखभाल के सुझाव, सपोर्ट लिंक |
| CTA | गाइड पढ़ें |
रिव्यू का अनुरोध
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [product] का अनुभव कैसा रहा? |
| प्रीहेडर | इस्तेमाल करने का समय मिलने के बाद अपनी राय बताएं |
| लीड | रिव्यू के लिए अनुरोध |
| बॉडी | फ़ीडबैक से क्या मदद मिलती है, रिव्यू लिंक, प्रोत्साहन की वैकल्पिक शर्तें |
| CTA | रिव्यू लिखें |
| QA | सिर्फ़ डिलीवरी और इस्तेमाल के उचित समय के बाद ट्रिगर करें |
दोबारा ऑर्डर
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [product] दोबारा मंगाने का समय आ गया? |
| प्रीहेडर | आपकी पिछली ख़रीद के समय के आधार पर |
| लीड | मददगार रीऑर्डर रिमाइंडर |
| बॉडी | प्रोडक्ट, मात्रा, सब्सक्रिप्शन का विकल्प, सपोर्ट |
| CTA | दोबारा ऑर्डर करें |
| QA | अगर ग्राहक पहले ही दोबारा ऑर्डर कर चुका हो तो रोक दें |
री-एंगेजमेंट टेम्पलेट
री-एंगेजमेंट टेम्पलेट को सब्सक्राइबर के हाथ में नियंत्रण देना चाहिए. कई निष्क्रिय सब्सक्राइबर को ज़्यादा बड़े डिस्काउंट की नहीं, बल्कि अलग कॉन्टेंट या कम ईमेल की ज़रूरत होती है.
पसंद दोबारा तय करना
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | चुनें कि आपको क्या मिले |
| प्रीहेडर | विषय, चैनल और फ़्रीक्वेंसी चुनें |
| लीड | पसंद अपडेट करने का अनुरोध |
| बॉडी | विषयों के विकल्प, फ़्रीक्वेंसी के विकल्प, ऑप्ट-डाउन |
| CTA | पसंद अपडेट करें |
विनबैक ऑफ़र
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | क्या [category] में अब भी दिलचस्पी है? |
| प्रीहेडर | पसंद चुनें या देखें क्या नया है |
| लीड | प्रासंगिकता की जांच |
| बॉडी | नए प्रोडक्ट, बदली हुई वैल्यू, वैकल्पिक प्रोत्साहन |
| CTA | देखें क्या नया है |
| QA | हाल के ख़रीदार, हाल में शिकायत करने वाले और अनसब्सक्राइब कर चुके कॉन्टैक्ट को रोक दें |
सनसेट सूचना
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | क्या हम [topic] भेजते रहें? |
| प्रीहेडर | अपनी दिलचस्पी की पुष्टि करें या ईमेल रोक दें |
| लीड | साफ़ विकल्प |
| बॉडी | सब्सक्राइबर को यह संदेश क्यों मिल रहा है, और उपलब्ध विकल्प |
| CTA | मुझे सब्सक्राइब रखें |
| गौण | अनसब्सक्राइब करें या रोकें |
घोषणा टेम्पलेट
घोषणाएं तब काम करती हैं जब वे बताएं कि क्या बदला, यह क्यों मायने रखता है, और आगे क्या करना है.
प्रोडक्ट अपडेट
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | नया: [feature or integration] |
| प्रीहेडर | क्या बदला और इसे कैसे इस्तेमाल करें |
| लीड | फ़ीचर का सारांश |
| बॉडी | इस्तेमाल का मामला, उपलब्धता, सेट अप के क़दम |
| CTA | फ़ीचर आज़माएं |
नीति या शर्तों का अपडेट
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [policy] में ज़रूरी अपडेट |
| प्रीहेडर | देखें [date] को क्या बदल रहा है |
| लीड | क्या बदला |
| बॉडी | सारांश, लागू होने की तारीख़, पूरी शर्तों का लिंक |
| CTA | अपडेट देखें |
| QA | क़ानूनी समीक्षा, अनुवाद और तारीख़ की सटीकता |
रखरखाव या घटना
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [date] को निर्धारित रखरखाव |
| प्रीहेडर | संभावित असर और समय |
| लीड | स्थिति और समय |
| बॉडी | प्रभावित सेवाएं, अनुमानित अवधि, सपोर्ट का रास्ता |
| CTA | स्टेटस पेज देखें |
सर्वे और फ़ीडबैक टेम्पलेट
सर्वे टेम्पलेट में मांग छोटी रखें और यह समझाएं कि यह क्यों मायने रखती है.
NPS या संतुष्टि सर्वे
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | आपका अनुभव कैसा रहा? |
| प्रीहेडर | एक छोटा सवाल हमें बेहतर बनने में मदद करता है |
| लीड | फ़ीडबैक का अनुरोध |
| बॉडी | रेटिंग का सवाल, वैकल्पिक टिप्पणी का संकेत |
| CTA | फ़ीडबैक दें |
| QA | एक ही ग्राहक से बार-बार सर्वे न कराएं |
प्रोडक्ट फ़ीडबैक
| ब्लॉक | कॉपी का पैटर्न |
|---|---|
| सब्जेक्ट | [product] को आकार देने में मदद करें |
| प्रीहेडर | बताएं कि आगे क्या बेहतर होना चाहिए |
| लीड | प्रोडक्ट से जुड़ा अनुरोध |
| बॉडी | विषय, अनुमानित समय, निजता का नोट |
| CTA | फ़ीडबैक साझा करें |
रिस्पॉन्सिव डिज़ाइन के नियम
ईमेल क्लाइंट आपस में बहुत अलग होते हैं. टेम्पलेट को उबाऊ हद तक मज़बूत होना चाहिए.
ये बुनियादी नियम अपनाएं:
- सिंगल-कॉलम फ़ॉलबैक के साथ मोबाइल-फ़र्स्ट डिज़ाइन करें.
- मुख्य संदेश इमेज पर निर्भर हुए बिना दिखना चाहिए.
- अहम इमेज के लिए वर्णनात्मक alt टेक्स्ट इस्तेमाल करें.
- बटन इतने बड़े रखें कि आराम से टैप हो सकें.
- ज़रूरी शर्तों के लिए बहुत छोटा और धुंधला टेक्स्ट न रखें.
- ज़रूरी कॉपी के लिए इमेज में लिखे टेक्स्ट की जगह असली टेक्स्ट इस्तेमाल करें.
- डार्क मोड में कॉन्ट्रास्ट पढ़ने लायक़ रखें.
- अपनी लिस्ट के हिसाब से Gmail, Apple Mail, Outlook और प्रमुख मोबाइल क्लाइंट पर टेस्ट करें.
- एक प्लेन टेक्स्ट संस्करण शामिल करें.
सुगम्यता और अनुपालन
टेम्पलेट को शुरू से ही सुगम्यता और क़ानूनी ज़रूरतों का ध्यान रखना चाहिए.
ये दोबारा इस्तेमाल होने वाली जांच जोड़ें:
- हेडिंग का तार्किक क्रम.
- वर्णनात्मक लिंक टेक्स्ट.
- अर्थपूर्ण इमेज के लिए alt टेक्स्ट.
- पर्याप्त रंग कॉन्ट्रास्ट.
- सिर्फ़ इमेज वाला कॉल टू एक्शन न हो.
- मार्केटिंग ईमेल में साफ़ अनसब्सक्राइब और पसंद के लिंक.
- भेजने वाले की सटीक पहचान.
- जहां ज़रूरी हो वहां भौतिक डाक पता.
- सब्जेक्ट लाइन और प्रीहेडर भ्रामक न हों.
- ग़ैर-अंग्रेज़ी संस्करणों के लिए फ़ुटर की भाषा का अनुवाद.
FTC की CAN-SPAM गाइडेंस भ्रामक सब्जेक्ट लाइन और ज़रूरी अनसब्सक्राइब व्यवस्था को सिर्फ़ डिज़ाइन का मुद्दा नहीं रहने देती. अनुपालन को टेम्पलेट के कंपोनेंट में ही बना दें, ताकि कैम्पेन बनाने वालों को इसे याद रखना न पड़े.
Tajo और Brevo के साथ डायनामिक टेम्पलेट
Tajo, Shopify टीमों को Brevo टेम्पलेट के भीतर असली ईकॉमर्स डेटा इस्तेमाल करने में मदद करता है. इसका मतलब है कि टेम्पलेट मैन्युअल एक्सपोर्ट के बिना लाइफ़साइकल संदर्भ के अनुसार ढल सकते हैं.
काम आने वाले डायनामिक टेम्पलेट फ़ील्ड:
| वर्कफ़्लो | डायनामिक फ़ील्ड |
|---|---|
| कार्ट रिकवरी | ग्राहक, कार्ट के आइटम, चेकआउट URL, प्रोडक्ट इमेज, वैरिएंट |
| ब्राउज़ एबैंडनमेंट | देखा गया प्रोडक्ट, कैटेगरी, संबंधित प्रोडक्ट |
| पोस्ट-परचेज़ | ऑर्डर, डिलीवरी की स्थिति, प्रोडक्ट, केयर गाइड |
| लॉयल्टी | पॉइंट, टियर, रिवॉर्ड की पात्रता |
| दोबारा ऑर्डर | प्रोडक्ट, पिछली ख़रीद की तारीख़, अनुमानित रीऑर्डर अवधि |
| बैक-इन-स्टॉक | प्रोडक्ट, वैरिएंट, स्टॉक की स्थिति |
| विनबैक | पिछली ख़रीद की कैटेगरी, पसंद, एंगेजमेंट की स्थिति |
डायनामिक टेम्पलेट में फ़ॉलबैक लॉजिक ज़रूरी है. अगर कोई इमेज, क़ीमत, वैरिएंट या लॉयल्टी बैलेंस मौजूद न हो, तब भी ईमेल पेशेवर ढंग से दिखना चाहिए.
टेम्पलेट QA चेकलिस्ट
नया टेम्पलेट या टेम्पलेट में बड़ा बदलाव मंज़ूर करने से पहले इसका इस्तेमाल करें:
- सब्जेक्ट लाइन और प्रीहेडर फ़ील्ड मौजूद हैं और उनके फ़ॉलबैक हैं.
- हेडर, फ़ुटर और अनसब्सक्राइब ब्लॉक सही तरीक़े से दिख रहे हैं.
- मुख्य CTA साफ़ है और ट्रैक हो रहा है.
- हर लिंक काम करता है और उसमें सही UTM पैरामीटर हैं.
- पर्सनलाइज़ेशन फ़ील्ड असली, ग़ायब और लंबी वैल्यू के साथ काम करते हैं.
- डायनामिक प्रोडक्ट के लिए फ़ॉलबैक व्यवहार तय है.
- टेम्पलेट मोबाइल और डेस्कटॉप, दोनों पर सही दिखता है.
- डार्क मोड पढ़ने लायक़ है.
- इमेज में उपयोगी alt टेक्स्ट है.
- प्लेन टेक्स्ट संस्करण मौजूद है.
- जहां ज़रूरी है वहां क़ानूनी फ़ुटर, पता, अनसब्सक्राइब और पसंद के लिंक मौजूद हैं.
- ट्रांज़ैक्शनल टेम्पलेट में ज़रूरी स्थिति अपडेट साफ़ रहते हैं.
- सप्रेशन और सहमति के नियम ईमेल के प्रकार से मेल खाते हैं.
आख़िरी सिफ़ारिश
ईमेल टेम्पलेट को एक प्रोडक्ट सिस्टम की तरह बनाएं. लाइफ़साइकल के कामों से शुरुआत करें, दोबारा इस्तेमाल होने वाले ब्लॉक तय करें, डायनामिक डेटा सावधानी से जोड़ें, और QA को टेम्पलेट का हिस्सा बनाएं, न कि भेजने से ठीक पहले की आपाधापी.
Shopify, Brevo और Tajo इस्तेमाल करने वाली ईकॉमर्स टीमों के लिए सबसे मज़बूत टेम्पलेट वही हैं जो ग्राहक के असली संदर्भ से जुड़े हों: कार्ट सहेजा गया, प्रोडक्ट देखा गया, ऑर्डर शिप हुआ, रिवॉर्ड तैयार है, दोबारा ऑर्डर का समय आया, या पसंद अपडेट करनी है. यही संदर्भ टेम्पलेट को उपयोगी बनाता है, बिना उन्हें नाज़ुक या ज़रूरत से ज़्यादा पर्सनलाइज़ किए.
संबंधित लेख
- ईमेल सब्जेक्ट लाइन के उदाहरणों की लाइब्रेरी: कैम्पेन प्रकार, इरादे और QA जोखिम के अनुसार टेम्पलेट (2026)
- ईमेल सब्जेक्ट लाइन प्लेबुक: इनबॉक्स अनुकूलता, टेस्टिंग, उदाहरण और अनुपालन QA (2026)
- ईमेल डिज़ाइन गाइड: लेआउट, सुगम्यता, कंपोनेंट, रेंडरिंग QA और टेस्टिंग वर्कफ़्लो (2026)
- ईमेल मार्केटिंग कैंपेन: प्लानिंग, निष्पादन और ऑप्टिमाइज़ेशन की संपूर्ण गाइड
- ट्रांज़ैक्शनल ईमेल के उदाहरण: पैटर्न, टेम्पलेट और QA चेकलिस्ट (2026)