{"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":"xem-truoc-tieu-de-va-phan-mo-dau-email","status":"publish","type":"tools","link":"https:\/\/tradegoai.app\/vi\/tools\/email-subject-preheader-preview\/","title":{"rendered":"Xem tr\u01b0\u1edbc ti\u00eau \u0111\u1ec1 &amp; preheader email"},"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 0px;\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=\"TradeGo AI\" 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\">TradeGo AI<\/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 TradeGo AI 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\">TradeGo AI 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\/vi\/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\/vi\/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\/vi\/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\/vi\/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>Xem tr\u01b0\u1edbc c\u00e1ch t\u00ean ng\u01b0\u1eddi g\u1eedi, ti\u00eau \u0111\u1ec1 email v\u00e0 preheader ph\u1ed1i h\u1ee3p v\u1edbi nhau trong b\u1ed1 c\u1ee5c h\u1ed9p th\u01b0 tr\u00ean m\u00e1y t\u00ednh v\u00e0 thi\u1ebft b\u1ecb di \u0111\u1ed9ng tr\u01b0\u1edbc khi g\u1eedi.<\/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":["1790742052"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4700:\".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:\"1791813617\";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\/vi\/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\/vi\/wp-json\/wp\/v2\/tools\/9693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tradegoai.app\/vi\/wp-json\/wp\/v2\/tools"}],"about":[{"href":"https:\/\/tradegoai.app\/vi\/wp-json\/wp\/v2\/types\/tools"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tradegoai.app\/vi\/wp-json\/wp\/v2\/media\/9695"}],"wp:attachment":[{"href":"https:\/\/tradegoai.app\/vi\/wp-json\/wp\/v2\/media?parent=9693"}],"wp:term":[{"taxonomy":"tool_categories","embeddable":true,"href":"https:\/\/tradegoai.app\/vi\/wp-json\/wp\/v2\/tool_categories?post=9693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}