{"id":9693,"date":"2026-07-29T14:35:15","date_gmt":"2026-07-29T14:35:15","guid":{"rendered":"https:\/\/tradegoai.app\/?post_type=tools&#038;p=9693"},"modified":"2026-07-29T14:35:15","modified_gmt":"2026-07-29T14:35:15","slug":"vorschau-des-e-mail-betreffs-und-des-preheaders","status":"publish","type":"tools","link":"https:\/\/tradegoai.app\/de\/tools\/email-subject-preheader-preview\/","title":{"rendered":"E-Mail-Betreff- und Preheader-Vorschau"},"content":{"rendered":"\t<main\n\t\tid=\"tga-email-preview-1\"\n\t\tclass=\"tga-email-preview\"\n\t\taria-labelledby=\"tga-email-preview-1-title\"\n\t>\n\t\t<style>\n\t\t\t#tga-email-preview-1 {\n\t\t\t\t--tga-tool-navy: #0f1831;\n\t\t\t\t--tga-tool-purple: #6528f7;\n\t\t\t\t--tga-tool-purple-dark: #501bd8;\n\t\t\t\t--tga-tool-lilac: #f2efff;\n\t\t\t\t--tga-tool-muted: #64748b;\n\t\t\t\t--tga-tool-line: #e2e8f0;\n\t\t\t\t--tga-tool-white: #ffffff;\n\t\t\t\t--tga-tool-success: #047857;\n\t\t\t\t--tga-tool-warning: #a16207;\n\t\t\t\t--tga-tool-danger: #b91c1c;\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 1180px;\n\t\t\t\tmargin: 44px auto 72px;\n\t\t\t\tpadding: 0 22px;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tcolor: var(--tga-tool-navy);\n\t\t\t\tfont-family: inherit;\n\t\t\t}\n\t\t\t#tga-email-preview-1 *,\n\t\t\t#tga-email-preview-1 *::before,\n\t\t\t#tga-email-preview-1 *::after { box-sizing: border-box; }\n\t\t\t#tga-email-preview-1 button,\n\t\t\t#tga-email-preview-1 input,\n\t\t\t#tga-email-preview-1 textarea { font: inherit; }\n\t\t\t#tga-email-preview-1 .tga-emlp-hero {\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t\tpadding: 46px 48px;\n\t\t\t\tborder-radius: 22px;\n\t\t\t\tbackground:\n\t\t\t\t\tradial-gradient(circle at 88% 18%, rgba(101, 40, 247, .78), transparent 34%),\n\t\t\t\t\tlinear-gradient(135deg, #081127 0%, #131d42 100%);\n\t\t\t\tcolor: var(--tga-tool-white);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-hero::after {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: -78px;\n\t\t\t\tbottom: -118px;\n\t\t\t\twidth: 320px;\n\t\t\t\theight: 320px;\n\t\t\t\tborder: 1px solid rgba(255, 255, 255, .16);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-eyebrow {\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 1;\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t\tcolor: #cbbcff;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: 800;\n\t\t\t\tletter-spacing: .12em;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-hero h1 {\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 1;\n\t\t\t\tmax-width: 980px;\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--tga-tool-white);\n\t\t\t\tfont-size: clamp(36px, 5.5vw, 62px);\n\t\t\t\tline-height: 1.03;\n\t\t\t\tletter-spacing: -.04em;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-hero p {\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 1;\n\t\t\t\tmax-width: 860px;\n\t\t\t\tmargin: 20px 0 0;\n\t\t\t\tcolor: #dce4ff;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tline-height: 1.65;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-workspace {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\n\t\t\t\tgap: 24px;\n\t\t\t\tmargin-top: 28px;\n\t\t\t\talign-items: start;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-panel,\n\t\t\t#tga-email-preview-1 .tga-emlp-section {\n\t\t\t\tmin-width: 0;\n\t\t\t\tborder: 1px solid var(--tga-tool-line);\n\t\t\t\tborder-radius: 18px;\n\t\t\t\tbackground: var(--tga-tool-white);\n\t\t\t\tbox-shadow: 0 16px 45px rgba(15, 24, 49, .06);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-panel { padding: 28px; }\n\t\t\t#tga-email-preview-1 .tga-emlp-section {\n\t\t\t\tmargin-top: 28px;\n\t\t\t\tpadding: 30px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-panel h2,\n\t\t\t#tga-email-preview-1 .tga-emlp-section h2 {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--tga-tool-navy);\n\t\t\t\tfont-size: 25px;\n\t\t\t\tline-height: 1.25;\n\t\t\t\tletter-spacing: -.02em;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-copy {\n\t\t\t\tmargin: 9px 0 0;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tline-height: 1.65;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-fields {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t\t\t\tgap: 17px;\n\t\t\t\tmargin-top: 22px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-field.is-wide { grid-column: 1 \/ -1; }\n\t\t\t#tga-email-preview-1 .tga-emlp-field label {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-bottom: 7px;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 750;\n\t\t\t\tline-height: 1.4;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-field input,\n\t\t\t#tga-email-preview-1 .tga-emlp-field textarea {\n\t\t\t\twidth: 100%;\n\t\t\t\tmin-height: 48px;\n\t\t\t\tpadding: 10px 13px;\n\t\t\t\tborder: 1px solid #cbd5e1;\n\t\t\t\tborder-radius: 10px;\n\t\t\t\tbackground: var(--tga-tool-white);\n\t\t\t\tcolor: var(--tga-tool-navy);\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-field textarea {\n\t\t\t\tmin-height: 92px;\n\t\t\t\tresize: vertical;\n\t\t\t\tline-height: 1.55;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-field input:focus,\n\t\t\t#tga-email-preview-1 .tga-emlp-field textarea:focus {\n\t\t\t\tborder-color: var(--tga-tool-purple);\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(101, 40, 247, .12);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-help {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-top: 6px;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tfont-size: 12px;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-check {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 10px;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tmargin-top: 17px;\n\t\t\t\tcolor: #344054;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: 650;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-check input {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tmargin: 1px 0 0;\n\t\t\t\taccent-color: var(--tga-tool-purple);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-primary {\n\t\t\t\twidth: 100%;\n\t\t\t\tmin-height: 50px;\n\t\t\t\tmargin-top: 22px;\n\t\t\t\tpadding: 12px 18px;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 10px;\n\t\t\t\tbackground: var(--tga-tool-purple);\n\t\t\t\tcolor: var(--tga-tool-white);\n\t\t\t\tfont-weight: 800;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: background .18s ease, transform .18s ease;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-primary:hover {\n\t\t\t\tbackground: var(--tga-tool-purple-dark);\n\t\t\t\ttransform: translateY(-1px);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-status {\n\t\t\t\tmin-height: 22px;\n\t\t\t\tmargin: 12px 0 0;\n\t\t\t\tcolor: var(--tga-tool-success);\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-status.is-error { color: var(--tga-tool-danger); }\n\t\t\t#tga-email-preview-1 .tga-emlp-switch {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tgap: 4px;\n\t\t\t\tmargin-top: 18px;\n\t\t\t\tpadding: 4px;\n\t\t\t\tborder: 1px solid var(--tga-tool-line);\n\t\t\t\tborder-radius: 11px;\n\t\t\t\tbackground: #f8fafc;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-switch button {\n\t\t\t\tmin-height: 40px;\n\t\t\t\tpadding: 8px 14px;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tbackground: transparent;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tfont-weight: 750;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-switch button[aria-pressed=\"true\"] {\n\t\t\t\tbackground: var(--tga-tool-white);\n\t\t\t\tcolor: var(--tga-tool-purple-dark);\n\t\t\t\tbox-shadow: 0 2px 9px rgba(15, 24, 49, .1);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox-shell {\n\t\t\t\tmargin-top: 18px;\n\t\t\t\tpadding: 18px;\n\t\t\t\toverflow: hidden;\n\t\t\t\tborder: 1px solid var(--tga-tool-line);\n\t\t\t\tborder-radius: 14px;\n\t\t\t\tbackground: #f4f7fb;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox {\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\toverflow: hidden;\n\t\t\t\tborder: 1px solid #d9e1ec;\n\t\t\t\tborder-radius: 12px;\n\t\t\t\tbackground: var(--tga-tool-white);\n\t\t\t\tbox-shadow: 0 12px 32px rgba(15, 24, 49, .08);\n\t\t\t\ttransition: max-width .2s ease;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox.is-mobile { max-width: 390px; }\n\t\t\t#tga-email-preview-1 .tga-emlp-toolbar {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 7px;\n\t\t\t\theight: 37px;\n\t\t\t\tpadding: 0 13px;\n\t\t\t\talign-items: center;\n\t\t\t\tborder-bottom: 1px solid var(--tga-tool-line);\n\t\t\t\tbackground: #f8fafc;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-dot {\n\t\t\t\twidth: 7px;\n\t\t\t\theight: 7px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: #cbd5e1;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-message {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: minmax(105px, .7fr) minmax(0, 2.3fr) auto;\n\t\t\t\tgap: 12px;\n\t\t\t\tmin-height: 78px;\n\t\t\t\tpadding: 14px 16px;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox.is-mobile .tga-emlp-message {\n\t\t\t\tgrid-template-columns: minmax(0, 1fr) auto;\n\t\t\t\tgap: 5px 10px;\n\t\t\t\tmin-height: 105px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-sender,\n\t\t\t#tga-email-preview-1 .tga-emlp-subject,\n\t\t\t#tga-email-preview-1 .tga-emlp-preheader,\n\t\t\t#tga-email-preview-1 .tga-emlp-email {\n\t\t\t\tmin-width: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-sender {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 750;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-line {\n\t\t\t\tdisplay: flex;\n\t\t\t\tmin-width: 0;\n\t\t\t\tgap: 6px;\n\t\t\t\talign-items: baseline;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-subject {\n\t\t\t\tflex: 0 1 auto;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 750;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-preheader {\n\t\t\t\tflex: 1 1 auto;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-time {\n\t\t\t\talign-self: start;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tfont-size: 12px;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-email {\n\t\t\t\tdisplay: none;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox.is-mobile .tga-emlp-sender {\n\t\t\t\tgrid-column: 1;\n\t\t\t\tgrid-row: 1;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox.is-mobile .tga-emlp-time {\n\t\t\t\tgrid-column: 2;\n\t\t\t\tgrid-row: 1;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox.is-mobile .tga-emlp-line {\n\t\t\t\tgrid-column: 1 \/ -1;\n\t\t\t\tgrid-row: 2;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox.is-mobile .tga-emlp-email {\n\t\t\t\tdisplay: block;\n\t\t\t\tgrid-column: 1 \/ -1;\n\t\t\t\tgrid-row: 3;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox.is-read .tga-emlp-sender,\n\t\t\t#tga-email-preview-1 .tga-emlp-inbox.is-read .tga-emlp-subject { font-weight: 500; }\n\t\t\t#tga-email-preview-1 .tga-emlp-metrics {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(3, minmax(0, 1fr));\n\t\t\t\tgap: 10px;\n\t\t\t\tmargin-top: 16px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-metric {\n\t\t\t\tmin-width: 0;\n\t\t\t\tpadding: 13px 14px;\n\t\t\t\tborder: 1px solid var(--tga-tool-line);\n\t\t\t\tborder-radius: 11px;\n\t\t\t\tbackground: #f8fafc;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-metric span {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-bottom: 4px;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tfont-size: 11px;\n\t\t\t\tfont-weight: 800;\n\t\t\t\tletter-spacing: .04em;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-metric strong {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-actions {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: 10px;\n\t\t\t\tmargin-top: 18px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-action {\n\t\t\t\tmin-height: 42px;\n\t\t\t\tpadding: 9px 14px;\n\t\t\t\tborder: 1px solid #cbd5e1;\n\t\t\t\tborder-radius: 9px;\n\t\t\t\tbackground: var(--tga-tool-white);\n\t\t\t\tcolor: var(--tga-tool-navy);\n\t\t\t\tfont-weight: 750;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-action:hover {\n\t\t\t\tborder-color: var(--tga-tool-purple);\n\t\t\t\tcolor: var(--tga-tool-purple-dark);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-note {\n\t\t\t\tmargin: 14px 0 0;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tfont-size: 12px;\n\t\t\t\tline-height: 1.6;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-info-grid,\n\t\t\t#tga-email-preview-1 .tga-emlp-related-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(3, minmax(0, 1fr));\n\t\t\t\tgap: 16px;\n\t\t\t\tmargin-top: 20px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-info,\n\t\t\t#tga-email-preview-1 .tga-emlp-related {\n\t\t\t\tpadding: 20px;\n\t\t\t\tborder: 1px solid var(--tga-tool-line);\n\t\t\t\tborder-radius: 13px;\n\t\t\t\tbackground: var(--tga-tool-white);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-info strong,\n\t\t\t#tga-email-preview-1 .tga-emlp-related strong {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-bottom: 8px;\n\t\t\t\tfont-size: 17px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-info p,\n\t\t\t#tga-email-preview-1 .tga-emlp-related p {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tline-height: 1.6;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-related {\n\t\t\t\tcolor: inherit;\n\t\t\t\ttext-decoration: none;\n\t\t\t\ttransition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-related:hover,\n\t\t\t#tga-email-preview-1 .tga-emlp-related:focus-visible {\n\t\t\t\tborder-color: var(--tga-tool-purple);\n\t\t\t\tbox-shadow: 0 10px 24px rgba(15, 24, 49, .08);\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-cta {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: minmax(0, 1fr) auto;\n\t\t\t\tgap: 24px;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground: linear-gradient(135deg, var(--tga-tool-navy), #34206f);\n\t\t\t\tcolor: var(--tga-tool-white);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-cta h2 { color: var(--tga-tool-white); }\n\t\t\t#tga-email-preview-1 .tga-emlp-cta p {\n\t\t\t\tmax-width: 720px;\n\t\t\t\tcolor: #dce4ff;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-cta a {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmin-height: 48px;\n\t\t\t\tpadding: 12px 18px;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-radius: 10px;\n\t\t\t\tbackground: var(--tga-tool-white);\n\t\t\t\tcolor: var(--tga-tool-navy);\n\t\t\t\tfont-weight: 800;\n\t\t\t\ttext-decoration: none;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-faq {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: 10px;\n\t\t\t\tmargin-top: 17px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-faq details {\n\t\t\t\tborder: 1px solid var(--tga-tool-line);\n\t\t\t\tborder-radius: 12px;\n\t\t\t\tbackground: var(--tga-tool-white);\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-faq summary {\n\t\t\t\tpadding: 16px 18px;\n\t\t\t\tfont-weight: 800;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-faq details p {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0 18px 18px;\n\t\t\t\tcolor: var(--tga-tool-muted);\n\t\t\t\tline-height: 1.7;\n\t\t\t}\n\t\t\t#tga-email-preview-1 button:focus-visible,\n\t\t\t#tga-email-preview-1 a:focus-visible,\n\t\t\t#tga-email-preview-1 summary:focus-visible,\n\t\t\t#tga-email-preview-1 input:focus-visible,\n\t\t\t#tga-email-preview-1 textarea:focus-visible {\n\t\t\t\toutline: 3px solid rgba(101, 40, 247, .24);\n\t\t\t\toutline-offset: 3px;\n\t\t\t}\n\t\t\t#tga-email-preview-1 .tga-emlp-i18n {\n\t\t\t\tposition: absolute !important;\n\t\t\t\twidth: 1px !important;\n\t\t\t\theight: 1px !important;\n\t\t\t\toverflow: hidden !important;\n\t\t\t\tclip: rect(0 0 0 0) !important;\n\t\t\t\tclip-path: inset(50%) !important;\n\t\t\t\twhite-space: nowrap !important;\n\t\t\t}\n\t\t\t@media (max-width: 900px) {\n\t\t\t\t#tga-email-preview-1 .tga-emlp-workspace,\n\t\t\t\t#tga-email-preview-1 .tga-emlp-cta { grid-template-columns: 1fr; }\n\t\t\t\t#tga-email-preview-1 .tga-emlp-info-grid,\n\t\t\t\t#tga-email-preview-1 .tga-emlp-related-grid { grid-template-columns: 1fr; }\n\t\t\t}\n\t\t\t@media (max-width: 600px) {\n\t\t\t\t#tga-email-preview-1 {\n\t\t\t\t\tmargin-top: 24px;\n\t\t\t\t\tpadding: 0 15px;\n\t\t\t\t}\n\t\t\t\t#tga-email-preview-1 .tga-emlp-hero {\n\t\t\t\t\tpadding: 31px 23px;\n\t\t\t\t\tborder-radius: 16px;\n\t\t\t\t}\n\t\t\t\t#tga-email-preview-1 .tga-emlp-hero h1 { font-size: 39px; }\n\t\t\t\t#tga-email-preview-1 .tga-emlp-hero p { font-size: 16px; }\n\t\t\t\t#tga-email-preview-1 .tga-emlp-panel,\n\t\t\t\t#tga-email-preview-1 .tga-emlp-section { padding: 22px 18px; }\n\t\t\t\t#tga-email-preview-1 .tga-emlp-fields,\n\t\t\t\t#tga-email-preview-1 .tga-emlp-metrics { grid-template-columns: 1fr; }\n\t\t\t\t#tga-email-preview-1 .tga-emlp-field.is-wide { grid-column: auto; }\n\t\t\t\t#tga-email-preview-1 .tga-emlp-field input,\n\t\t\t\t#tga-email-preview-1 .tga-emlp-field textarea { font-size: 16px; }\n\t\t\t\t#tga-email-preview-1 .tga-emlp-switch {\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\tgrid-template-columns: 1fr 1fr;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t#tga-email-preview-1 .tga-emlp-actions { display: grid; }\n\t\t\t\t#tga-email-preview-1 .tga-emlp-action,\n\t\t\t\t#tga-email-preview-1 .tga-emlp-cta a { width: 100%; }\n\t\t\t}\n\t\t<\/style>\n\n\t\t<header class=\"tga-emlp-hero\">\n\t\t\t<div class=\"tga-emlp-eyebrow\">Improve the Inbox First Impression<\/div>\n\t\t\t<h1 id=\"tga-email-preview-1-title\">Email Subject &amp; Preheader Preview<\/h1>\n\t\t\t<p>Preview how your sender name, email subject, and preheader work together across desktop and mobile inbox layouts before you send.<\/p>\n\t\t<\/header>\n\n\t\t<div class=\"tga-emlp-workspace\">\n\t\t\t<form class=\"tga-emlp-panel\" novalidate>\n\t\t\t\t<h2>Email Preview Details<\/h2>\n\t\t\t\t<p class=\"tga-emlp-copy\">Enter the information recipients may see before opening the email.<\/p>\n\n\t\t\t\t<div class=\"tga-emlp-fields\">\n\t\t\t\t\t<div class=\"tga-emlp-field\">\n\t\t\t\t\t\t<label for=\"tga-email-preview-1-sender\">Sender Name<\/label>\n\t\t\t\t\t\t<input id=\"tga-email-preview-1-sender\" name=\"sender\" type=\"text\" maxlength=\"120\" value=\"TradeGoAI\" required>\n\t\t\t\t\t\t<span class=\"tga-emlp-help\">Use the recognizable name recipients expect to see.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"tga-emlp-field\">\n\t\t\t\t\t\t<label for=\"tga-email-preview-1-email\">Sender Email<\/label>\n\t\t\t\t\t\t<input id=\"tga-email-preview-1-email\" name=\"email\" type=\"email\" maxlength=\"254\" value=\"info@tradegoai.app\" required>\n\t\t\t\t\t\t<span class=\"tga-emlp-help\">Used only in this browser preview and downloaded brief.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"tga-emlp-field is-wide\">\n\t\t\t\t\t\t<label for=\"tga-email-preview-1-subject\">Email Subject<\/label>\n\t\t\t\t\t\t<input id=\"tga-email-preview-1-subject\" name=\"subject\" type=\"text\" maxlength=\"300\" value=\"Find verified buyers for your next export market\" required>\n\t\t\t\t\t\t<span class=\"tga-emlp-help\">Put the main reason to open near the beginning.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"tga-emlp-field is-wide\">\n\t\t\t\t\t\t<label for=\"tga-email-preview-1-preheader\">Preheader<\/label>\n\t\t\t\t\t\t<textarea id=\"tga-email-preview-1-preheader\" name=\"preheader\" maxlength=\"500\">Research companies, prepare outreach, and move international deals forward.<\/textarea>\n\t\t\t\t\t\t<span class=\"tga-emlp-help\">Add useful context instead of repeating the subject.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<label class=\"tga-emlp-check\">\n\t\t\t\t\t<input type=\"checkbox\" name=\"unread\" checked>\n\t\t\t\t\t<span>Show the message as unread.<\/span>\n\t\t\t\t<\/label>\n\n\t\t\t\t<button class=\"tga-emlp-primary\" type=\"submit\">Update Inbox Preview<\/button>\n\t\t\t\t<div class=\"tga-emlp-status\" role=\"status\" aria-live=\"polite\"><\/div>\n\t\t\t<\/form>\n\n\t\t\t<section class=\"tga-emlp-panel\" aria-labelledby=\"tga-email-preview-1-preview-title\">\n\t\t\t\t<h2 id=\"tga-email-preview-1-preview-title\">Inbox Preview<\/h2>\n\t\t\t\t<p class=\"tga-emlp-copy\">Switch layouts to review hierarchy and likely truncation at different widths.<\/p>\n\n\t\t\t\t<div class=\"tga-emlp-switch\" role=\"group\" aria-label=\"Preview layout\">\n\t\t\t\t\t<button type=\"button\" data-device=\"desktop\" aria-pressed=\"true\">Desktop<\/button>\n\t\t\t\t\t<button type=\"button\" data-device=\"mobile\" aria-pressed=\"false\">Mobile<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"tga-emlp-inbox-shell\">\n\t\t\t\t\t<div class=\"tga-emlp-inbox\">\n\t\t\t\t\t\t<div class=\"tga-emlp-toolbar\" aria-hidden=\"true\"><span class=\"tga-emlp-dot\"><\/span><span class=\"tga-emlp-dot\"><\/span><span class=\"tga-emlp-dot\"><\/span><\/div>\n\t\t\t\t\t\t<div class=\"tga-emlp-message\">\n\t\t\t\t\t\t\t<div class=\"tga-emlp-sender\">TradeGoAI<\/div>\n\t\t\t\t\t\t\t<div class=\"tga-emlp-line\">\n\t\t\t\t\t\t\t\t<span class=\"tga-emlp-subject\">Find verified buyers for your next export market<\/span>\n\t\t\t\t\t\t\t\t<span class=\"tga-emlp-preheader\">\u2014 Research companies, prepare outreach, and move international deals forward.<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"tga-emlp-time\">Today<\/div>\n\t\t\t\t\t\t\t<div class=\"tga-emlp-email\">info@tradegoai.app<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"tga-emlp-metrics\">\n\t\t\t\t\t<div class=\"tga-emlp-metric\"><span>Subject Characters<\/span><strong data-metric=\"subject-characters\">48<\/strong><\/div>\n\t\t\t\t\t<div class=\"tga-emlp-metric\"><span>Subject Words<\/span><strong data-metric=\"subject-words\">8<\/strong><\/div>\n\t\t\t\t\t<div class=\"tga-emlp-metric\"><span>Preheader Characters<\/span><strong data-metric=\"preheader-characters\">75<\/strong><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"tga-emlp-actions\">\n\t\t\t\t\t<button class=\"tga-emlp-action\" data-action=\"copy\" type=\"button\">Copy Email Brief<\/button>\n\t\t\t\t\t<button class=\"tga-emlp-action\" data-action=\"download\" type=\"button\">Download TXT<\/button>\n\t\t\t\t\t<button class=\"tga-emlp-action\" data-action=\"reset\" type=\"button\">Reset<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<p class=\"tga-emlp-note\">Inbox rendering varies by client, device, font, width, account settings, and message metadata. Use this preview to compare wording, not as a pixel-perfect guarantee.<\/p>\n\t\t\t<\/section>\n\t\t<\/div>\n\n\t\t<section class=\"tga-emlp-section\">\n\t\t\t<h2>How to Review the Inbox Message<\/h2>\n\t\t\t<p class=\"tga-emlp-copy\">Read the subject and preheader as one short sequence, then check what remains visible in the narrower layout.<\/p>\n\t\t\t<div class=\"tga-emlp-info-grid\">\n\t\t\t\t<div class=\"tga-emlp-info\"><strong>1. Lead With the Main Value<\/strong><p>Put the most important product, offer, update, or action near the beginning of the subject.<\/p><\/div>\n\t\t\t\t<div class=\"tga-emlp-info\"><strong>2. Add New Context<\/strong><p>Use the preheader to explain the benefit, audience, deadline, or next step without copying the subject.<\/p><\/div>\n\t\t\t\t<div class=\"tga-emlp-info\"><strong>3. Compare Both Layouts<\/strong><p>Check whether the first visible words still communicate a complete and accurate idea on mobile.<\/p><\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section class=\"tga-emlp-section\">\n\t\t\t<h2>Preview and Data Guidance<\/h2>\n\t\t\t<p class=\"tga-emlp-copy\">The preview helps you review copy structure, but delivery and rendering still depend on your email platform and recipient environment.<\/p>\n\t\t\t<div class=\"tga-emlp-info-grid\">\n\t\t\t\t<div class=\"tga-emlp-info\"><strong>Generic Inbox Layout<\/strong><p>This tool does not claim to reproduce a specific email provider. Available width and truncation vary across real inboxes.<\/p><\/div>\n\t\t\t\t<div class=\"tga-emlp-info\"><strong>Processed in Your Browser<\/strong><p>The entered sender details and message copy are not sent to TradeGoAI or saved by this tool.<\/p><\/div>\n\t\t\t\t<div class=\"tga-emlp-info\"><strong>Test the Real Campaign<\/strong><p>Send a test email to the devices and inboxes important to your audience before scheduling a campaign.<\/p><\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section class=\"tga-emlp-section tga-emlp-cta\">\n\t\t\t<div>\n\t\t\t\t<div class=\"tga-emlp-eyebrow\">TradeGoAI Services<\/div>\n\t\t\t\t<h2>Build Campaign Assets Around a Clearer Market Message<\/h2>\n\t\t\t\t<p class=\"tga-emlp-copy\">Explore services for international market research, content systems, sales assets, trade documentation, and measurable visibility growth.<\/p>\n\t\t\t<\/div>\n\t\t\t<a href=\"https:\/\/tradegoai.app\/de\/services\/\">Explore Services \u2192<\/a>\n\t\t<\/section>\n\n\t\t<section class=\"tga-emlp-section\" aria-labelledby=\"tga-email-preview-1-faq-title\">\n\t\t\t<h2 id=\"tga-email-preview-1-faq-title\">Frequently Asked Questions<\/h2>\n\t\t\t<p class=\"tga-emlp-copy\">Understand what the preview represents, why layouts differ, and how the entered content is handled.<\/p>\n\t\t\t<div class=\"tga-emlp-faq\">\n\t\t\t\t\t\t\t\t\t<details>\n\t\t\t\t\t\t<summary>What does an email preheader do?<\/summary>\n\t\t\t\t\t\t<p>A preheader is the supporting text many inboxes show beside or below the subject line. It can add context, complete the idea, or clarify what the reader will find after opening.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details>\n\t\t\t\t\t\t<summary>Is this an exact Gmail or Outlook preview?<\/summary>\n\t\t\t\t\t\t<p>No. This is a generic inbox preview for checking hierarchy, clarity, repetition, and likely truncation. Actual display varies by email client, device, font, inbox width, and user settings.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details>\n\t\t\t\t\t\t<summary>Why does the visible text change between desktop and mobile?<\/summary>\n\t\t\t\t\t\t<p>Mobile inboxes usually have less horizontal space. The preview changes width so you can see which words are likely to remain visible when the available space becomes tighter.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details>\n\t\t\t\t\t\t<summary>Does this tool send or save my email content?<\/summary>\n\t\t\t\t\t\t<p>No. The sender details, subject, and preheader are used only to build the preview in your browser. This tool does not send an email or store the entered content.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details>\n\t\t\t\t\t\t<summary>Should the subject and preheader repeat the same message?<\/summary>\n\t\t\t\t\t\t<p>Usually they work better as a pair. Use the subject for the main reason to open and the preheader for useful supporting detail instead of repeating the same sentence.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section class=\"tga-emlp-section\" aria-labelledby=\"tga-email-preview-1-related-title\">\n\t\t\t<h2 id=\"tga-email-preview-1-related-title\">Related Free Tools<\/h2>\n\t\t\t<p class=\"tga-emlp-copy\">Continue from inbox copy into campaign tracking, optimized images, and search presentation.<\/p>\n\t\t\t<div class=\"tga-emlp-related-grid\">\n\t\t\t\t<a class=\"tga-emlp-related\" href=\"https:\/\/tradegoai.app\/de\/tools\/utm-campaign-builder\/\"><strong>UTM Campaign Builder<\/strong><p>Build consistent tracking links for email, social, partner, and paid campaigns.<\/p><\/a>\n\t\t\t\t<a class=\"tga-emlp-related\" href=\"https:\/\/tradegoai.app\/de\/tools\/image-compressor-webp-converter\/\"><strong>Image Compressor &amp; WebP Converter<\/strong><p>Compress campaign and website images locally and download smaller WebP files.<\/p><\/a>\n\t\t\t\t<a class=\"tga-emlp-related\" href=\"https:\/\/tradegoai.app\/de\/tools\/seo-title-meta-preview\/\"><strong>SEO Title &amp; Meta Preview<\/strong><p>Preview page titles and descriptions across desktop and mobile search layouts.<\/p><\/a>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<div class=\"tga-emlp-i18n\" aria-hidden=\"true\">\n\t\t\t<span data-key=\"required\">Enter a sender name, valid sender email, and email subject.<\/span>\n\t\t\t<span data-key=\"updated\">Inbox preview updated.<\/span>\n\t\t\t<span data-key=\"copied\">Email brief copied.<\/span>\n\t\t\t<span data-key=\"copyError\">Copy is unavailable in this browser. Select and copy the email details manually.<\/span>\n\t\t\t<span data-key=\"downloaded\">Email brief downloaded.<\/span>\n\t\t\t<span data-key=\"reset\">Email details and preview reset.<\/span>\n\t\t\t<span data-key=\"noPreheader\">No preheader entered<\/span>\n\t\t\t<span data-key=\"from\">Sender Name<\/span>\n\t\t\t<span data-key=\"email\">Sender Email<\/span>\n\t\t\t<span data-key=\"subject\">Email Subject<\/span>\n\t\t\t<span data-key=\"preheader\">Preheader<\/span>\n\t\t\t<span data-key=\"state\">Message State<\/span>\n\t\t\t<span data-key=\"unread\">Unread<\/span>\n\t\t\t<span data-key=\"read\">Read<\/span>\n\t\t<\/div>\n\n\t\t<script>\n\t\t(function () {\n\t\t\tconst root = document.getElementById(\"tga-email-preview-1\");\n\t\t\tif (!root || root.dataset.ready === '1') return;\n\t\t\troot.dataset.ready = '1';\n\n\t\t\tconst form = root.querySelector('form');\n\t\t\tconst status = root.querySelector('.tga-emlp-status');\n\t\t\tconst inbox = root.querySelector('.tga-emlp-inbox');\n\t\t\tconst previewSender = root.querySelector('.tga-emlp-sender');\n\t\t\tconst previewEmail = root.querySelector('.tga-emlp-email');\n\t\t\tconst previewSubject = root.querySelector('.tga-emlp-subject');\n\t\t\tconst previewPreheader = root.querySelector('.tga-emlp-preheader');\n\t\t\tconst labels = {};\n\t\t\tlet currentBrief = '';\n\n\t\t\troot.querySelectorAll('.tga-emlp-i18n [data-key]').forEach(function (node) {\n\t\t\t\tlabels[node.dataset.key] = node.textContent.trim();\n\t\t\t});\n\n\t\t\tconst defaults = {};\n\t\t\tArray.from(form.elements).forEach(function (field) {\n\t\t\t\tif (!field.name) return;\n\t\t\t\tdefaults[field.name] = field.type === 'checkbox' ? field.checked : field.value;\n\t\t\t});\n\n\t\t\tfunction clean(value) {\n\t\t\t\treturn String(value || '').normalize('NFKC').replace(\/\\s+\/g, ' ').trim();\n\t\t\t}\n\n\t\t\tfunction countWords(value) {\n\t\t\t\tconst text = clean(value);\n\t\t\t\treturn text ? text.split(\/\\s+\/u).length : 0;\n\t\t\t}\n\n\t\t\tfunction setStatus(message, isError) {\n\t\t\t\tstatus.textContent = message || '';\n\t\t\t\tstatus.classList.toggle('is-error', Boolean(isError));\n\t\t\t}\n\n\t\t\tfunction values() {\n\t\t\t\tconst data = new FormData(form);\n\t\t\t\treturn {\n\t\t\t\t\tsender: clean(data.get('sender')),\n\t\t\t\t\temail: clean(data.get('email')),\n\t\t\t\t\tsubject: clean(data.get('subject')),\n\t\t\t\t\tpreheader: clean(data.get('preheader')),\n\t\t\t\t\tunread: data.has('unread')\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tfunction validEmail(value) {\n\t\t\t\treturn \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(value);\n\t\t\t}\n\n\t\t\tfunction render(showStatus) {\n\t\t\t\tconst data = values();\n\t\t\t\tif (!data.sender || !data.subject || !validEmail(data.email)) {\n\t\t\t\t\tsetStatus(labels.required, true);\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tpreviewSender.textContent = data.sender;\n\t\t\t\tpreviewEmail.textContent = data.email;\n\t\t\t\tpreviewSubject.textContent = data.subject;\n\t\t\t\tpreviewPreheader.textContent = '\u2014 ' + (data.preheader || labels.noPreheader);\n\t\t\t\tinbox.classList.toggle('is-read', !data.unread);\n\t\t\t\troot.querySelector('[data-metric=\"subject-characters\"]').textContent = Array.from(data.subject).length;\n\t\t\t\troot.querySelector('[data-metric=\"subject-words\"]').textContent = countWords(data.subject);\n\t\t\t\troot.querySelector('[data-metric=\"preheader-characters\"]').textContent = Array.from(data.preheader).length;\n\n\t\t\t\tcurrentBrief = [\n\t\t\t\t\tlabels.from + ': ' + data.sender,\n\t\t\t\t\tlabels.email + ': ' + data.email,\n\t\t\t\t\tlabels.subject + ': ' + data.subject,\n\t\t\t\t\tlabels.preheader + ': ' + (data.preheader || labels.noPreheader),\n\t\t\t\t\tlabels.state + ': ' + (data.unread ? labels.unread : labels.read)\n\t\t\t\t].join('\\n');\n\n\t\t\t\tif (showStatus) setStatus(labels.updated, false);\n\t\t\t\telse setStatus('', false);\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tasync function copyBrief() {\n\t\t\t\tif (!render(false)) return;\n\t\t\t\ttry {\n\t\t\t\t\tif (navigator.clipboard && window.isSecureContext) {\n\t\t\t\t\t\tawait navigator.clipboard.writeText(currentBrief);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst helper = document.createElement('textarea');\n\t\t\t\t\t\thelper.value = currentBrief;\n\t\t\t\t\t\thelper.setAttribute('readonly', '');\n\t\t\t\t\t\thelper.style.position = 'fixed';\n\t\t\t\t\t\thelper.style.opacity = '0';\n\t\t\t\t\t\tdocument.body.appendChild(helper);\n\t\t\t\t\t\thelper.select();\n\t\t\t\t\t\tif (!document.execCommand('copy')) throw new Error('copy');\n\t\t\t\t\t\thelper.remove();\n\t\t\t\t\t}\n\t\t\t\t\tsetStatus(labels.copied, false);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tsetStatus(labels.copyError, true);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction downloadBrief() {\n\t\t\t\tif (!render(false)) return;\n\t\t\t\tconst blob = new Blob(['\\uFEFF' + currentBrief], { type: 'text\/plain;charset=utf-8' });\n\t\t\t\tconst objectUrl = URL.createObjectURL(blob);\n\t\t\t\tconst link = document.createElement('a');\n\t\t\t\tlink.href = objectUrl;\n\t\t\t\tlink.download = 'email-subject-preheader-brief.txt';\n\t\t\t\tdocument.body.appendChild(link);\n\t\t\t\tlink.click();\n\t\t\t\tlink.remove();\n\t\t\t\tURL.revokeObjectURL(objectUrl);\n\t\t\t\tsetStatus(labels.downloaded, false);\n\t\t\t}\n\n\t\t\tfunction resetTool() {\n\t\t\t\tArray.from(form.elements).forEach(function (field) {\n\t\t\t\t\tif (!field.name || !(field.name in defaults)) return;\n\t\t\t\t\tif (field.type === 'checkbox') field.checked = defaults[field.name];\n\t\t\t\t\telse field.value = defaults[field.name];\n\t\t\t\t});\n\t\t\t\troot.querySelector('[data-device=\"desktop\"]').click();\n\t\t\t\trender(false);\n\t\t\t\tsetStatus(labels.reset, false);\n\t\t\t}\n\n\t\t\tform.addEventListener('submit', function (event) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\trender(true);\n\t\t\t});\n\t\t\troot.querySelectorAll('[data-device]').forEach(function (button) {\n\t\t\t\tbutton.addEventListener('click', function () {\n\t\t\t\t\tconst mobile = button.dataset.device === 'mobile';\n\t\t\t\t\tinbox.classList.toggle('is-mobile', mobile);\n\t\t\t\t\troot.querySelectorAll('[data-device]').forEach(function (item) {\n\t\t\t\t\t\titem.setAttribute('aria-pressed', item === button ? 'true' : 'false');\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t\troot.querySelector('[data-action=\"copy\"]').addEventListener('click', copyBrief);\n\t\t\troot.querySelector('[data-action=\"download\"]').addEventListener('click', downloadBrief);\n\t\t\troot.querySelector('[data-action=\"reset\"]').addEventListener('click', resetTool);\n\t\t\trender(false);\n\t\t})();\n\t\t<\/script>\n\t<\/main>\n\t\n","protected":false},"excerpt":{"rendered":"<p>Sehen Sie vor dem Versand in Desktop- und mobilen Posteingangslayouts, wie Absendername, E-Mail-Betreff und Preheader zusammenwirken.<\/p>","protected":false},"featured_media":9695,"template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"spectra_gs_classes":"[\"\"]"},"tool_categories":[33,50],"class_list":["post-9693","tools","type-tools","status-publish","has-post-thumbnail","hentry","tool_categories-content-creation","tool_categories-marketing-content-utilities"],"spectra_custom_meta":{"spectra_gs_classes":["[\"\"]"],"rank_math_internal_links_processed":["1"],"site-post-title":["disabled"],"ast-breadcrumbs-content":["disabled"],"_thumbnail_id":["9695"],"rank_math_title":["%title% %sep% %sitename%"],"rank_math_description":["%excerpt%"],"rank_math_robots":["a:2:{i:0;s:5:\"index\";i:1;s:6:\"follow\";}"],"rank_math_facebook_image":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share.webp"],"rank_math_facebook_image_id":["9695"],"rank_math_twitter_use_facebook":["on"],"rank_math_twitter_card_type":["summary_large_image"],"rank_math_schema_SoftwareApplication":["a:7:{s:5:\"@type\";s:19:\"SoftwareApplication\";s:4:\"name\";s:33:\"Email Subject & Preheader Preview\";s:11:\"description\";s:129:\"Preview how your sender name, email subject, and preheader work together across desktop and mobile inbox layouts before you send.\";s:3:\"url\";s:60:\"https:\/\/tradegoai.app\/tools\/email-subject-preheader-preview\/\";s:19:\"applicationCategory\";s:19:\"BusinessApplication\";s:15:\"operatingSystem\";s:11:\"Web Browser\";s:6:\"offers\";a:3:{s:5:\"@type\";s:5:\"Offer\";s:5:\"price\";s:1:\"0\";s:13:\"priceCurrency\";s:3:\"USD\";}}"],"wp_statistics_words_count":["1"],"astra_style_timestamp_css":["1787216033"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4963:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.uagb-icon-list__wrap{display:flex;align-items:flex-start;justify-content:flex-start}.wp-block-uagb-icon-list-child{padding:0;transition:all 0.2s;display:inline-flex;color:#3a3a3a;align-items:center;text-decoration:none;box-shadow:none}.wp-block-uagb-icon-list-child span.uagb-icon-list__source-wrap{display:block;align-items:center}.uagb-icon-list__source-wrap svg{display:block}.uagb-icon-list__source-image{width:40px}.uagb-icon-list__outer-wrap .uagb-icon-list__content-wrap{color:#3a3a3a;display:flex;align-items:center}\n.wp-block-uagb-icon-list-child{position:relative}.wp-block-uagb-icon-list-child>a{position:absolute;top:0;left:0;width:100%;height:100%}img.uagb-icon-list__source-image{max-width:unset}.wp-block-uagb-icon-list-child .uagb-icon-list__label{word-break:break-word}\n.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__source-image{width: 16px;}.wp-block-uagb-icon-list.uagb-block-b5768981 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap svg{width: 16px;height: 16px;font-size: 16px;}.wp-block-uagb-icon-list.uagb-block-b5768981 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{padding: 0px;border-radius: 0px;border-width: 0px;align-self: center;}.wp-block-uagb-icon-list.uagb-block-b5768981 .wp-block-uagb-icon-list-child .uagb-icon-list__label{text-decoration: !important;font-weight: 600;line-height: em;}.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__wrap{display: flex;flex-direction: column;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;margin-top: 30px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__label{text-align: left;}.wp-block-uagb-icon-list.uagb-block-b5768981 .wp-block-uagb-icon-list-child{text-decoration: !important;font-weight: 600;line-height: em;}.wp-block-uagb-icon-list.uagb-block-b5768981.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child{margin-left: 0;margin-right: 0;margin-bottom: 10px;}.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__source-wrap{margin-right: 15px;}.uagb-block-75fa870d.wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{background:  !important;border-color:  !important;}.uagb-block-75fa870d.wp-block-uagb-icon-list-child:hover .uagb-icon-list__source-wrap{background:  !important;border-color:  !important;}.uagb-block-5bf81fd2.wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{background:  !important;border-color:  !important;}.uagb-block-5bf81fd2.wp-block-uagb-icon-list-child:hover .uagb-icon-list__source-wrap{background:  !important;border-color:  !important;}@media only screen and (max-width: 976px) {.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__source-image{width: 16px;}.wp-block-uagb-icon-list.uagb-block-b5768981 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap svg{width: 16px;height: 16px;font-size: 16px;}.wp-block-uagb-icon-list.uagb-block-b5768981 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {padding: 0px;border-width: 0px;align-self: center;}.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__wrap{display: flex;flex-direction: column;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__label{text-align: left;}.wp-block-uagb-icon-list.uagb-block-b5768981.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child{margin-left: 0;margin-right: 0;margin-bottom: 10px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__source-image{width: 16px;}.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__label{text-align: center;}.wp-block-uagb-icon-list.uagb-block-b5768981 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap svg{width: 16px;height: 16px;font-size: 16px;}.wp-block-uagb-icon-list.uagb-block-b5768981 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{padding: 0px;border-width: 0px;align-self: center;}.wp-block-uagb-icon-list.uagb-block-b5768981 .uagb-icon-list__wrap{display: flex;flex-direction: column;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}.wp-block-uagb-icon-list.uagb-block-b5768981.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child{margin-left: 0;margin-right: 0;margin-bottom: 10px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:10:{i:0;s:11:\"core\/search\";i:1;s:10:\"core\/group\";i:2;s:12:\"core\/heading\";i:3;s:17:\"core\/latest-posts\";i:4;s:20:\"core\/latest-comments\";i:5;s:13:\"core\/archives\";i:6;s:15:\"core\/categories\";i:7;s:14:\"uagb\/icon-list\";i:8;s:20:\"uagb\/icon-list-child\";i:9;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1787709447\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"],"_uag_css_file_name":["uag-css-9693.css"]},"uagb_featured_image_src":{"full":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share.webp",1200,630,false],"thumbnail":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share-150x150.webp",150,150,true],"medium":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share-300x158.webp",300,158,true],"medium_large":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share-768x403.webp",768,403,true],"large":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share-1024x538.webp",1024,538,true],"1536x1536":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share.webp",1200,630,false],"2048x2048":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share.webp",1200,630,false],"trp-custom-language-flag":["https:\/\/tradegoai.app\/wp-content\/uploads\/2026\/07\/email-subject-preheader-preview-social-share-18x9.webp",18,9,true]},"uagb_author_info":{"display_name":"","author_link":"https:\/\/tradegoai.app\/de\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"Preview how your sender name, email subject, and preheader work together across desktop and mobile inbox layouts before you send.","_links":{"self":[{"href":"https:\/\/tradegoai.app\/de\/wp-json\/wp\/v2\/tools\/9693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tradegoai.app\/de\/wp-json\/wp\/v2\/tools"}],"about":[{"href":"https:\/\/tradegoai.app\/de\/wp-json\/wp\/v2\/types\/tools"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tradegoai.app\/de\/wp-json\/wp\/v2\/media\/9695"}],"wp:attachment":[{"href":"https:\/\/tradegoai.app\/de\/wp-json\/wp\/v2\/media?parent=9693"}],"wp:term":[{"taxonomy":"tool_categories","embeddable":true,"href":"https:\/\/tradegoai.app\/de\/wp-json\/wp\/v2\/tool_categories?post=9693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}