{"id":128,"date":"2026-08-29T07:15:03","date_gmt":"2026-08-29T07:15:03","guid":{"rendered":"https:\/\/protos.vn\/?page_id=128"},"modified":"2026-09-28T15:26:40","modified_gmt":"2026-09-28T15:26:40","slug":"content-tools","status":"publish","type":"page","link":"https:\/\/protos.vn\/en\/tools\/content-tools\/","title":{"rendered":"Content Tools"},"content":{"rendered":"    <div id=\"protos-app\" class=\"protos-site protos-v2 ps-live\" data-protos-region=\"content\" data-template=\"tool-catalog\" data-module=\"tools\" data-route=\"\/tools\/content-tools\">\r\n    <div id=\"protos-main\" tabindex=\"-1\">\r\n<style id=\"protos-contenttools-promax-css\">\r\nhtml { overflow-x: hidden !important; overflow-y: scroll !important; scrollbar-gutter: stable; }\r\nbody.protos-content-page, body.protos-content-page #wrapper, body.protos-content-page #main,\r\n.protos-full-page, #protos-app.protos-site, #protos-main {\r\n    background-color: #ffffff !important; color: #0f172a !important;\r\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n    overflow-x: visible !important; overflow-y: visible !important; max-height: none !important; height: auto !important;\r\n    width: 100%; margin: 0; padding: 0; box-sizing: border-box;\r\n}\r\nbody.protos-content-page #header:not(.v-header):not(.p-header),\r\nbody.protos-content-page header#header:not(.v-header):not(.p-header),\r\nbody.protos-content-page .header-wrapper:not(:has(.v-header)),\r\nbody.protos-content-page #masthead, body.protos-content-page .absolute-footer {\r\n    display: none !important; height: 0 !important; visibility: hidden !important;\r\n}\r\n.px-section { position: relative; width: 100%; padding: clamp(56px, 6vw, 96px) 0; overflow-x: clip; border-top: 1px solid rgba(255, 255, 255, 0.06); box-sizing: border-box; }\r\n.px-container { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 32px); position: relative; z-index: 2; box-sizing: border-box; }\r\n.px-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); padding: 6px 14px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #94a3b8; margin-bottom: 20px; }\r\n.px-hero { padding-top: clamp(40px, 5vw, 80px); padding-bottom: clamp(56px, 7vw, 100px); background: radial-gradient(circle at 50% -10%, rgba(168, 85, 247, 0.16) 0%, rgba(255, 255, 255, 0) 70%); }\r\n.px-interactive-card { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(168, 85, 247, 0.25); border-radius: 20px; padding: clamp(24px, 3.5vw, 36px); backdrop-filter: blur(20px); box-shadow: 0 20px 50px -15px rgba(0, 0, 0, 0.6); margin-top: 36px; }\r\n.px-field { width: 100%; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; padding: 12px 14px; font-size: 15px; font-weight: 600; color: #ffffff; box-sizing: border-box; }\r\n.px-field:focus { outline: none; border-color: #a855f7; background: rgba(168, 85, 247, 0.05); }\r\n.px-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 36px; }\r\n@media (max-width: 992px) { .px-grid-3 { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 640px) { .px-grid-3 { grid-template-columns: 1fr; } }\r\n.px-item-card { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px; padding: 28px 24px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s ease; }\r\n.px-item-card:hover { background: rgba(255, 255, 255, 0.04); border-color: #a855f7; transform: translateY(-3px); }\r\n.px-btn { display: inline-flex; align-items: center; gap: 8px; background: #a855f7; color: #ffffff !important; font-size: 13px; font-weight: 700; padding: 12px 24px; border-radius: 10px; text-decoration: none !important; cursor: pointer; border: none; }\r\n.px-btn:hover { background: #9333ea; transform: translateY(-2px); }\r\n.px-btn-ghost { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.04); color: #e2e8f0 !important; border: 1px solid rgba(255, 255, 255, 0.12); font-size: 13px; font-weight: 700; padding: 12px 20px; border-radius: 10px; text-decoration: none !important; }\r\n.px-cta-banner { background: radial-gradient(circle at 50% 50%, rgba(168, 85, 247, 0.15) 0%, rgba(255, 255, 255, 0) 80%), rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: clamp(40px, 5vw, 64px) clamp(20px, 4vw, 48px); text-align: center; }\r\n<\/style>\r\n\r\n<!-- SECTION 01: HERO -->\r\n<section class=\"px-section px-hero\">\r\n    <div class=\"px-container\">\r\n\r\n        <div style=\"max-width: 800px;\">\r\n            <div class=\"px-eyebrow\">\r\n                <span style=\"width:7px;height:7px;border-radius:50%;background:#a855f7;box-shadow:0 0 10px #a855f7;\"><\/span>\r\n                <span>CONTENT CREATION UTILITIES<\/span>\r\n            <\/div>\r\n            <h1 style=\"font-size:clamp(32px, 4vw, 50px); font-weight:800; color:#fff; line-height:1.15; margin:0 0 16px 0; letter-spacing:-0.03em;\">\r\n                High-Retention Social Content &amp;<br>\r\n                <span style=\"background:linear-gradient(135deg, #fff 30%, #c084fc 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\">3-Second Viral Hook Studio<\/span>\r\n            <\/h1>\r\n            <p style=\"font-size:16px; color:#94a3b8; line-height:1.6; margin:0 0 24px 0;\">\r\n                Conquer feed fatigue. Intelligent hook generator and caption length optimizer designed to skyrocket 3-second retention on TikTok and Facebook.            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Interactive Widget: Viral Hook Generator -->\r\n        <div class=\"px-interactive-card\">\r\n            <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; flex-wrap:wrap; gap:12px;\">\r\n                <div>\r\n                    <span style=\"font-size:11px; font-weight:800; color:#c084fc; text-transform:uppercase;\">HOOK GENERATOR<\/span>\r\n                    <h3 style=\"font-size:20px; font-weight:800; color:#fff; margin:4px 0 0 0;\">Psychology-Backed Video Hook Generator<\/h3>\r\n                <\/div>\r\n                <span style=\"background:rgba(168,85,247,0.15); color:#c084fc; font-size:11px; font-weight:700; padding:4px 10px; border-radius:999px;\">\u25cf VIRAL SCRIPT<\/span>\r\n            <\/div>\r\n\r\n            <div style=\"display:grid; grid-template-columns: 1fr 1fr; gap:20px;\">\r\n                <div>\r\n                    <label style=\"display:block; font-size:11px; font-weight:700; text-transform:uppercase; color:#94a3b8; margin-bottom:8px;\">Ch\u1ecdn G\u00f3c Ti\u1ebfp C\u1eadn T\u00e2m L\u00fd<\/label>\r\n                    <select id=\"hook-angle\" class=\"px-field\" style=\"margin-bottom:14px;\">\r\n                        <option value=\"curiosity\">G\u00e2y T\u00f2 M\u00f2 C\u1ef1c \u0110\u1ed9 (Curiosity Gap)<\/option>\r\n                        <option value=\"fear\">C\u1ea3nh B\u00e1o R\u1ee7i Ro & M\u1ea5t M\u00e1t (Loss Aversion)<\/option>\r\n                        <option value=\"proof\">B\u1eb1ng Ch\u1ee9ng Th\u1ef1c T\u1ebf & S\u1ed1 Li\u1ec7u (Social Proof)<\/option>\r\n                        <option value=\"contrarian\">\u0110i Ng\u01b0\u1ee3c \u0110\u00e1m \u0110\u00f4ng (Contrarian Belief)<\/option>\r\n                    <\/select>\r\n\r\n                    <label style=\"display:block; font-size:11px; font-weight:700; text-transform:uppercase; color:#94a3b8; margin-bottom:8px;\">T\u00ean S\u1ea3n Ph\u1ea9m \/ L\u0129nh V\u1ef1c C\u1ee7a B\u1ea1n<\/label>\r\n                    <input type=\"text\" id=\"hook-product\" class=\"px-field\" value=\"Th\u1eddi trang thi\u1ebft k\u1ebf \/ M\u1ef9 ph\u1ea9m\" placeholder=\"Nh\u1eadp s\u1ea3n ph\u1ea9m ho\u1eb7c ng\u00e0nh...\">\r\n                <\/div>\r\n\r\n                <div style=\"background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:20px;\">\r\n                    <div style=\"font-size:11px; color:#c084fc; font-weight:700; text-transform:uppercase; margin-bottom:10px;\">3 M\u1eaaU HOOK 3S \u0110\u1ea6U G\u1ee2I \u00dd:<\/div>\r\n                    <div id=\"hook-output\" style=\"font-size:14px; color:#e2e8f0; line-height:1.7;\">\r\n                        1. \"\u0110\u1eebng bao gi\u1edd mua [S\u1ea3n ph\u1ea9m] n\u1ebfu b\u1ea1n ch\u01b0a bi\u1ebft 3 s\u1ef1 th\u1eadt n\u00e0y...\"<br>\r\n                        2. \"L\u00fd do v\u00ec sao 90% ng\u01b0\u1eddi d\u00f9ng [S\u1ea3n ph\u1ea9m] \u0111ang l\u00e3ng ph\u00ed ti\u1ec1n m\u00e0 kh\u00f4ng hay bi\u1ebft.\"<br>\r\n                        3. \"B\u00ed m\u1eadt \u0111\u1eb1ng sau [S\u1ea3n ph\u1ea9m] m\u00e0 c\u00e1c th\u01b0\u01a1ng hi\u1ec7u l\u1edbn kh\u00f4ng mu\u1ed1n b\u1ea1n bi\u1ebft.\"\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 02: GRID -->\r\n<section class=\"px-section\">\r\n    <div class=\"px-container\">\r\n        <div class=\"px-grid-3\">\r\n            <div class=\"px-item-card\">\r\n                <div>\r\n                    <h3 style=\"font-size:18px; font-weight:800; color:#fff; margin:0 0 10px 0;\">\u0110\u1ebfm K\u00fd T\u1ef1 & C\u1eaft D\u00f2ng Xem Th\u00eam<\/h3>\r\n                    <p style=\"font-size:13px; color:#94a3b8; line-height:1.6; margin:0 0 20px 0;\">\u0110o \u0111\u1ed9 d\u00e0i caption \u0111\u1ec3 n\u1ed9i dung h\u1ea5p d\u1eabn nh\u1ea5t lu\u00f4n n\u1eb1m tr\u00ean n\u00fat \"Xem th\u00eam\" c\u1ee7a Facebook.<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn\">D\u00f9ng Th\u1eed Tool \u2192<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"px-item-card\">\r\n                <div>\r\n                    <h3 style=\"font-size:18px; font-weight:800; color:#fff; margin:0 0 10px 0;\">Ma Tr\u1eadn N\u1ed9i Dung 30 Ng\u00e0y<\/h3>\r\n                    <p style=\"font-size:13px; color:#94a3b8; line-height:1.6; margin:0 0 20px 0;\">M\u1eabu ph\u00e2n b\u1ed5 t\u1ef7 l\u1ec7 40% Gi\u00e1 tr\u1ecb - 30% Ch\u1ee9ng th\u1ef1c - 20% B\u00e1n h\u00e0ng - 10% T\u01b0\u01a1ng t\u00e1c.<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-ghost\">T\u1ea3i Template \u2192<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"px-item-card\">\r\n                <div>\r\n                    <h3 style=\"font-size:18px; font-weight:800; color:#fff; margin:0 0 10px 0;\">K\u1ecbch B\u1ea3n Video Ng\u1eafn 3 Ph\u1ea7n<\/h3>\r\n                    <p style=\"font-size:13px; color:#94a3b8; line-height:1.6; margin:0 0 20px 0;\">C\u1ea5u tr\u00fac Hook (0-3s) - Problem & Body (3-20s) - Call to Action (20-30s).<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-ghost\">Nh\u1eadn Framework \u2192<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const angleEl = document.getElementById('hook-angle');\r\n    const prodEl = document.getElementById('hook-product');\r\n    const outEl = document.getElementById('hook-output');\r\n\r\n    const templates = {\r\n        curiosity: [\r\n            '1. \"\u0110\u1eebng bao gi\u1edd mua {P} n\u1ebfu b\u1ea1n ch\u01b0a bi\u1ebft 3 s\u1ef1 th\u1eadt n\u00e0y...\"',\r\n            '2. \"L\u00fd do v\u00ec sao 90% ng\u01b0\u1eddi d\u00f9ng {P} \u0111ang l\u00e3ng ph\u00ed ti\u1ec1n m\u00e0 kh\u00f4ng hay bi\u1ebft.\"',\r\n            '3. \"B\u00ed m\u1eadt \u0111\u1eb1ng sau {P} m\u00e0 c\u00e1c nh\u00e3n h\u00e0ng l\u1edbn kh\u00f4ng mu\u1ed1n b\u1ea1n bi\u1ebft.\"'\r\n        ],\r\n        fear: [\r\n            '1. \"D\u1eebng l\u1ea1i ngay n\u1ebfu b\u1ea1n \u0111ang d\u00f9ng {P} theo c\u00e1ch n\u00e0y!\"',\r\n            '2. \"Sai l\u1ea7m tai h\u1ea1i khi ch\u1ecdn {P} khi\u1ebfn b\u1ea1n m\u1ea5t ti\u1ec1n oan u\u1ed5ng.\"',\r\n            '3. \"C\u1ea3nh b\u00e1o: 3 d\u1ea5u hi\u1ec7u cho th\u1ea5y {P} c\u1ee7a b\u1ea1n kh\u00f4ng h\u1ec1 mang l\u1ea1i hi\u1ec7u qu\u1ea3.\"'\r\n        ],\r\n        proof: [\r\n            '1. \"C\u00e1ch ch\u00fang t\u00f4i gi\u00fap kh\u00e1ch h\u00e0ng \u0111\u1ea1t doanh s\u1ed1 g\u1ea5p 3 l\u1ea7n nh\u1edd {P}.\"',\r\n            '2. \"T\u1eeb 0 \u0111\u01a1n \u0111\u1ebfn 350 tri\u1ec7u\/th\u00e1ng: H\u00e0nh tr\u00ecnh th\u1ef1c t\u1ebf khi \u1ee9ng d\u1ee5ng {P}.\"',\r\n            '3. \"Xem c\u1eadn c\u1ea3nh k\u1ebft qu\u1ea3 sau 30 ng\u00e0y tr\u1ea3i nghi\u1ec7m {P} th\u1ef1c t\u1ebf.\"'\r\n        ],\r\n        contrarian: [\r\n            '1. \"T\u1ea1i sao b\u1ea1n KH\u00d4NG N\u00caN mua {P} \u0111\u1eaft ti\u1ec1n?\"',\r\n            '2. \"T\u1ea5t c\u1ea3 m\u1ecdi ng\u01b0\u1eddi \u0111\u1ec1u khuy\u00ean d\u00f9ng {P}, nh\u01b0ng s\u1ef1 th\u1eadt l\u00e0...\"',\r\n            '3. \"T\u00f4i \u0111\u00e3 t\u1eebng ngh\u0129 {P} l\u00e0 v\u00f4 \u00edch, cho \u0111\u1ebfn khi th\u1ea5y \u0111i\u1ec1u n\u00e0y.\"'\r\n        ]\r\n    };\r\n\r\n    function updateHooks() {\r\n        const angle = angleEl.value;\r\n        const p = prodEl.value.trim() || 's\u1ea3n ph\u1ea9m';\r\n        const list = templates[angle] || templates.curiosity;\r\n        outEl.innerHTML = list.map(item => item.replace(\/{P}\/g, p)).join('<br><br>');\r\n    }\r\n\r\n    angleEl.addEventListener('change', updateHooks);\r\n    prodEl.addEventListener('input', updateHooks);\r\n    updateHooks();\r\n});\r\n<\/script>\r\n<\/div>\r\n    <\/div>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":122,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"protos-full-width.php","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":2,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/128\/revisions\/303"}],"up":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/122"}],"wp:attachment":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}