اس صفحہ پر
خلاصہ: ایک اچھا نیوزلیٹر ٹیمپلیٹ موبائل ریسپانسو، سنگل کالم، آن برانڈ، اور ایک واضح CTA کے گرد بنایا ہوا ہے۔ Brevo اپنے ڈریگ اینڈ ڈراپ ایڈیٹر میں 40+ مفت ریسپانسو ٹیمپلیٹس شامل کرتا ہے، کوڈنگ کی ضرورت نہیں؛ Canva، Stripo، اور BEEFree ڈیزائن فائلز کے لیے مضبوط متبادل ہیں۔
ایک بہترین نیوزلیٹر ٹیمپلیٹ آپ کی ای میل مارکیٹنگ کا بھاری کام کرتا ہے، یہ آپ کے مواد کو پروفیشنل دکھاتا ہے، قارئین کو آپ کے CTA کی طرف رہنمائی کرتا ہے، اور ہر ڈیوائس اور ای میل کلائنٹ پر بالکل کام کرتا ہے۔
یہ گائیڈ نیوزلیٹر ٹیمپلیٹس کے بارے میں سب کچھ احاطہ کرتی ہے: انہیں مفت کہاں سے حاصل کرنا ہے، مؤثر ٹیمپلیٹس کیسے ڈیزائن کرنا ہے، اور ہر صنعت سے مثالیں۔
ایک بہترین نیوزلیٹر ٹیمپلیٹ کو کیا بناتا ہے
ضروری عناصر
- موبائل ریسپانسو ڈیزائن، 60%+ ای میلز موبائل پر کھولی جاتی ہیں
- واضح بصری درجہ بندی، نظر کو ہیڈ لائن سے CTA تک رہنمائی کریں
- برانڈ مستقل مزاجی، رنگ، فونٹس، اور لوگو کی جگہ
- سنگل کالم لے آؤٹ، ڈیوائسز پر بہترین پڑھنے کی صلاحیت
- نمایاں CTA، ہر ای میل کے لیے ایک واضح عمل
- پری ہیڈر ٹیکسٹ، انباکس میں اپنی سبجیکٹ لائن کو بڑھائیں
- ان سبسکرائب لنک، قانونی طور پر ضروری (CAN-SPAM، GDPR)
ٹیمپلیٹ کی ساخت
┌─────────────────────────┐│ لوگو / برانڈ ہیڈر │├─────────────────────────┤│ ہیرو امیج │├─────────────────────────┤│ ہیڈ لائن ││ باڈی ٹیکسٹ (2-3 سطریں) ││ [CTA بٹن] │├─────────────────────────┤│ مواد سیکشن 2 ││ [ثانوی CTA] │├─────────────────────────┤│ فوٹر / سوشل لنکس ││ ان سبسکرائب لنک │└─────────────────────────┘چار خاکے، چلتے ہوئے
نیچے کا ہر پینل سانچے کا اصل ای میل HTML ہے، حقیقی چوڑائی والے فریم میں۔ چوڑائی کو ۳۷۵ پکسل تک لائیے اور دیکھیے کہ کالم کیسے ایک دوسرے کے نیچے آتے ہیں۔
آپ کی تھیم کے ساتھ چلتا ہے — دوسری دیکھنے کے لیے اوپر سے بدلیے۔
The Letter کا HTML پڑھیے
<!DOCTYPE html>
<html lang="ur" dir="rtl">
<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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Meridian Press · شمارہ ۴۷</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:'Jameel Noori Nastaleeq',Tahoma,'Segoe UI',Arial,sans-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;">تین ہفتے پہلے میں نے ۲۰۱۹ میں لکھا ہوا ایک متن ڈھونڈا اور نہ ملا۔ نہ سائٹ پر، نہ برآمد شدہ فائل میں، نہ خود پلیٹ فارم کی تلاش میں۔ بارہ سو شمارے، اور کام کرنے والی واحد فہرست میری یادداشت تھی۔</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-right:3px solid #0084d1;padding:4px 0 4px 0;padding-right:20px;font-family:'Jameel Noori Nastaleeq',Tahoma,'Segoe UI',Arial,sans-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:'Jameel Noori Nastaleeq',Tahoma,'Segoe UI',Arial,sans-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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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="ur" dir="rtl">
<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:Tahoma,'Segoe UI',Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:Tahoma,'Segoe UI',Arial,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;">۲۶ اگست ۲۰۲۶ · ۶ موضوعات · ۹ منٹ</p>
</td>
<td valign="middle" align="left" class="hide-sm">
<span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">شمارہ ۲۱۲</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-left: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:Tahoma,'Segoe UI',Arial,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-left: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:Tahoma,'Segoe UI',Arial,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-left: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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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="ur" dir="rtl">
<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;">چار نئے پرنٹ۔ بندرگاہ والا ۴۰ نسخوں میں ہے اور ہفتہ نہیں نکالے گا۔</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:Tahoma,'Segoe UI',Arial,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="left" class="d-mute hide-sm" style="font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:13px;line-height:20px;color:#6b6b6b;">خزاں کا اجرا · ۰۴</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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:15px;line-height:24px;color:#242424;"><strong>برطانیہ میں ۷۵ پاؤنڈ سے اوپر مفت ترسیل۔</strong> فریم کے اختیارات ادائیگی کے وقت۔ بغیر فریم والوں کی واپسی ۳۰ دن کے اندر۔</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:Tahoma,'Segoe UI',Arial,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="ur" dir="rtl">
<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;">جواب کی شرح ۴ نکات بڑھی ہے اور ہمیں اب بھی وجہ معلوم نہیں۔ بہترین اندازہ اندر ہے۔</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:Tahoma,'Segoe UI',Arial,sans-serif;">
<p style="margin:0 0 4px 0;font-size:12px;line-height:16px;color:#8f83ff;">Ledger Weekly · ہفتہ ۳۵</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:Tahoma,'Segoe UI',Arial,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;">▲ ۱٫۲ نکات</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:Tahoma,'Segoe UI',Arial,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;">▼ ۰٫۴ نکات</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:Tahoma,'Segoe UI',Arial,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;">▲ ۴٫۰ نکات</p>
</td></tr>
</table>
</td>
</tr></table>
</td></tr>
<tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:Tahoma,'Segoe UI',Arial,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-left:12px;font-family:Tahoma,'Segoe UI',Arial,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="left" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-right:12px;font-family:Tahoma,'Segoe UI',Arial,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-left:12px;font-family:Tahoma,'Segoe UI',Arial,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="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="left" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-right:12px;font-family:Tahoma,'Segoe UI',Arial,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-left:12px;font-family:Tahoma,'Segoe UI',Arial,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="left" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-right:12px;font-family:Tahoma,'Segoe UI',Arial,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-left:12px;font-family:Tahoma,'Segoe UI',Arial,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="left" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-right:12px;font-family:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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:Tahoma,'Segoe UI',Arial,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> مفت نیوزلیٹر ٹیمپلیٹ کے ذرائع
1. Brevo (تجویز کردہ)
Brevo کا فری پلان ڈریگ اینڈ ڈراپ ایڈیٹر میں 40+ ریسپانسو نیوزلیٹر ٹیمپلیٹس شامل کرتا ہے۔ زمرہ جات میں شامل ہیں:
- ویلکم ای میلز
- پروڈکٹ اعلانات
- ہفتہ وار ڈائجسٹ
- ایونٹ کی دعوتیں
- موسمی کیمپینز
فوائد: مفت، ریسپانسو، آسانی سے قابل تخصیص، HTML کی ضرورت نہیں شروع کریں: مفت Brevo اکاؤنٹ بنائیں
2. Canva
Canva ای میل دوست ٹیمپلیٹس پیش کرتا ہے جنہیں آپ اس کے ڈیزائن ٹول سے اپنی مرضی کے مطابق بنا سکتے ہیں۔
3. Stripo
Stripo 1,100+ مفت ریسپانسو ای میل ٹیمپلیٹس فراہم کرتا ہے جو کسی بھی ESP میں ایکسپورٹ ہوتے ہیں۔
4. BEEFree
BEE پروفیشنل ڈیزائنز کے ساتھ ایک مفت ٹیمپلیٹ ایڈیٹر پیش کرتا ہے۔
مفت ٹیمپلیٹ سورس کا موازنہ
| سورس | مفت ٹیمپلیٹس | نو کوڈ ایڈیٹر | کسی بھی ESP پر ایکسپورٹ | کس کے لیے بہترین |
|---|---|---|---|---|
| Brevo | 40+ ریسپانسو | جی ہاں | نیٹیو (بلٹ ان) | ابتدا سے انتہا تک کیمپینز بھیجنا |
| Canva | بہت سے ڈیزائنز | جی ہاں | دستی ایکسپورٹ | بصری توجہ والے مارکیٹرز |
| Stripo | 1,100+ | جی ہاں | جی ہاں | تنوع اور ESP لچک |
| BEEFree | بڑی لائبریری | جی ہاں | جی ہاں | اسٹینڈ الون ٹیمپلیٹ ڈیزائن |
اگر آپ ایک جگہ ڈیزائن، پرسنلائز، اور بھیجنا چاہتے ہیں، تو Brevo سب سے براہ راست راستہ ہے۔ اگر آپ کو صرف ڈیزائن فائلز چاہئیں کسی اور ٹول میں ڈرپ کرنے کے لیے، تو Stripo اور BEEFree کے پاس سب سے وسیع لائبریریاں ہیں۔
نیوزلیٹر ٹیمپلیٹ کے بہترین طریقے
ڈیزائن
- ای میل کلائنٹ کی مطابقت کے لیے زیادہ سے زیادہ 600 پکسل چوڑائی استعمال کریں
- باڈی ٹیکسٹ کے لیے فونٹ سائز 14-16 پکسل رکھیں
- ٹیکسٹ لنکس نہیں بٹن CTAs استعمال کریں (44x44 پکسل کم از کم ٹیپ ٹارگٹ)
- اپنے برانڈ پیلیٹ سے زیادہ سے زیادہ 2-3 رنگ تک محدود رکھیں
- بدلوں کے ساتھ ویب سیف فونٹس (Arial، Georgia، Verdana) استعمال کریں
مواد کا لے آؤٹ
- الٹا اہرام: سب سے اہم مواد پہلے
- F-pattern اسکیننگ: اہم معلومات بائیں طرف
- سفید جگہ: مواد کو نہ بھریں، اسے سانس لینے دیں
- تصویر سے ٹیکسٹ کا تناسب: 40% تصاویر، 60% ٹیکسٹ (ڈیلیوریبلٹی کے لیے)
تکنیکی
- تصاویر کے لیے ہمیشہ alt text شامل کریں
- کلائنٹس میں ٹیسٹ کریں: Gmail، Outlook، Apple Mail، Yahoo
- تیز لوڈنگ کے لیے کل ای میل سائز 100KB سے کم رکھیں
- مستقل رینڈرنگ کے لیے inline CSS استعمال کریں
قسم کے لحاظ سے نیوزلیٹر ٹیمپلیٹس
1. ویلکم نیوزلیٹر ٹیمپلیٹ
مقصد: بہترین پہلا تاثر بنانا کلیدی عناصر: برانڈ کا تعارف، ویلیو پروپوزیشن، کیا توقع کریں، فوری فتح CTA
2. ہفتہ وار ڈائجسٹ ٹیمپلیٹ
مقصد: باقاعدہ مواد کا راؤنڈ اپ کلیدی عناصر: منتخب سیکشنز، مختصر خلاصے، مزید پڑھیں لنکس
3. پروڈکٹ اعلان ٹیمپلیٹ
مقصد: نئے پروڈکٹس/فیچرز لانچ کرنا کلیدی عناصر: پروڈکٹ امیج، کلیدی فوائد، قیمت، خریدیں CTA
4. پروموشنل ٹیمپلیٹ
مقصد: آفرز کے ساتھ سیلز بڑھانا کلیدی عناصر: ڈسکاؤنٹ کوڈ، پروڈکٹ تصاویر، فوری احساس عنصر، شاپ CTA
5. تعلیمی ٹیمپلیٹ
مقصد: ویلیو فراہم کرنا اور اعتماد بنانا کلیدی عناصر: ٹپس یا ہاؤ ٹو مواد، صاف لے آؤٹ، نرم CTA
Brevo میں اپنا نیوزلیٹر بنانا
- Brevo کے فری پلان کے لیے سائن اپ کریں
- لائبریری سے ایک ٹیمپلیٹ منتخب کریں یا شروع سے شروع کریں
- ڈریگ اینڈ ڈراپ کے ساتھ اپنی مرضی کے مطابق بنائیں: لوگو، رنگ، مواد بلاکس شامل کریں
- ڈیسک ٹاپ اور موبائل پر پری ویو کریں
- خود کو اور ساتھیوں کو بھیج کر ٹیسٹ کریں
- شیڈول کریں یا فوری طور پر بھیجیں
Brevo کا ایڈیٹر آپ کے اپنی مرضی کے ٹیمپلیٹس کو دوبارہ استعمال کے لیے محفوظ کرتا ہے، اور آپ اپنی ٹیم کے لیے برانڈڈ ٹیمپلیٹ لائبریریاں بنا سکتے ہیں۔
زیادہ اینگیجمنٹ کے لیے ٹپس
- سیگمنٹس کی بنیاد پر سلام اور مواد کو پرسنلائز کریں
- مختلف لے آؤٹس کا A/B ٹیسٹ کریں یہ دیکھنے کے لیے کیا کام کرتا ہے (A/B ٹیسٹنگ گائیڈ)
- اسے قابل اسکین رکھیں، قارئین ہر ای میل پر اوسطاً 11 سیکنڈ صرف کرتے ہیں
- ایک بنیادی CTA، قارئین کو بہت سے انتخاب نہ دیں
- مستقل شیڈول، قارئین کو اپنی ای میلز کی توقع اور انہیں کھولنے کی تربیت دیں
ٹیمپلیٹس کو کسٹمر ڈیٹا سے جوڑنا
ایک پالش شدہ ٹیمپلیٹ صرف اتنا ہی اچھا ہے جتنا کہ سامعین جس تک یہ پہنچتا ہے۔ وہ ٹیمیں جو نیوزلیٹرز سے سب سے زیادہ حاصل کرتی ہیں وہ اپنے اسٹور ڈیٹا کو اپنے ای میل ٹول سے کنیکٹ کرتی ہیں تاکہ ہر سینڈ ٹارگٹڈ ہو، عمومی نہیں۔ Tajo Shopify کسٹمر، پروڈکٹ، اور آرڈر ڈیٹا کو Brevo میں سنک کرتا ہے، تاکہ وہی ٹیمپلیٹ ہر سیگمنٹ کے لیے پرسنلائز کیا جا سکے: نئے سبسکرائبرز کے لیے ویلکم لے آؤٹ، اس زمرے کے سابقہ خریداروں کے لیے پروڈکٹ اعلان، یا غیر فعال گاہکوں کے لیے ون بیک آفر۔ ٹیمپلیٹ مستقل رہتا ہے؛ مواد اور سامعین خودکار طور پر ڈھلتے ہیں۔
اگلے اقدامات
- Brevo کے فری پلان کے ساتھ شروع کریں اور ان کی ٹیمپلیٹ لائبریری دیکھیں
- اعلیٰ ٹپس کے لیے ہماری نیوزلیٹر ڈیزائن گائیڈ پڑھیں
- تحریک کے لیے نیوزلیٹر مثالیں دیکھیں
- اپنی پہلی ای میل کیمپین سیٹ اپ کریں
اکثر پوچھے گئے سوالات
میں مفت نیوزلیٹر ٹیمپلیٹس کہاں سے حاصل کر سکتا ہوں؟
Brevo اپنے ڈریگ اینڈ ڈراپ ای میل ایڈیٹر میں درجنوں مفت، ریسپانسو نیوزلیٹر ٹیمپلیٹس شامل کرتا ہے، ڈیزائن کی مہارت کی ضرورت نہیں۔ آپ Canva، Stripo، اور BEEFree جیسے پلیٹ فارمز پر بھی مفت ٹیمپلیٹس پا سکتے ہیں۔
ایک اچھے نیوزلیٹر ٹیمپلیٹ کو کیا بناتا ہے؟
ایک اچھا نیوزلیٹر ٹیمپلیٹ موبائل ریسپانسو ہے، اس میں واضح بصری درجہ بندی ہے، آپ کے برانڈ کے رنگ استعمال کرتا ہے، نمایاں CTA شامل کرتا ہے، تیزی سے لوڈ ہوتا ہے، اور تمام ای میل کلائنٹس (Gmail، Outlook، Apple Mail) پر کام کرتا ہے۔
کیا نیوزلیٹر ٹیمپلیٹس بنانے کے لیے مجھے HTML کی مہارت چاہیے؟
نہیں۔ Brevo جیسے جدید ای میل پلیٹ فارمز ڈریگ اینڈ ڈراپ ایڈیٹرز پیش کرتے ہیں جو کسی بھی کوڈنگ کے بغیر خوبصورت، ریسپانسو ٹیمپلیٹس بناتے ہیں۔ آپ رنگ، لے آؤٹ، تصاویر، اور فونٹس کو بصری طور پر اپنی مرضی کے مطابق بنا سکتے ہیں۔
کیا نیوزلیٹر ٹیمپلیٹس بنانے کے لیے مجھے HTML مہارت چاہیے؟
نہیں۔ Brevo جیسے جدید ایڈیٹرز ڈریگ اینڈ ڈراپ ہیں، اس لیے آپ کسی کوڈ کے بغیر رنگ، لے آؤٹ، تصاویر، اور فونٹس کو بصری طور پر اپنی مرضی کے مطابق بناتے ہیں۔
مجھے کتنی بار نیوزلیٹر بھیجنا چاہیے؟
ایک تال منتخب کریں جسے آپ مستقل طور پر برقرار رکھ سکیں۔ ایک پیش گو ہفتہ وار یا ماہانہ شیڈول قارئین کو آپ کی ای میلز کی توقع اور انہیں کھولنے کی تربیت دیتا ہے، جو خام فریکوئنسی سے زیادہ اہم ہے۔