Οδηγός προτύπων email: πλαίσια κύκλου ζωής, μοτίβα διάταξης, μπλοκ κειμένου και λίστα ελέγχου QA (2026)
Δημιουργήστε επαναχρησιμοποιήσιμα πρότυπα email για καμπάνιες καλωσορίσματος, newsletter, προωθητικές, συναλλακτικές, καλαθιού, μετά την αγορά, επανενεργοποίησης, ανακοινώσεων και ερευνών.
Τα πρότυπα email είναι το λειτουργικό σύστημα του email marketing. Ένα καλό πρότυπο επιτρέπει σε μια ομάδα να αποστέλλει γρηγορότερα χωρίς να ξαναχτίζει κάθε καμπάνια από την αρχή. Ένα αδύναμο πρότυπο δημιουργεί το αντίθετο πρόβλημα: ασυνεπή επωνυμία, χαλασμένες διατάξεις σε κινητά, κακή εξατομίκευση, ελλιπή στοιχεία συμμόρφωσης και καμπάνιες που δύσκολα δοκιμάζονται.
Αυτός ο οδηγός αντικαθιστά την παλιά λογική της λίστας προτύπων με ένα πρακτικό σύστημα προτύπων. Διατηρεί τις χρήσιμες κατηγορίες καμπανιών (καλωσόρισμα, newsletter, προωθητικές, συναλλακτικές, εγκαταλελειμμένο καλάθι, μετά την αγορά, επανενεργοποίηση, ανακοινώσεις και έρευνες) και τις μετατρέπει σε επαναχρησιμοποιήσιμα πλαίσια με μπλοκ κειμένου, σημειώσεις διάταξης, καθοδήγηση για δυναμικά δεδομένα και ελέγχους QA.
Σύστημα προτύπων email
Σκεφτείτε σε οικογένειες προτύπων, όχι σε μεμονωμένα μηνύματα.
| Οικογένεια προτύπων | Εργασία | Επαναχρησιμοποιήσιμα μπλοκ | Κίνδυνος για QA |
|---|---|---|---|
| Καλωσόρισμα | Προσανατολισμός νέου συνδρομητή ή λογαριασμού | Χαιρετισμός, υπόσχεση αξίας, επόμενο βήμα, προτιμήσεις | Υπερφόρτωση του πρώτου email |
| Newsletter | Συσκευασία επαναλαμβανόμενου περιεχομένου | Κύριο άρθρο, δευτερεύοντες σύνδεσμοι, σημείωμα συντάκτη | Γενικοί τίτλοι τευχών |
| Προωθητικό | Παρουσίαση προσφοράς | Προσφορά, προθεσμία, πλέγμα προϊόντων, όροι | Ψεύτικος επείγων χαρακτήρας ή ασαφείς εξαιρέσεις |
| Συναλλακτικό | Επιβεβαίωση κατάστασης ή ενέργειας λογαριασμού | Κατάσταση, λεπτομέρειες, επόμενο βήμα, υποστήριξη | Ανάμειξη κρίσιμων ενημερώσεων με μάρκετινγκ |
| Καλάθι και περιήγηση | Ανάκτηση πρόθεσης | Μπλοκ προϊόντος, προτροπή υποστήριξης, CTA ολοκλήρωσης αγοράς | Λανθασμένα δεδομένα προϊόντος ή αποθέματος |
| Μετά την αγορά | Βοήθεια μετά την παραγγελία | Παράδοση, ρύθμιση, φροντίδα, κριτική, συμπληρωματικές πωλήσεις | Πολύ πρόωρο αίτημα για κριτική |
| Επανενεργοποίηση | Επιλογή για ανενεργούς συνδρομητές | Ενημέρωση προτιμήσεων, μείωση συχνότητας, λόγος να μείνουν | Κείμενο που προκαλεί ενοχές |
| Ανακοίνωση | Εξήγηση αλλαγής | Τι άλλαξε, γιατί έχει σημασία, απαιτούμενη ενέργεια | Απόκρυψη σημαντικών λεπτομερειών |
| Έρευνα | Συλλογή σχολίων | Ερώτηση, κλίμακα βαθμολόγησης, κίνητρο, σημείωση απορρήτου | Υπερβολικές απαιτήσεις σε ένα email |
Κάθε οικογένεια πρέπει να έχει ένα βασικό πρότυπο, μια σύντομη έκδοση και μια εναλλακτική έκδοση απλού κειμένου. Το βασικό πρότυπο καλύπτει τις κανονικές καμπάνιες. Η σύντομη έκδοση λειτουργεί για επείγουσες ή συναλλακτικές ενημερώσεις. Η εναλλακτική έκδοση απλού κειμένου προστατεύει την παραδοσιμότητα και την αναγνωσιμότητα όταν οι εφαρμογές email μπλοκάρουν εικόνες ή μορφοποίηση.
Τέσσερις διατάξεις σε λειτουργία
Κάθε πλαίσιο παρακάτω είναι το πραγματικό 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> Καθολικά μπλοκ προτύπων
Κάθε επαναχρησιμοποιήσιμο πρότυπο email πρέπει να ορίζει αυτά τα μπλοκ πριν οι ομάδες αρχίσουν να γράφουν κείμενο καμπάνιας.
Κεφαλίδα
Χρησιμοποιήστε συνεπή ταυτότητα αποστολέα, χειρισμό λογότυπου και προαιρετική πλοήγηση. Για συναλλακτικά πρότυπα, κρατήστε την πλοήγηση ελάχιστη ώστε η ενημέρωση κατάστασης να είναι προφανής.
Προτεινόμενα πεδία κεφαλίδας:
- Λογότυπο ή όνομα επωνυμίας.
- Ταυτότητα αποστολέα που ταιριάζει με τον τύπο του email.
- Προαιρετική πλοήγηση για πρότυπα μάρκετινγκ.
- Πρώτο κείμενο μετά το κείμενο προεπισκόπησης, ασφαλές για προεπισκόπηση.
Κείμενο προεπισκόπησης
Το κείμενο προεπισκόπησης (preheader) είναι μέρος του προτύπου, όχι κάτι που σκέφτεστε εκ των υστέρων. Προσθέστε ένα επεξεργάσιμο πεδίο και μια εναλλακτική τιμή. Μην αφήνετε το νομικό κείμενο του υποσέλιδου ή το εναλλακτικό κείμενο εικόνων να διαρρεύσει στην προεπισκόπηση των εισερχομένων.
Μπλοκ ήρωα ή εισαγωγικό μπλοκ
Το εισαγωγικό μπλοκ απαντά σε μία ερώτηση: γιατί υπάρχει αυτό το email;
| Τύπος email | Τι πρέπει να λέει το εισαγωγικό μπλοκ |
|---|---|
| Καλωσόρισμα | Τι θα συμβεί στη συνέχεια |
| Προώθηση | Ποια είναι η προσφορά και πότε λήγει |
| Συναλλακτικό | Ποια κατάσταση άλλαξε |
| Newsletter | Γιατί έχει σημασία αυτό το τεύχος |
| Καλάθι | Τι αποθηκεύτηκε ή τι βοήθεια είναι διαθέσιμη |
| Έρευνα | Ποια σχόλια ζητούνται και γιατί |
Μπλοκ CTA
Χρησιμοποιήστε ένα κύριο CTA για τα περισσότερα πρότυπα. Προσθέστε δευτερεύοντες συνδέσμους μόνο όταν εξυπηρετούν μια διαφορετική, χρήσιμη εργασία, όπως «προβολή παραγγελίας», «ενημέρωση προτιμήσεων» ή «επικοινωνία με την υποστήριξη».
Μπλοκ δυναμικού περιεχομένου
Τα δυναμικά μπλοκ είναι ισχυρά όταν χρησιμοποιούν ακριβή δεδομένα. Είναι επικίνδυνα όταν τα δεδομένα είναι παλιά, ελλιπή ή υπερβολικά ευαίσθητα για το πλαίσιο των εισερχομένων.
Συνηθισμένα δυναμικά μπλοκ ηλεκτρονικού εμπορίου:
- Εικόνα και όνομα προϊόντος.
- Σύνολο καλαθιού ή αριθμός αποθηκευμένων ειδών.
- Αριθμός και κατάσταση παραγγελίας.
- Υπόλοιπο ή επίπεδο πιστότητας.
- Προτεινόμενα προϊόντα.
- Χρονισμός επαναπαραγγελίας.
- Τοποθεσία καταστήματος ή πλαίσιο παράδοσης.
Υποσέλιδο
Τα πρότυπα μάρκετινγκ χρειάζονται στοιχεία ελέγχου διαγραφής και προτιμήσεων. Τα συναλλακτικά πρότυπα εξακολουθούν να χρειάζονται σαφή υποστήριξη και ταυτότητα εταιρείας. Χρησιμοποιήστε ένα στοιχείο υποσέλιδου ώστε οι ομάδες να μην ξεχνούν τα απαιτούμενα στοιχεία.
Πρότυπα email καλωσορίσματος
Τα πρότυπα καλωσορίσματος πρέπει να βοηθούν τον συνδρομητή να κάνει ένα πρώτο βήμα. Κρατήστε το πρώτο email εστιασμένο και αφήστε τη σειρά καλωσορίσματος να χειριστεί τα υπόλοιπα.
Απλό καλωσόρισμα
Χρησιμοποιήστε το όταν κάποιος εγγράφεται σε μια λίστα, δημιουργεί λογαριασμό ή ζητά περιεχόμενο.
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Καλώς ήρθατε στην [Brand] |
| Προεπισκόπηση | Ξεκινήστε με τις προτιμήσεις σας και το πρώτο βήμα |
| Εισαγωγή | «Εγγραφήκατε. Δείτε τι θα λαμβάνετε.» |
| Σώμα | 2-3 κουκκίδες που εξηγούν την αξία, τη συχνότητα και την επόμενη ενέργεια |
| CTA | Ορίστε προτιμήσεις, ξεκινήστε τη ρύθμιση ή περιηγηθείτε σε πόρους |
| Υποσέλιδο | Κέντρο προτιμήσεων και διαγραφή |
Παράδειγμα σώματος:
Καλώς ήρθατε στην [Brand]. Θα λαμβάνετε [topic or benefit] [cadence]. Ξεκινήστε επιλέγοντας τις προτιμήσεις σας, ώστε να σας στέλνουμε τις πιο σχετικές ενημερώσεις.
Καλωσόρισμα ηλεκτρονικού εμπορίου
Χρησιμοποιήστε το όταν ένας αγοραστής εγγράφεται μετά από περιήγηση, αγορά ή συγκατάθεση για προσφορές.
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Τα προνόμια συνδρομητή σας είναι έτοιμα |
| Προεπισκόπηση | Επιλέξτε προτιμήσεις και δείτε τι νέο υπάρχει |
| Εισαγωγή | «Ευχαριστούμε που εγγραφήκατε. Δείτε τι μπορείτε να περιμένετε.» |
| Σώμα | Νέες αφίξεις, αποθηκευμένες προτιμήσεις, σύνδεσμοι πιστότητας ή υποστήριξης |
| CTA | Αγοράστε νέες αφίξεις ή ορίστε προτιμήσεις |
| QA | Επαληθεύστε κάθε διατύπωση για έκπτωση, προθεσμία ή πιστότητα |
Αποφύγετε να επιβάλλετε μια έκπτωση σε κάθε email καλωσορίσματος. Αν υπάρχει προσφορά, δηλώστε τους όρους καθαρά και βεβαιωθείτε ότι η εμπειρία ολοκλήρωσης αγοράς ταιριάζει με το email.
Καλωσόρισμα ενσωμάτωσης σε προϊόν
Χρησιμοποιήστε το για SaaS, εφαρμογές, συνδρομές μελών και εργαλεία.
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Η λίστα ρύθμισής σας είναι έτοιμη |
| Προεπισκόπηση | Ολοκληρώστε τα πρώτα βήματα σε λίγα λεπτά |
| Εισαγωγή | «Ο λογαριασμός σας είναι ενεργός. Ξεκινήστε με αυτά τα βήματα.» |
| Σώμα | Βήμα 1, βήμα 2, βήμα 3 με ένα CTA |
| CTA | Ολοκληρώστε τη ρύθμιση |
| QA | Δοκιμάστε τον σύνδεσμο ρύθμισης για νέους, μερικώς ενεργούς και επιστρέφοντες χρήστες |
Πρότυπα newsletter
Ένα πρότυπο newsletter πρέπει να κάνει το τεύχος εύκολο στην ανάγνωση με μια ματιά. Το πρότυπο είναι επαναχρησιμοποιήσιμο, αλλά το θέμα και η εισαγωγή πρέπει να αλλάζουν σε κάθε τεύχος.
Συντακτική σύνοψη
Ιδανική για εβδομαδιαίο ή μηνιαίο περιεχόμενο.
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Αυτή την εβδομάδα στο [topic] |
| Προεπισκόπηση | Οι ενημερώσεις που αξίζουν τον χρόνο σας |
| Εισαγωγή | Σημείωμα συντάκτη μίας πρότασης |
| Κύριο μπλοκ | Κύριο άρθρο ή βασικό συμπέρασμα |
| Δευτερεύον μπλοκ | 3-5 σύντομοι σύνδεσμοι με πλαίσιο |
| CTA | Διαβάστε τον πλήρη οδηγό, δείτε όλες τις ενημερώσεις ή απαντήστε |
Χρησιμοποιήστε το όταν η ομάδα επιμελείται πολλά θέματα. Κρατήστε τις περιλήψεις σύντομες και προσθέστε πλαίσιο «γιατί έχει σημασία», ώστε το email να μην είναι απλώς μια λίστα συνδέσμων.
Newsletter προϊόντων
Ιδανικό για ηλεκτρονικό εμπόριο, marketplace ή επωνυμίες με επίκεντρο το προϊόν.
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Νέες αφίξεις στην κατηγορία [category] |
| Προεπισκόπηση | Επιλογές βάσει των αποθηκευμένων προτιμήσεών σας |
| Εισαγωγή | Συλλογή ή θέμα |
| Πλέγμα προϊόντων | 3-6 προϊόντα, καθένα με εικόνα, όνομα, τιμή, CTA |
| Μπλοκ υποστήριξης | Βοήθεια για μεγέθη, αποστολή ή επιστροφές |
| CTA | Δείτε τη συλλογή |
Ελέγξτε προσεκτικά τα πλέγματα προϊόντων. Επιβεβαιώστε τη διαθεσιμότητα προϊόντων, τις διευθύνσεις URL εικόνων, τις τιμές, τις παραλλαγές και τις παραμέτρους παρακολούθησης πριν την αποστολή.
Προσωπικό newsletter
Ιδανικό για ιδρυτές, δημιουργούς, συμβούλους και διαμορφωτές γνώμης.
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Μια συγκεκριμένη παρατήρηση ή ερώτηση |
| Προεπισκόπηση | Το πρακτικό μάθημα μέσα |
| Εισαγωγή | Προσωπικό σημείωμα συνδεδεμένο με το θέμα |
| Σώμα | Μία χρήσιμη ιδέα, παράδειγμα ή μάθημα |
| Σύνδεσμοι | Προτάσεις για ανάγνωση, εργαλεία ή πόρους |
| 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 | Επιβεβαιώστε το απόθεμα πριν σταλεί η αυτοματοποίηση |
Πρότυπα μετά την αγορά
Τα email μετά την αγορά πρέπει να βοηθούν τον πελάτη να πάρει αξία πριν ζητήσουν κάτι περισσότερο.
Εκπαίδευση για το προϊόν
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Πώς να ξεκινήσετε με το [product] |
| Προεπισκόπηση | Ρύθμιση, φροντίδα και συνηθισμένες ερωτήσεις |
| Εισαγωγή | Βοηθήστε τον πελάτη να χρησιμοποιήσει την αγορά |
| Σώμα | Βήματα ρύθμισης, συμβουλές φροντίδας, σύνδεσμοι υποστήριξης |
| CTA | Διαβάστε τον οδηγό |
Αίτημα κριτικής
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Πώς σας φάνηκε το [product]; |
| Προεπισκόπηση | Μοιραστείτε τη γνώμη σας όταν έχετε προλάβει να το χρησιμοποιήσετε |
| Εισαγωγή | Ζητήστε μια κριτική |
| Σώμα | Γιατί βοηθούν τα σχόλια, σύνδεσμος κριτικής, προαιρετικοί όροι κινήτρου |
| CTA | Αφήστε μια κριτική |
| QA | Ενεργοποιήστε μόνο μετά την παράδοση και ένα εύλογο διάστημα χρήσης |
Επαναπαραγγελία
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Ώρα να ξαναπαραγγείλετε το [product]; |
| Προεπισκόπηση | Βάσει του χρονισμού της προηγούμενης αγοράς σας |
| Εισαγωγή | Χρήσιμη υπενθύμιση επαναπαραγγελίας |
| Σώμα | Προϊόν, ποσότητα, επιλογή συνδρομής, υποστήριξη |
| CTA | Ξαναπαραγγείλετε |
| QA | Αποκλείστε αν ο πελάτης έχει ήδη ξαναπαραγγείλει |
Πρότυπα επανενεργοποίησης
Τα πρότυπα επανενεργοποίησης πρέπει να δίνουν στους συνδρομητές τον έλεγχο. Πολλοί ανενεργοί συνδρομητές δεν χρειάζονται μια πιο δυνατή έκπτωση. Χρειάζονται διαφορετικό περιεχόμενο ή λιγότερα email.
Επαναφορά προτιμήσεων
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Επιλέξτε τι θα λαμβάνετε |
| Προεπισκόπηση | Διαλέξτε θέματα, κανάλια και συχνότητα |
| Εισαγωγή | Ζητήστε ενημέρωση προτιμήσεων |
| Σώμα | Επιλογές θεμάτων, επιλογές συχνότητας, μείωση συχνότητας |
| CTA | Ενημερώστε τις προτιμήσεις |
Προσφορά επανάκτησης
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Σας ενδιαφέρει ακόμα το [category]; |
| Προεπισκόπηση | Επιλέξτε προτιμήσεις ή δείτε τι νέο υπάρχει |
| Εισαγωγή | Έλεγχος συνάφειας |
| Σώμα | Νέα προϊόντα, αλλαγμένη αξία, προαιρετικό κίνητρο |
| CTA | Δείτε τι νέο υπάρχει |
| QA | Αποκλείστε πρόσφατους αγοραστές, όσους παραπονέθηκαν πρόσφατα και επαφές που έχουν διαγραφεί |
Ειδοποίηση λήξης
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Να συνεχίσουμε να σας στέλνουμε [topic]; |
| Προεπισκόπηση | Επιβεβαιώστε το ενδιαφέρον σας ή παύστε τα email |
| Εισαγωγή | Σαφής επιλογή |
| Σώμα | Γιατί ο συνδρομητής λαμβάνει το μήνυμα, επιλογές |
| CTA | Κρατήστε με εγγεγραμμένο |
| Δευτερεύον | Διαγραφή ή παύση |
Πρότυπα ανακοινώσεων
Οι ανακοινώσεις λειτουργούν όταν απαντούν στο τι άλλαξε, γιατί έχει σημασία και τι πρέπει να γίνει στη συνέχεια.
Ενημέρωση προϊόντος
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Νέο: [feature or integration] |
| Προεπισκόπηση | Τι άλλαξε και πώς να το χρησιμοποιήσετε |
| Εισαγωγή | Σύνοψη λειτουργίας |
| Σώμα | Περίπτωση χρήσης, διαθεσιμότητα, βήματα ρύθμισης |
| CTA | Δοκιμάστε τη λειτουργία |
Ενημέρωση πολιτικής ή όρων
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Σημαντική ενημέρωση για [policy] |
| Προεπισκόπηση | Δείτε τι αλλάζει στις [date] |
| Εισαγωγή | Τι άλλαξε |
| Σώμα | Σύνοψη, ημερομηνία έναρξης ισχύος, σύνδεσμος προς τους πλήρεις όρους |
| CTA | Δείτε την ενημέρωση |
| QA | Νομικός έλεγχος, τοπική προσαρμογή και ακρίβεια ημερομηνιών |
Συντήρηση ή περιστατικό
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Προγραμματισμένη συντήρηση στις [date] |
| Προεπισκόπηση | Αναμενόμενη επίδραση και χρονισμός |
| Εισαγωγή | Κατάσταση και χρονισμός |
| Σώμα | Επηρεαζόμενες υπηρεσίες, αναμενόμενη διάρκεια, διαδρομή υποστήριξης |
| CTA | Δείτε τη σελίδα κατάστασης |
Πρότυπα ερευνών και σχολίων
Τα πρότυπα ερευνών πρέπει να κρατούν το αίτημα μικρό και να εξηγούν γιατί έχει σημασία.
Έρευνα NPS ή ικανοποίησης
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Πώς ήταν η εμπειρία σας; |
| Προεπισκόπηση | Μία γρήγορη ερώτηση μάς βοηθά να βελτιωθούμε |
| Εισαγωγή | Αίτημα σχολίων |
| Σώμα | Ερώτηση βαθμολόγησης, προαιρετική προτροπή για σχόλιο |
| CTA | Δώστε τη γνώμη σας |
| QA | Αποφύγετε την υπερβολική έρευνα στον ίδιο πελάτη |
Σχόλια για το προϊόν
| Μπλοκ | Μοτίβο κειμένου |
|---|---|
| Θέμα | Βοηθήστε να διαμορφώσουμε το [product] |
| Προεπισκόπηση | Πείτε μας τι πρέπει να βελτιωθεί στη συνέχεια |
| Εισαγωγή | Αίτημα ειδικά για το προϊόν |
| Σώμα | Θέμα, αναμενόμενος χρόνος, σημείωση απορρήτου |
| CTA | Μοιραστείτε τη γνώμη σας |
Κανόνες προσαρμοστικής σχεδίασης
Οι εφαρμογές email διαφέρουν πολύ μεταξύ τους. Τα πρότυπα πρέπει να είναι βαρετά ανθεκτικά.
Χρησιμοποιήστε αυτούς τους βασικούς κανόνες:
- Σχεδιάστε πρώτα για κινητά με εναλλακτική διάταξη μίας στήλης.
- Κρατήστε το κύριο μήνυμα ορατό χωρίς να βασίζεστε σε εικόνες.
- Χρησιμοποιήστε περιγραφικό εναλλακτικό κείμενο για σημαντικές εικόνες.
- Κάντε τα κουμπιά αρκετά μεγάλα ώστε να πατιούνται άνετα.
- Αποφύγετε μικροσκοπικό γκρι κείμενο για σημαντικούς όρους.
- Χρησιμοποιήστε πραγματικό κείμενο για το βασικό περιεχόμενο αντί για κείμενο ενσωματωμένο σε εικόνες.
- Κρατήστε την αντίθεση στη σκούρη λειτουργία αναγνώσιμη.
- Δοκιμάστε Gmail, Apple Mail, Outlook και τις κυρίαρχες εφαρμογές κινητών για τη λίστα σας.
- Συμπεριλάβετε μια έκδοση απλού κειμένου.
Προσβασιμότητα και συμμόρφωση
Τα πρότυπα πρέπει να υποστηρίζουν την προσβασιμότητα και τις νομικές απαιτήσεις από την αρχή.
Προσθέστε αυτούς τους επαναχρησιμοποιήσιμους ελέγχους:
- Λογική σειρά επικεφαλίδων.
- Περιγραφικό κείμενο συνδέσμων.
- Εναλλακτικό κείμενο για εικόνες με νόημα.
- Επαρκής αντίθεση χρωμάτων.
- Καμία πρόσκληση σε δράση μόνο σε εικόνα.
- Σαφείς σύνδεσμοι διαγραφής και προτιμήσεων για email μάρκετινγκ.
- Ακριβής ταυτότητα αποστολέα.
- Φυσική ταχυδρομική διεύθυνση όπου απαιτείται.
- Μη παραπλανητική γραμμή θέματος και κείμενο προεπισκόπησης.
- Γλώσσα υποσέλιδου προσαρμοσμένη τοπικά για μη αγγλικές εκδόσεις.
Η καθοδήγηση CAN-SPAM της FTC καθιστά τις παραπλανητικές γραμμές θέματος και τον απαιτούμενο χειρισμό διαγραφής κάτι περισσότερο από ζήτημα σχεδίασης. Ενσωματώστε τη συμμόρφωση στα στοιχεία του προτύπου, ώστε οι δημιουργοί καμπανιών να μη χρειάζεται να τη θυμούνται χειροκίνητα.
Δυναμικά πρότυπα με το Tajo και το Brevo
Το Tajo βοηθά τις ομάδες Shopify να χρησιμοποιούν πραγματικά δεδομένα ηλεκτρονικού εμπορίου μέσα στα πρότυπα του Brevo. Αυτό σημαίνει ότι το πρότυπο μπορεί να προσαρμόζεται στο πλαίσιο του κύκλου ζωής χωρίς χειροκίνητες εξαγωγές.
Χρήσιμα πεδία δυναμικών προτύπων:
| Ροή εργασίας | Δυναμικά πεδία |
|---|---|
| Ανάκτηση καλαθιού | Πελάτης, είδη καλαθιού, URL ολοκλήρωσης αγοράς, εικόνα προϊόντος, παραλλαγή |
| Εγκατάλειψη περιήγησης | Προϊόν που είδε, κατηγορία, σχετικά προϊόντα |
| Μετά την αγορά | Παραγγελία, κατάσταση παράδοσης, προϊόν, οδηγός φροντίδας |
| Πιστότητα | Πόντοι, επίπεδο, επιλεξιμότητα ανταμοιβής |
| Επαναπαραγγελία | Προϊόν, ημερομηνία τελευταίας αγοράς, αναμενόμενο διάστημα επαναπαραγγελίας |
| Επιστροφή σε απόθεμα | Προϊόν, παραλλαγή, κατάσταση αποθέματος |
| Επανάκτηση | Κατηγορία τελευταίας αγοράς, προτιμήσεις, κατάσταση αλληλεπίδρασης |
Τα δυναμικά πρότυπα χρειάζονται εναλλακτική λογική. Αν λείπει μια εικόνα, μια τιμή, μια παραλλαγή ή ένα υπόλοιπο πιστότητας, το email πρέπει και πάλι να αποδίδεται επαγγελματικά.
Λίστα ελέγχου QA προτύπων
Χρησιμοποιήστε την πριν εγκρίνετε ένα νέο πρότυπο ή μια σημαντική αλλαγή προτύπου:
- Τα πεδία γραμμής θέματος και κειμένου προεπισκόπησης υπάρχουν και έχουν εναλλακτικές τιμές.
- Τα μπλοκ κεφαλίδας, υποσέλιδου και διαγραφής αποδίδονται σωστά.
- Το κύριο CTA είναι σαφές και παρακολουθείται.
- Κάθε σύνδεσμος λειτουργεί και έχει σωστές παραμέτρους UTM.
- Τα πεδία εξατομίκευσης λειτουργούν με πραγματικές, ελλιπείς και μεγάλες τιμές.
- Τα δυναμικά προϊόντα έχουν εναλλακτική συμπεριφορά.
- Το πρότυπο αποδίδεται σε κινητά και επιτραπέζιους υπολογιστές.
- Η σκούρη λειτουργία είναι αναγνώσιμη.
- Οι εικόνες έχουν χρήσιμο εναλλακτικό κείμενο.
- Υπάρχει έκδοση απλού κειμένου.
- Το νομικό υποσέλιδο, η διεύθυνση, η διαγραφή και οι σύνδεσμοι προτιμήσεων υπάρχουν όπου απαιτείται.
- Τα συναλλακτικά πρότυπα κρατούν σαφείς τις κρίσιμες ενημερώσεις κατάστασης.
- Οι κανόνες αποκλεισμού και συγκατάθεσης ταιριάζουν με τον τύπο του email.
Τελική σύσταση
Δημιουργήστε πρότυπα email όπως ένα σύστημα προϊόντος. Ξεκινήστε με τις εργασίες του κύκλου ζωής, ορίστε επαναχρησιμοποιήσιμα μπλοκ, συνδέστε τα δυναμικά δεδομένα με προσοχή και κάντε το QA μέρος του προτύπου αντί για την τελική βιασύνη πριν την αποστολή.
Για ομάδες ηλεκτρονικού εμπορίου που χρησιμοποιούν Shopify, Brevo και Tajo, τα ισχυρότερα πρότυπα είναι εκείνα που συνδέονται με πραγματικό πλαίσιο πελάτη: καλάθι αποθηκευμένο, προϊόν που είδε, παραγγελία που αποστάλθηκε, ανταμοιβή έτοιμη, επαναπαραγγελία που πλησιάζει ή ανάγκη ενημέρωσης προτιμήσεων. Αυτό το πλαίσιο επιτρέπει στα πρότυπα να είναι χρήσιμα χωρίς να γίνονται εύθραυστα ή υπερβολικά εξατομικευμένα.
Σχετικά άρθρα
- Βιβλιοθήκη παραδειγμάτων γραμμών θέματος email: πρότυπα ανά τύπο καμπάνιας, πρόθεση και κίνδυνο QA (2026)
- Εγχειρίδιο γραμμών θέματος email: προσαρμογή στα εισερχόμενα, δοκιμές, παραδείγματα και QA συμμόρφωσης (2026)
- Οδηγός σχεδίασης email: διάταξη, προσβασιμότητα, στοιχεία, QA απόδοσης και ροή εργασίας δοκιμών (2026)
- Καμπάνιες email marketing: ο πλήρης οδηγός για σχεδιασμό, εκτέλεση και βελτιστοποίηση
- Παραδείγματα συναλλακτικών email: μοτίβα, πρότυπα και λίστα ελέγχου QA (2026)