Σε αυτή τη σελίδα
- Τι κάνει εξαιρετικό ένα πρότυπο newsletter
- Πηγές δωρεάν προτύπων newsletter
- Σύγκριση πηγών δωρεάν προτύπων
- Βέλτιστες πρακτικές για πρότυπα newsletter
- Πρότυπα newsletter ανά τύπο
- Δημιουργία του newsletter σας στο Brevo
- Λίστα ελέγχου QA για πρότυπα
- Σύνδεση των προτύπων με τα δεδομένα πελατών
- Επόμενα βήματα
Ένα εξαιρετικό πρότυπο newsletter κάνει τη βαριά δουλειά για το email marketing σας: κάνει το περιεχόμενο να φαίνεται επαγγελματικό, καθοδηγεί τους αναγνώστες προς το CTA και κρατάει κάθε αποστολή συνεπή. Αυτός ο οδηγός επικεντρώνεται σε επαναχρησιμοποιήσιμα συστήματα σχεδιασμού και όχι σε μεμονωμένες λήψεις.
Ο οδηγός καλύπτει τα πάντα γύρω από τα πρότυπα newsletter: πού θα τα βρείτε δωρεάν, πώς να σχεδιάσετε αποτελεσματικά πρότυπα και παραδείγματα από κάθε κλάδο.
Τι κάνει εξαιρετικό ένα πρότυπο newsletter
Βασικά στοιχεία
- Αποκριτικός σχεδιασμός για κινητά που λειτουργεί σε στενές οθόνες και σε επιτραπέζιους πελάτες email.
- Σαφής οπτική ιεραρχία που οδηγεί το μάτι από τον τίτλο στο CTA.
- Συνέπεια επωνυμίας σε χρώματα, γραμματοσειρές, τοποθέτηση λογότυπου και ύφος εικόνων.
- Απλή διάταξη με προβλέψιμες ενότητες και επαρκή αποστάσεις.
- Εμφανές CTA συνδεδεμένο με μία κύρια ενέργεια.
- Κείμενο preheader που επεκτείνει τη γραμμή θέματος στα εισερχόμενα.
- Κατάργηση εγγραφής και στοιχεία αποστολέα για τη στήριξη της συμμόρφωσης και της εμπιστοσύνης.
Ανατομία προτύπου
┌─────────────────────────┐│ Λογότυπο / Κεφαλίδα │├─────────────────────────┤│ Κύρια εικόνα │├─────────────────────────┤│ Τίτλος ││ Κείμενο (2-3 γραμμές) ││ [CTA Button] │├─────────────────────────┤│ Ενότητα περιεχομένου 2 ││ [Secondary CTA] │├─────────────────────────┤│ Υποσέλιδο / Social ││ Σύνδεσμος διαγραφής │└─────────────────────────┘Τέσσερις διατάξεις σε λειτουργία
Κάθε πλαίσιο παρακάτω είναι το πραγματικό HTML του email του προτύπου, σε κορνίζα με πραγματικό πλάτος. Κατεβάστε το πλάτος στα 375 px και δείτε τις στήλες να στοιβάζονται.
Ακολουθεί το θέμα σας — αλλάξτε το στην κεφαλίδα για να δείτε το άλλο.
Διαβάστε το HTML του The Letter
<!DOCTYPE html>
<html lang="gr" 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:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;">Meridian Press · Τεύχος 47</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,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;">Αυτό είναι το κομμάτι που κανείς δεν σου λέει για έξι χρόνια newsletter. Η αποστολή είναι εύκολη. Η διατήρηση όχι.</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:Georgia,'Times New Roman',Times,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:Georgia,'Times New Roman',Times,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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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> Ακολουθεί το θέμα σας — αλλάξτε το στην κεφαλίδα για να δείτε το άλλο.
Διαβάστε το HTML του The Digest
<!DOCTYPE html>
<html lang="gr" 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:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:'Helvetica Neue',Helvetica,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;">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:'Helvetica Neue',Helvetica,Arial,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:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;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:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;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:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;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;">Το αρχείο ενός newsletter είναι προϊόν αναζήτησης, όχι λίστα συνδέσμων</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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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> Ακολουθεί το θέμα σας — αλλάξτε το στην κεφαλίδα για να δείτε το άλλο.
Διαβάστε το HTML του The Storefront
<!DOCTYPE html>
<html lang="gr" 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:'Helvetica Neue',Helvetica,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;letter-spacing:.14em;text-transform:uppercase;color:#141414;">Northlight</td>
<td align="right" class="d-mute hide-sm" style="font-family:'Helvetica Neue',Helvetica,Arial,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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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 · giclée σε βαμβακερό χαρτί</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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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 · giclée σε βαμβακερό χαρτί</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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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 · giclée σε βαμβακερό χαρτί</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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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 · giclée σε βαμβακερό χαρτί</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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,Arial,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:'Helvetica Neue',Helvetica,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> Ακολουθεί το θέμα σας — αλλάξτε το στην κεφαλίδα για να δείτε το άλλο.
Διαβάστε το HTML του The Brief
<!DOCTYPE html>
<html lang="gr" 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:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p style="margin:0 0 4px 0;font-size:12px;line-height:16px;letter-spacing:.1em;text-transform:uppercase;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:'Helvetica Neue',Helvetica,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;">▲ 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:'Helvetica Neue',Helvetica,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;">▼ 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:'Helvetica Neue',Helvetica,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;">▲ 4,0 μον.</p>
</td></tr>
</table>
</td>
</tr></table>
</td></tr>
<tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:'Helvetica Neue',Helvetica,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;letter-spacing:.08em;text-transform:uppercase;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:'Helvetica Neue',Helvetica,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="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,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-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,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:'Helvetica Neue',Helvetica,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-right:12px;font-family:'Helvetica Neue',Helvetica,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="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,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-right:12px;font-family:'Helvetica Neue',Helvetica,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="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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:'Helvetica Neue',Helvetica,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> Πηγές δωρεάν προτύπων newsletter
1. Brevo
Το Brevo είναι η πιο άμεση επιλογή όταν θέλετε να διαλέξετε ένα πρότυπο, να το εξατομικεύσετε και να το στείλετε από την ίδια πλατφόρμα. Οι κατηγορίες προτύπων συνήθως καλύπτουν:
- Email καλωσορίσματος
- Ανακοινώσεις προϊόντων
- Εβδομαδιαίες περιλήψεις
- Προσκλήσεις σε εκδηλώσεις
- Εποχιακές καμπάνιες
Πλεονεκτήματα: Δωρεάν, αποκριτικά, εύκολα στην προσαρμογή, χωρίς ανάγκη για HTML Ξεκινήστε: Δημιουργήστε δωρεάν λογαριασμό Brevo
2. Canva
Το Canva προσφέρει πρότυπα φιλικά προς το email, τα οποία μπορείτε να προσαρμόσετε με το εργαλείο σχεδιασμού του.
3. Stripo
Το Stripo παρέχει μεγάλη βιβλιοθήκη αποκριτικών προτύπων email και ροές εξαγωγής για πολλούς παρόχους υπηρεσιών email.
4. BEEFree
Το BEE προσφέρει έναν δωρεάν επεξεργαστή προτύπων με επαγγελματικούς σχεδιασμούς.
Σύγκριση πηγών δωρεάν προτύπων
| Πηγή | Δωρεάν ή δοκιμαστική διαδρομή | Επεξεργαστής χωρίς κώδικα | Μοντέλο εξαγωγής ή αποστολής | Καλύτερο για |
|---|---|---|---|---|
| Brevo | Δωρεάν διαδρομή εισόδου | Ναι | Εγγενής αποστολή | Σχεδιασμό και αποστολή καμπανιών σε έναν χώρο |
| Canva | Δωρεάν διαδρομή εισόδου | Ναι | Χειροκίνητη εξαγωγή ή ροή σχεδιαστικών αρχείων | Marketers με οπτική προτεραιότητα |
| Stripo | Δωρεάν ή δοκιμαστική διαδρομή | Ναι | Ροή εξαγωγής προς ESP | Ποικιλία και ευελιξία ESP |
| Beefree | Δωρεάν ή δοκιμαστική διαδρομή | Ναι | Ροή εξαγωγής ή χώρου εργασίας | Αυτόνομο σχεδιασμό προτύπων |
| Πρότυπα Mailchimp | Δωρεάν ή επί πληρωμή λογαριασμός | Ναι | Εγγενής αποστολή | Ομάδες που ήδη χρησιμοποιούν το Mailchimp |
Εάν θέλετε έναν χώρο για σχεδιασμό, εξατομίκευση και αποστολή, το Brevo είναι η πιο άμεση διαδρομή. Εάν χρειάζεστε μόνο αρχεία σχεδιασμού για να τα περάσετε σε άλλο εργαλείο, το Stripo και το BEEFree έχουν τις ευρύτερες βιβλιοθήκες.
Βέλτιστες πρακτικές για πρότυπα newsletter
Σχεδιασμός
- Χρησιμοποιήστε στενό πλάτος περιεχομένου, ώστε να αποδίδεται καθαρά στους μεγάλους πελάτες email
- Κρατήστε το κείμενο σώματος ευανάγνωστο σε κινητά χωρίς μεγέθυνση
- Χρησιμοποιήστε CTA σε μορφή κουμπιού για τις κύριες ενέργειες
- Κρατήστε την παλέτα κοντά στο σύστημα επωνυμίας σας
- Χρησιμοποιήστε γραμματοσειρές ασφαλείς για τον ιστό (Arial, Georgia, Verdana) με εναλλακτικές
Διάταξη περιεχομένου
- Αντεστραμμένη πυραμίδα: το σημαντικότερο περιεχόμενο πρώτο
- Σάρωση σε μοτίβο F: οι βασικές πληροφορίες αριστερά
- Λευκός χώρος: μη στριμώχνετε το περιεχόμενο, αφήστε το να αναπνεύσει
- Ισορροπημένα μπλοκ εικόνας και κειμένου: αποφύγετε email μόνο με εικόνες, που κρύβουν το μήνυμα όταν οι εικόνες μπλοκάρονται
Τεχνικά
- Προσθέτετε πάντα alt text στις εικόνες
- Δοκιμάστε σε διάφορους πελάτες: Gmail, Outlook, Apple Mail, Yahoo
- Έχετε υπόψη το βάρος του email και τον κίνδυνο περικοπής του μηνύματος
- Χρησιμοποιήστε inline CSS για συνεπή απόδοση
Πρότυπα newsletter ανά τύπο
1. Πρότυπο newsletter καλωσορίσματος
Σκοπός: Να κάνετε εξαιρετική πρώτη εντύπωση Βασικά στοιχεία: Παρουσίαση επωνυμίας, πρόταση αξίας, τι να περιμένουν, CTA γρήγορης νίκης
2. Πρότυπο εβδομαδιαίας περίληψης
Σκοπός: Τακτική συγκέντρωση περιεχομένου Βασικά στοιχεία: Επιμελημένες ενότητες, σύντομες περιλήψεις, σύνδεσμοι «διαβάστε περισσότερα»
3. Πρότυπο ανακοίνωσης προϊόντος
Σκοπός: Λανσάρισμα νέων προϊόντων ή δυνατοτήτων Βασικά στοιχεία: Εικόνα προϊόντος, βασικά οφέλη, τιμολόγηση, CTA αγοράς
4. Προωθητικό πρότυπο
Σκοπός: Αύξηση πωλήσεων με προσφορές Βασικά στοιχεία: Κωδικός έκπτωσης, εικόνες προϊόντων, στοιχείο επείγοντος, CTA αγορών
5. Εκπαιδευτικό πρότυπο
Σκοπός: Παροχή αξίας και χτίσιμο εμπιστοσύνης Βασικά στοιχεία: Συμβουλές ή περιεχόμενο τύπου how-to, καθαρή διάταξη, διακριτικό CTA
Δημιουργία του newsletter σας στο Brevo
- Εγγραφείτε στο δωρεάν πρόγραμμα του Brevo
- Επιλέξτε ένα πρότυπο από τη βιβλιοθήκη ή ξεκινήστε από την αρχή
- Προσαρμόστε με drag-and-drop: προσθέστε λογότυπο, χρώματα, μπλοκ περιεχομένου
- Δείτε προεπισκόπηση σε επιτραπέζιο και σε κινητό
- Δοκιμάστε στέλνοντας στον εαυτό σας και σε συναδέλφους
- Προγραμματίστε ή στείλτε άμεσα
Ο επεξεργαστής του Brevo αποθηκεύει τα προσαρμοσμένα πρότυπά σας για επαναχρησιμοποίηση και μπορείτε να δημιουργήσετε βιβλιοθήκες προτύπων με την ταυτότητα της επωνυμίας σας για την ομάδα σας.
Λίστα ελέγχου QA για πρότυπα
- Δείτε την προεπισκόπηση σε επιτραπέζιο και σε κινητό πριν από την αποστολή
- Στείλτε δοκιμαστικά μηνύματα στα βασικά εισερχόμενα που χρησιμοποιεί το κοινό σας
- Ελέγξτε την απόδοση σε σκοτεινή λειτουργία, εάν ο επεξεργαστής σας το υποστηρίζει
- Επαληθεύστε τους συνδέσμους, τις παραμέτρους UTM, την κατάργηση εγγραφής και τα στοιχεία ταχυδρομικής διεύθυνσης
- Βεβαιωθείτε ότι οι εικόνες έχουν alt text και χρήσιμο εναλλακτικό κείμενο
- Επαναχρησιμοποιήστε μπλοκ μόνο αφού αντικαταστήσετε παλιές προσφορές, ημερομηνίες, προϊόντα και τμήματα
Σύνδεση των προτύπων με τα δεδομένα πελατών
Ένα καλοδουλεμένο πρότυπο αξίζει όσο και το κοινό στο οποίο φτάνει. Οι ομάδες που παίρνουν τα περισσότερα από τα newsletter συνδέουν τα δεδομένα του καταστήματός τους με το εργαλείο email, ώστε κάθε αποστολή να είναι στοχευμένη και όχι γενική. Το Tajo συγχρονίζει τα δεδομένα πελατών, προϊόντων και παραγγελιών από το Shopify στο Brevo, ώστε το ίδιο πρότυπο να εξατομικεύεται ανά τμήμα: μια διάταξη καλωσορίσματος για νέους συνδρομητές, μια ανακοίνωση προϊόντος για όσους έχουν ήδη αγοράσει από αυτήν την κατηγορία ή μια προσφορά ανάκτησης για ανενεργούς πελάτες. Το πρότυπο παραμένει συνεπές, ενώ το περιεχόμενο και το κοινό προσαρμόζονται αυτόματα.
Επόμενα βήματα
- Ξεκινήστε με το δωρεάν πρόγραμμα του Brevo και εξερευνήστε τη βιβλιοθήκη προτύπων του
- Διαβάστε τον οδηγό σχεδιασμού newsletter για προχωρημένες συμβουλές
- Δείτε παραδείγματα newsletter για έμπνευση
- Ρυθμίστε την πρώτη σας καμπάνια email
Έχετε Ερωτήσεις; Έχουμε Απαντήσεις
Πού μπορώ να βρω δωρεάν πρότυπα newsletter;
Ξεκινήστε από τα πρότυπα που περιλαμβάνει η πλατφόρμα email από την οποία στέλνετε, όπως το Brevo, και στη συνέχεια συγκρίνετε βιβλιοθήκες σχεδιασμού όπως το Canva, το Stripo, το Beefree, τα πρότυπα του Mailchimp και το Really Good Emails για ιδέες διάταξης.
Τι κάνει καλό ένα πρότυπο newsletter;
Ένα καλό πρότυπο newsletter είναι αποκριτικό σε κινητά, έχει σαφή οπτική ιεραρχία, χρησιμοποιεί τα χρώματα της επωνυμίας σας, περιλαμβάνει εμφανές CTA, φορτώνει γρήγορα και λειτουργεί σε όλους τους πελάτες email (Gmail, Outlook, Apple Mail).
Χρειάζομαι γνώσεις HTML για να δημιουργήσω πρότυπα newsletter;
Όχι. Σύγχρονες πλατφόρμες email όπως το Brevo προσφέρουν επεξεργαστές drag-and-drop που δημιουργούν όμορφα, αποκριτικά πρότυπα χωρίς καθόλου κώδικα. Μπορείτε να προσαρμόσετε χρώματα, διατάξεις, εικόνες και γραμματοσειρές οπτικά.
Πόσο συχνά πρέπει να στέλνω newsletter;
Επιλέξτε έναν ρυθμό που μπορείτε να διατηρήσετε με συνέπεια. Ένα προβλέψιμο εβδομαδιαίο ή μηνιαίο πρόγραμμα εκπαιδεύει τους αναγνώστες να περιμένουν και να ανοίγουν τα email σας, κάτι που μετράει περισσότερο από τη σκέτη συχνότητα.