PageSourceSearch

https://omicall.com/tinh-nang/marketing/

html omicall.com collected 2026-10-04 04:16:14 UTC 176,610 bytes, 2,681 lines download raw bytes

1<!DOCTYPE html>
2<html lang="vi">
3<head>
4<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
5<title>Marketing đa kênh (ZBS/SMS/Email/Autocall) – Tính năng OMICall</title>
6<meta name="description" content="Tính năng Marketing đa kênh OMICall: gửi ZBS Zalo, SMS Brandname, Email, Autocall hàng loạt hoặc tự động, báo cáo xem-bấm chi tiết, chỉ tính tiền tin gửi thành công.">
7<link rel="preconnect" href="https://fonts.googleapis.com">
8<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
9<style>
10*{box-sizing:border-box;margin:0;padding:0;-webkit-hyphens:none!important;hyphens:none!important}
11:root{--blue:#00B1FF;--green:#56cc6e;--bd:#0080c0;--bl:#e6f7fe;--gl:#eef7dc;--tx:#1e3150;--mu:#6b7280;--li:#9ca3af;--bg:#fff;--sf:#f8fafc;--mi:#f1f5f9;--br:#e5eaf0;--sh:0 4px 24px rgba(0,0,0,.06);--tk:#56cc6e;--tkbg:#eef7dc;--tkbr:#d9f99d;--tk2:#65a30d}
12body{font-family:'Be Vietnam Pro',sans-serif;color:var(--tx);background:var(--bg);line-height:1.7;font-size:16px;position:relative}
13button,input,select,textarea{font-family:inherit;color:inherit}
14body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
15  background:radial-gradient(ellipse 70% 50% at 85% 10%,rgba(4,120,87,.07) 0%,transparent 60%),
16    radial-gradient(ellipse 55% 45% at 10% 85%,rgba(101,163,13,.05) 0%,transparent 60%),
17    #fafcff}
18a{text-decoration:none;color:inherit}
19.wrap{max-width:1180px;margin:0 auto;padding:0 2rem}
20
21/* ========== HEADER ========== */
22header{position:sticky;top:0;z-index:100;background:rgba(250,252,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--br)}
23.hdr{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1280px;margin:0 auto;padding:0 2rem;white-space:nowrap;gap:1.5rem}
24.logo{font-size:1.8rem;font-weight:800;letter-spacing:-.5px;line-height:1}
25.logo .b{color:var(--blue)}.logo .g{color:var(--green)}
26header nav{display:flex;gap:.75rem;
26align-items:center;white-space:nowrap}
27header nav a{font-size:.72rem;font-weight:600;color:var(--mu);transition:color .2s;white-space:nowrap;text-transform:uppercase;letter-spacing:.2px}
28header nav a:hover{color:var(--blue)}
29header nav a.active{color:var(--blue)}
30.nav-dropdown{position:relative;display:flex;align-items:center}
31.nav-dd-trigger{display:flex;align-items:center;gap:3px;cursor:pointer;font-size:.72rem;font-weight:600;color:var(--mu);text-decoration:none;text-transform:uppercase;letter-spacing:.2px;transition:color .2s;white-space:nowrap}
32.nav-dd-trigger:hover{color:var(--blue)}
33.nav-dd-trigger.active{color:var(--blue)}
34.nav-dd-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid rgba(0,177,255,.15);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.12);padding:.75rem;min-width:260px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateX(-50%) translateY(-6px);z-index:200}
35.nav-dd-menu::after{content:'';position:absolute;top:-14px;left:0;right:0;height:14px}
36.nav-dropdown:hover .nav-dd-menu,.nav-dd-menu:hover{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
37.nav-dd-menu::before{content:'';position:absolute;top:-6px;left:50%;width:10px;height:10px;background:#fff;border-left:1px solid rgba(0,177,255,.15);border-top:1px solid rgba(0,177,255,.15);transform:translateX(-50%) rotate(45deg)}
38.nav-dd-label{font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--mu);padding:.25rem .5rem .5rem;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:.375rem}
39.nav-dd-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:8px;font-size:.78rem;font-weight:500;color:var(--tx);text-decoration:none;transition:all .15s;white-space:nowrap}
40.nav-dd-item:hover{background:rgba(0,177,255,.07);color:var(--blue)}
41.nav-dd-item{justify-content:space-between}
42.nav-dd-badge{font-size:.56rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:6px;flex-shrink:0;white-space:nowrap;line-height:1.2}
43.nav-dd-badge.unique{background:#00B1FF;color:#fff}
44.nav-dd-badge.competitive{background:#56cc6e;color:#fff}
45.nav-dd-badge.featured{background:linear-gradient(135deg,#00B1FF,#56cc6e);color:#fff;box-shadow:0 2px 6px rgba(0,177,255,.3)}
46.mnv-sub-badge{display:inline-block;font-size:.56rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:6px;margin-left:.5rem;line-height:1.2;vertical-align:middle}
47.mnv-sub-badge.unique{background:#00B1FF;color:#fff}
48.mnv-sub-badge.competitive{background:#56cc6e;color:#fff}
49.mnv-sub-badge.featured{background:linear-gradient(135deg,#00B1FF,#56cc6e);color:#fff}
50
51.nav-dd-item.active{background:rgba(0,177,255,.1);color:var(--bd);font-weight:700}
52.hdr-group{display:flex;align-items:center;gap:.75rem}
53.hdr-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
54.hdr-login{font-size:.72rem;font-weight:600;color:var(--tx);text-decoration:none;padding:.35rem .875rem;border-radius:7px;border:1px solid rgba(0,0,0,.15);transition:all .2s}
55.hdr-login:hover{border-color:var(--blue);color:var(--blue)}
56.hdr-register{font-size:.72rem;font-weight:700;color:#fff;text-decoration:none;padding:.35rem .875rem;border-radius:7px;background:var(--blue);transition:all .2s}
57.hdr-register:hover{opacity:.88}
58
59/* ========== HERO ========== */
60.tk-hero{padding:70px 0 50px;position:relative;overflow:hidden}
61.tk-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
62.tk-hero-left{min-width:0}
63.tk-crumb{font-size:.78rem;color:var(--mu);margin-bottom:1.25rem;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}
64.tk-crumb a{color:var(--mu);transition:color .2s}
65.tk-crumb a:hover{color:var(--blue)}
66.tk-crumb .sep{color:var(--li)}
67.tk-crumb .cur{color:var(--tx);font-weight:600}
68.tk-hero-tag{display:inline-flex;align-items:center;gap:.4rem;padding:5px 14px;background:var(--tkbg);color:var(--tk);border:1px solid var(--tkbr);border-radius:100px;font-size:.7rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;margin-bottom:1rem}
69.tk-hero-tag svg{width:12px;height:12px}
70.tk-hero h1{font-size:3rem;font-weight:900;letter-spacing:-1.2px;line-height:1.2;margin-bottom:1rem;color:var(--tx)}
71.tk-hero h1 .hl{display:inline-block;padding:.05em 0;line-height:inherit}
72.tk-hero h1 .hl{background:linear-gradient(135deg,#56cc6e,#65a30d);-webkit-background-clip:text;background-clip:text;color:transparent}
73.tk-hero-lead{font-size:1.1rem;color:var(--mu);line-height:1.65;margin-bottom:1.75rem;max-width:540px}
74.tk-hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.75rem}
75.tk-btn{padding:.85rem 1.5rem;border-radius:11px;font-size:.88rem;font-weight:800;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:.4rem;transition:all .25s;text-decoration:none}
76.tk-btn.p{background:linear-gradient(135deg,#56cc6e,#065f46);color:#fff;box-shadow:0 8px 20px rgba(4,120,87,.3)}
77.tk-btn.p:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(4,120,87,.4)}
78.tk-btn.o{background:#fff;color:var(--tx);border:1.5px solid var(--br)}
79.tk-btn.o:hover{border-color:var(--tk);color:var(--tk)}
80.tk-hero-stats{display:flex;gap:2.5rem;padding-top:1.5rem;border-top:1px dashed var(--br)}
81.tk-hero-stat-num{font-size:1.5rem;font-weight:900;color:var(--tk);letter-spacing:-.5px;line-height:1.1}
82.tk-hero-stat-lbl{font-size:.72rem;color:var(--mu);font-weight:600;margin-top:.125rem}
83.tk-hero-visual{position:relative}
84.tk-hero-placeholder{aspect-ratio:4/3;border-radius:22px;background:linear-gradient(135deg,#f0fdf4,#d1fae5);border:2px dashed var(--tkbr);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.875rem;position:relative;overflow:hidden}
85.tk-hero-placeholder::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(4,120,87,.04) 20px,rgba(4,120,87,.04) 21px);pointer-events:none}
86.tk-hero-placeholder-ic{width:68px;height:68px;border-radius:18px;background:var(--tk);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(4,120,87,.35);position:relative}
87.tk-hero-placeholder-ic svg{width:34px;height:34px}
88.tk-hero-placeholder-t{font-size:.95rem;font-weight:800;color:var(--tk);letter-spacing:.2px;position:relative;text-align:center}
89.tk-hero-placeholder-d{font-size:.78rem;color:var(--mu);text-align:center;line-height:1.5;position:relative;max-width:320px}
90.tk-hero-placeholder-size{display:inline-flex;align-items:center;gap:.375rem;font-size:.7rem;color:var(--mu);background:#fff;padding:4px 10px;border-radius:100px;border:1px solid var(--tkbr);font-weight:700;position:relative;margin-top:.25rem}
91
92/* ========== FEATURE ROW ========== */
93.tk-feat{padding:50px 0;position:relative}
94.tk-feat:nth-of-type(even){background:linear-gradient(180deg,transparent,rgba(4,120,87,.03))}
95.tk-feat-in{display:grid;grid-template-columns:1fr 1.15fr;gap:3.5rem;align-items:center}
96.tk-feat:nth-of-type(odd) .tk-feat-in{grid-template-columns:1.15fr 1fr}
97.tk-feat:nth-of-type(odd) .tk-feat-body{order:2}
98.tk-feat:nth-of-type(odd) .tk-feat-visual{order:1}
99.tk-feat-body{min-width:0}
100.tk-feat-num{display:inline-flex;align-items:center;gap:.5rem;padding:4px 12px;background:var(--tkbg);color:var(--tk);border-radius:100px;font-size:.7rem;font-weight:900;letter-spacing:.4px;text-transform:uppercase;margin-bottom:1rem;border:1px solid var(--tkbr)}
101.tk-feat-num-badge{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--tk);color:#fff;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;margin-left:-4px}
102.tk-feat-body h2{font-size:1.85rem;font-weight:900;letter-spacing:-.6px;line-height:1.2;margin-bottom:.75rem;color:var(--tx)}
103.tk-feat-body h2 .hl{color:var(--tk)}
104.tk-feat-body > p{font-size:1rem;color:var(--mu);line-height:1.7;margin-bottom:1.25rem}
105.tk-feat-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.25rem}
106.tk-feat-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.55;color:var(--tx)}
107.tk-feat-list li svg{width:16px;height:16px;color:#22c55e;flex-shrink:0;margin-top:2.5px}
108.tk-feat-list li b{font-weight:800}
109.tk-feat-tags{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.75rem}
110.tk-feat-tag{display:inline-flex;align-items:center;gap:.25rem;padding:3px 10px;background:#fff;border:1px solid var(--br);border-radius:100px;font-size:.72rem;font-weight:700;color:var(--mu)}
111.tk-feat-tag.hot{background:var(--tkbg);border-color:var(--tkbr);color:var(--tk)}
112
113/* Visual (image placeholder) */
114.tk-feat-visual{position:relative}
115.tk-ph{aspect-ratio:4/3;border-radius:20px;background:linear-gradient(135deg,#fff,#f0fdf4);border:2px dashed #6ee7b7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(4,120,87,.08)}
116.tk-ph::before{content:'';position:absolute;top:-50%;right:-30%;width:60%;height:160%;background:radial-gradient(circle,rgba(4,120,87,.08),transparent 60%);pointer-events:none}
117.tk-ph-ic{width:58px;height:58px;border-radius:15px;background:#fff;border:1.5px solid var(--tkbr);color:var(--tk);
117display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(4,120,87,.12);position:relative}
118.tk-ph-ic svg{width:28px;height:28px}
119.tk-ph-ttl{font-size:.88rem;font-weight:800;color:var(--tk);letter-spacing:.1px;text-align:center;position:relative}
120.tk-ph-desc{font-size:.75rem;color:var(--mu);text-align:center;line-height:1.5;position:relative;max-width:300px}
121.tk-ph-meta{display:inline-flex;align-items:center;gap:.375rem;font-size:.68rem;color:var(--tk);background:#fff;padding:4px 11px;border-radius:100px;border:1px solid var(--tkbr);font-weight:700;position:relative;font-family:'SF Mono',Monaco,Consolas,monospace}
122.tk-ph-meta svg{width:11px;height:11px}
123.tk-ph-dim{font-size:.62rem;color:var(--li);font-weight:600;position:relative;letter-spacing:.3px}
124
125/* Optional overlay for visual to add a "chip label" indicating what goes in */
126.tk-ph-chip{position:absolute;top:14px;left:14px;padding:4px 10px;background:var(--tk);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-radius:7px;z-index:2}
127
128/* ========== BENEFITS STRIP ========== */
129.tk-bene{padding:64px 0;margin:30px 0;background:linear-gradient(135deg,var(--tkbg),#f8fafc);border-top:1px solid var(--tkbr);border-bottom:1px solid var(--tkbr)}
130.tk-bene-head{text-align:center;margin-bottom:2.5rem;max-width:680px;margin-left:auto;margin-right:auto}
131.tk-bene-head h2{font-size:1.8rem;font-weight:900;letter-spacing:-.6px;line-height:1.25;margin-bottom:.6rem;color:var(--tx)}
132.tk-bene-head p{font-size:.95rem;color:var(--mu);line-height:1.6}
133.tk-bene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
134.tk-bene-card{background:#fff;border:1px solid rgba(10,15,30,.06);border-radius:18px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s;position:relative;overflow:hidden}
135.tk-bene-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -16px rgba(86,204,110,.18);border-color:rgba(86,204,110,.22)}
136.tk-bene-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
137.tk-bene-ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--tkbg),var(--tkbr));color:var(--tk);display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
138.tk-bene-ic svg{width:22px;height:22px}
139.tk-bene-metric{text-align:right;line-height:1}
140.tk-bene-metric .num{font-size:1.7rem;font-weight:900;color:var(--green);letter-spacing:-.04em;display:block}
141.tk-bene-metric .lbl{font-size:.66rem;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;display:block}
142.tk-bene-title{font-size:1.05rem;font-weight:800;color:var(--tx);letter-spacing:-.2px;line-height:1.35;margin:0}
143.tk-bene-desc{font-size:.86rem;color:var(--mu);line-height:1.65;margin:0}
144.tk-bene-desc b{color:var(--tx);font-weight:700}
145
146/* ========== CTA ========== */
147.tk-cta{padding:60px 0}
148.tk-cta-box{max-width:960px;margin:0 auto;background:linear-gradient(135deg,#56cc6e 0%,#065f46 45%,#3f6212 100%);border-radius:24px;padding:3rem 2.5rem;color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:center;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(4,120,87,.3)}
149.tk-cta-box::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 10% 20%,rgba(255,255,255,.15),transparent 60%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}
150.tk-cta-in{position:relative;z-index:2}
151.tk-cta-mini{display:inline-block;background:rgba(255,255,255,.2);padding:4px 14px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.875rem;border:1px solid rgba(255,255,255,.25)}
152.tk-cta-box h2{font-size:1.75rem;font-weight:900;letter-spacing:-.4px;margin-bottom:.5rem;line-height:1.25;color:#fff}
153.tk-cta-box p{font-size:.95rem;color:rgba(255,255,255,.88);line-height:1.6}
154.tk-cta-actions{display:flex;flex-direction:column;gap:.625rem;position:relative;z-index:2}
155.tk-cta-btn{padding:.95rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:800;border:none;cursor:pointer;transition:all .25s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;text-decoration:none}
156.tk-cta-btn.p{background:#fff;color:var(--tk);box-shadow:0 8px 20px rgba(0,0,0,.2)}
157.tk-cta-btn.p:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.28)}
158.tk-cta-btn.o{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.4);backdrop-filter:blur(4px)}
159.tk-cta-btn.o:hover{background:rgba(255,255,255,.22);border-color:#fff}
160.tk-cta-note{font-size:.72rem;color:rgba(255,255,255,.75);text-align:center;margin-top:.25rem;display:flex;align-items:center;justify-content:center;gap:.375rem}
161.tk-cta-note svg{width:13px;height:13px;flex-shrink:0}
162
163/* ========== FOOTER ========== */
164footer{background:linear-gradient(180deg,#f8fcff,#eef6fb);padding:60px 0 28px;border-top:1px solid var(--br)}
165.fgrid2{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;align-items:start}
166.fdesc2{font-size:.84rem;line-height:1.55;color:var(--mu);max-width:34ch;margin-top:.75rem}
167.fhd{font-size:.82rem;font-weight:800;color:var(--tx);margin-bottom:.875rem;letter-spacing:.3px}
168.flinks{list-style:none;display:flex;flex-direction:column;gap:.7rem}
169.flinks a{font-size:.82rem;color:var(--mu);transition:color .2s}
170.flinks a:hover{color:var(--blue)}
171.fbot{border-top:1px solid var(--br);padding-top:1.5rem;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.78rem;color:var(--li)}
172.fbrand-line{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem;color:var(--mu);font-weight:600;background:#fff;padding:4px 12px;border-radius:100px;border:1px solid var(--br)}
173.fbrand-line::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue)}
174.faddr{margin-top:1rem;display:flex;flex-direction:column;gap:.875rem}
175.faddr-item{font-size:.78rem;line-height:1.6}
176.faddr-lbl{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;background:rgba(0,177,255,.1);color:var(--bd);padding:2px 8px;border-radius:4px}
177.faddr-txt{color:var(--mu);display:block}
178.fcontact{list-style:none;display:flex;flex-direction:column;gap:1rem}
179.fcontact li{display:flex;flex-direction:column;gap:2px}
180.fc-lbl{font-size:.65rem;color:var(--li);font-weight:600;text-transform:uppercase;letter-spacing:.3px}
181.fc-val{font-size:.88rem;font-weight:700;color:var(--tx)}
182.fc-sub{font-size:.7rem;color:var(--li);margin-top:1px}
183.fsocial-wrap{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed var(--br)}
184.fsocial-lbl{font-size:.65rem;color:var(--li);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.625rem}
185.fsocial{display:grid;grid-template-columns:repeat(4,36px);gap:.5rem;justify-content:start}
186.fsocial-ic{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--br);display:flex;align-items:center;justify-content:center;color:var(--mu);transition:all .2s;text-decoration:none}
187.fsocial-ic svg{width:16px;height:16px}
188.fsocial-ic:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
189.fsocial-ic.we:hover{color:var(--blue);border-color:var(--blue)}
190.fsocial-ic.fb:hover{color:#1877f2;border-color:#1877f2}
191.fsocial-ic.li:hover{color:#0a66c2;border-color:#0a66c2}
192.fsocial-ic.yt:hover{color:#ff0000;border-color:#ff0000}
193.fsocial-ic.tk:hover{color:#000;border-color:#000;background:#fafafa}
194.fsocial-ic.za{font-weight:900;font-size:.6rem;letter-spacing:-.3px}
195.fsocial-ic.za:hover{color:#0068ff;border-color:#0068ff;background:#e6f0ff}.fsocial-ic.wa:hover{color:#25D366;border-color:#25D366}
196
197/* ========== POPUP FORM ========== */
198.omif-overlay{position:fixed;inset:0;background:rgba(12,25,40,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .25s}
199.omif-overlay.open{display:flex;opacity:1}
200.omif-modal{background:#fff;border-radius:20px;width:100%;max-width:540px;max-height:92vh;overflow-y:auto;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(30px) scale(.96);transition:transform .35s cubic-bezier(.2,.9,.3,1.15);font-family:'Be Vietnam Pro',sans-serif}
201.omif-overlay.open .omif-modal{transform:translateY(0) scale(1)}
202.omif-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .2s;font-family:inherit;line-height:1;padding:0}
203.omif-close:hover{background:rgba(255,255,255,.35);transform:rotate(90deg)}
204.omif-hero{padding:2rem 1.75rem 1.5rem;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#56cc6e 0%,#065f46 40%,#15803d 80%,#166534 100%)}
205.omif-hero::before{content:'';position:absolute;top:-40%;right:-20%;width:70%;height:180%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);pointer-events:none}
206.omif-hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:50%;height:120%;background:radial-gradient(circle,rgba(86,204,110,.2),transparent 60%);pointer-events:none}
207.omif-hero-in{position:relative;z-index:1}
208.omif-hero-tag{display:inline-block;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:100px;font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.875rem;border:1px solid rgba(255,255,255,.25)}
209.omif-hero h3{font-size:1.5rem;font-weight:900;letter-spacing:-.4px;margin-bottom:.375rem;line-height:1.25;color:#fff}
210.omif-hero p{font-size:.88rem;color:rgba(255,255,255,.85);line-height:1.5}
211.omif-form{padding:1.5rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:.875rem}
212.omif-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
213.omif-form label{display:flex;flex-direction:column;gap:.375rem}
214.omif-form label>span{font-size:.75rem;font-weight:700;color:var(--tx);letter-spacing:.2px}
215.omif-form label>span .req{color:#ef4444;margin-left:2px}
216.omif-form input[type=text],.omif-form input[type=tel],.omif-form input[type=email],.omif-form textarea{padding:.7rem .875rem;border:1px solid var(--br);border-radius:10px;font-size:.9rem;font-family:inherit;color:var(--tx);background:var(--sf);transition:all .2s;width:100%;resize:vertical}
217.omif-form input:focus,.omif-form textarea:focus{outline:none;border-color:var(--tk);background:#fff;box-shadow:0 0 0 3px rgba(4,120,87,.12)}
218.omif-form textarea{min-height:72px;line-height:1.5}
219.omif-region{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
220.omif-chip{position:relative;cursor:pointer;margin:0}
221.omif-chip input[type=radio]{position:absolute;opacity:0;pointer-events:none}
222.omif-chip>span{display:block;padding:.55rem .5rem;border:1.5px solid var(--br);border-radius:10px;font-size:.82rem;font-weight:600;color:var(--mu);text-align:center;background:var(--sf);transition:all .15s}
223.omif-chip:hover>span{border-color:var(--tk);color:var(--tk)}
224.omif-chip input:checked+span{background:var(--tkbg);border-color:var(--tk);color:var(--tk);font-weight:800;box-shadow:0 2px 8px rgba(4,120,87,.18)}
225.omif-submit{margin-top:.5rem;padding:.95rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#56cc6e,#065f46);box-shadow:0 8px 24px rgba(4,120,87,.3);transition:all .25s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
226.omif-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(4,120,87,.4)}
227.omif-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
228.omif-msg{margin-top:.25rem;font-size:.82rem;text-align:center;padding:.5rem .75rem;border-radius:8px;display:none;line-height:1.5}
229.omif-msg.ok{display:block;background:#ecfdf5;color:#56cc6e;border:1px solid #a7f3d0}
230.omif-msg.err{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
231.omif-trust{margin-top:.25rem;font-size:.72rem;color:var(--li);text-align:center;line-height:1.5}
232body.omif-locked{overflow:hidden}
233
234/* ========== MOBILE MENU ========== */
235.mnv-toggle{display:none;background:none;border:none;padding:8px;
235cursor:pointer;margin-left:auto;font-family:inherit;color:var(--tx);border-radius:8px;transition:background .2s}
236.mnv-toggle:hover{background:rgba(0,0,0,.05)}
237.mnv-toggle svg{width:24px;height:24px;display:block}
238.mnv-overlay{position:fixed;inset:0;background:rgba(12,25,40,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;display:none;opacity:0;transition:opacity .25s}
239.mnv-overlay.open{display:block;opacity:1}
240.mnv-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);background:#fff;z-index:9999;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.9,.3,1);box-shadow:-8px 0 40px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden}
241.mnv-drawer.open{transform:translateX(0)}
242body.mnv-locked{overflow:hidden}
243.mnv-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--br);background:#fff;flex-shrink:0}
244.mnv-header .logo{font-size:1.4rem}
245.mnv-close{background:none;border:none;padding:6px;cursor:pointer;font-family:inherit;color:var(--mu);border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}
246.mnv-close:hover{background:rgba(0,0,0,.05);color:var(--tx);transform:rotate(90deg)}
247.mnv-close svg{width:22px;height:22px}
248.mnv-body{padding:.5rem 0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
249.mnv-link{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--tx);text-decoration:none;transition:background .15s;border-left:3px solid transparent;box-sizing:border-box}
250.mnv-link:hover{background:var(--sf)}
251.mnv-link.active{color:var(--blue);background:var(--bl);border-left-color:var(--blue);font-weight:700}
252.mnv-group{box-sizing:border-box}
253.mnv-group-title{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--tx);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid transparent;box-sizing:border-box;transition:background .15s}
254.mnv-group-title:hover{background:var(--sf)}
255.mnv-group-title::after{content:'';width:9px;height:9px;border-right:2px solid var(--mu);border-bottom:2px solid var(--mu);transform:rotate(45deg);transition:transform .25s;margin-top:-3px;flex-shrink:0}
256.mnv-group.open .mnv-group-title{background:var(--sf)}
257.mnv-group.open .mnv-group-title::after{transform:rotate(-135deg);margin-top:2px}
258.mnv-group-items{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#fafbfc}
259.mnv-group.open .mnv-group-items{max-height:700px}
260.mnv-sub{display:block;padding:.7rem 1.25rem .7rem 2.5rem;font-size:.88rem;color:var(--mu);text-decoration:none;transition:all .15s;border-left:3px solid transparent;box-sizing:border-box;position:relative}
261.mnv-sub::before{content:'';position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--li)}
262.mnv-sub:hover{background:#fff;color:var(--blue)}
263.mnv-sub:hover::before{background:var(--blue)}
264.mnv-sub.active{color:var(--blue);font-weight:700;background:#fff;border-left-color:var(--blue)}
265.mnv-sub.active::before{background:var(--blue)}
266.mnv-cta{padding:1rem 1.25rem;border-top:1px solid var(--br);display:flex;gap:.625rem;background:#fff;flex-shrink:0}
267.mnv-cta a{flex:1;padding:.8rem 1rem;border-radius:10px;font-size:.85rem;font-weight:700;text-align:center;text-decoration:none;transition:all .2s;box-sizing:border-box}
268.mnv-cta .login{color:var(--tx);border:1.5px solid var(--br);background:#fff}
269.mnv-cta .login:hover{border-color:var(--blue);color:var(--blue)}
270.mnv-cta .register{color:#fff;background:var(--blue);border:1.5px solid var(--blue)}
271.mnv-cta .register:hover{opacity:.88}
272
273/* ========== RESPONSIVE ========== */
274@media(max-width:1024px){
275  .tk-hero-grid{grid-template-columns:1fr;gap:2rem}
276  .tk-feat-in,.tk-feat:nth-of-type(odd) .tk-feat-in{grid-template-columns:1fr;gap:2rem}
277  .tk-feat:nth-of-type(odd) .tk-feat-body,.tk-feat:nth-of-type(odd) .tk-feat-visual{order:unset}
278  .tk-bene-grid{grid-template-columns:repeat(2,1fr)}
279  .tk-cta-box{grid-template-columns:1fr;gap:1.75rem}
280}
281@media(max-width:960px){
282  .hdr nav,.hdr-right{display:none}
283  .hdr-group{margin-left:auto}
284  .mnv-toggle{display:flex;align-items:center;justify-content:center}
285  .tk-hero h1{font-size:2.2rem}
286  .fgrid2{grid-template-columns:1fr 1fr;gap:2rem}
287}
288@media(max-width:640px){
289  .tk-hero h1{font-size:1.85rem;letter-spacing:-.8px}
290  .tk-hero-lead{font-size:1rem}
291  .tk-feat-body h2{font-size:1.5rem}
292  .hdr{padding:0 1rem;height:60px}
293  .wrap{padding:0 1.25rem}
294  .fgrid2{grid-template-columns:1fr;gap:1.5rem}
295  .fbot{flex-direction:column;gap:.5rem;text-align:center}
296  .tk-hero-stats{gap:1.5rem}
297  .tk-bene-grid{grid-template-columns:1fr}
298  .tk-cta-box{padding:2rem 1.5rem}
299  .omif-modal{max-height:94vh;border-radius:16px}
300  .omif-hero{padding:1.75rem 1.25rem 1.25rem}
301  .omif-hero h3{font-size:1.3rem}
302  .omif-form{padding:1.25rem 1.25rem 1.5rem;gap:.75rem}
303  .omif-row,.omif-region{grid-template-columns:1fr}
304}
304
305</style>
306<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
307<script id="omi-utm-normalize">
308(function(){try{
309  var p=new URLSearchParams(location.search);
310  var coStd=false; p.forEach(function(v,k){ if(/^utm_/i.test(k)) coStd=true; });
311  if(!coStd){
312    var g=p.get('utm')||p.get('source')||p.get('ref')||p.get('src');
313    if(g){ p.set('utm_source', g);
314      history.replaceState(null,'', location.pathname + '?' + p.toString() + location.hash); }
315  }
316  /* Lưu UTM LẦN CHẠM ĐẦU của phiên để form gửi kèm đúng nguồn dù người dùng đã
317     chuyển sang trang khác (mất tham số trên URL). First-touch: chỉ ghi nếu chưa có. */
318  var keys=['utm_source','utm_medium','utm_campaign','utm_term','utm_content','utm_id','gclid','fbclid'];
319  var cur={}, has=false;
320  keys.forEach(function(k){ var v=p.get(k); if(v){ cur[k]=v; has=true; } });
321  if(has && !sessionStorage.getItem('omi_utm')){ sessionStorage.setItem('omi_utm', JSON.stringify(cur)); }
322}catch(e){}})();
323</script>
323
324<link rel='dns-prefetch' href='//fonts.googleapis.com' />
325<link rel="alternate" type="application/rss+xml" title="Dòng thông tin OMICall &raquo;" href="https://omicall.com/feed/" />
326<link rel="alternate" type="application/rss+xml" title="OMICall &raquo; Dòng bình luận" href="https://omicall.com/comments/feed/" />
327<!-- Google Ads AW-778631136 -->
vendor: 64 bytes, lines 327-328
327
328<script async src="https://www.googletagmanager.com/gtag/js?id=
328AW-778631136
vendor: 12 bytes, line 328
328"></script>
329<script>
330window.dataLayer = window.dataLayer || [];
331window.omiAdsGtag = function(){ window.dataLayer.push(arguments); };
332window.omiAdsGtag('js', new Date());
333window.omiAdsGtag('config', 'AW-778631136');
334</script>
334
335<!-- End Google Ads -->
336<link rel="alternate" type="application/rss+xml" title="OMICall &raquo; Marketing Dòng bình luận" href="https://omicall.com/doi-tac-kinh-doanh/marketing/feed/" />
337<!-- Meta Pixel Code -->
338<script>
vendor: 399 bytes, lines 338-347
338
339!function(f,b,e,v,n,t,s)
340{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
341n.callMethod.apply(n,arguments):n.queue.push(arguments)};
342if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
343n.queue=[];t=b.createElement(e);t.async=!0;
344t.src=v;s=b.getElementsByTagName(e)[0];
345s.parentNode.insertBefore(t,s)}(window, document,'script',
346'https://connect.facebook.net/en_US/fbevents.js');
347fbq('init', '
3471825358274826282
vendor: 30 bytes, lines 347-348
347');
348fbq('track', 'PageView');
349</script>
349
350<noscript><img height="1" width="1" style="display:none"
351src="https://www.facebook.com/tr?id=1825358274826282&ev=PageView&noscript=1"
352/></noscript>
353<!-- End Meta Pixel Code -->
354<link rel="alternate" title="oNhúng (JSON)" type="application/json+oembed" href="https://omicall.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fomicall.com%2Fdoi-tac-kinh-doanh%2Fmarketing%2F" />
355<link rel="alternate" title="oNhúng (XML)" type="text/xml+oembed" href="https://omicall.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fomicall.com%2Fdoi-tac-kinh-doanh%2Fmarketing%2F&#038;format=xml" />
356<link rel='stylesheet' id='omicom-font-css' href='https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&#038;display=swap' media='all' />
357<link rel='stylesheet' id='omicom-base-css' href='https://omicall.com/wp-content/mu-plugins/omicall-2026/style.css?ver=2026.09.04.2' media='all' />
358<link rel="https://api.w.org/" href="https://omicall.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://omicall.com/wp-json/wp/v2/media/6054" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://omicall.com/xmlrpc.php?rsd" />
359<meta name="generator" content="WordPress 7.1.2" />
360<link rel='shortlink' href='https://omicall.com/?p=6054' />
361<!-- HFCM by 99 Robots - Snippet # 3: APP cá»§a OMI -->
362<meta name="google-site-verification" content="pptYaWnO9GGfxXAhnYclspp-nXR8kU-SiXxia1WXuTY" />
363<!-- /end HFCM by 99 Robots -->
364<!-- HFCM by 99 Robots - Snippet # 5: Popup Ladipage 1 -->
365<script src="https://w.ladicdn.com/popupx/sdk.js" id="622f18c9fe570c002c648a8b" async></script>
365
366<!-- /end HFCM by 99 Robots -->
367<!-- HFCM by 99 Robots - Snippet # 6: Google Tag Manager -->
368<!-- Google Tag Manager -->
369<script>
vendor: 331 bytes, lines 369-373
369(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
370new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
371j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
372'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
373})(window,document,'script','dataLayer','
373GTM-MWPHSFHG
vendor: 3 bytes, line 373
373');
373</script>
373
374<!-- End Google Tag Manager -->
375<!-- /end HFCM by 99 Robots -->
376<meta name="og:url" content="https://omicall.com/doi-tac-kinh-doanh/marketing/" /><!-- Google tag: GA4 + Google Ads -->
vendor: 64 bytes, lines 376-377
376
377<script async src="https://www.googletagmanager.com/gtag/js?id=
377G-YLVXFDS32W
vendor: 12 bytes, line 377
377"></script>
378<script>
vendor: 127 bytes, lines 379-382
379window.dataLayer = window.dataLayer || [];
380function gtag(){dataLayer.push(arguments);}
381gtag('js', new Date());
382gtag('config', '
382G-YLVXFDS32W
vendor: 4 bytes, line 382
382');
383gtag('config', 'AW-778631136');
384document.addEventListener('wpcf7mailsent', function (e) {
385  gtag('event', 'conversion', {'send_to': 'AW-778631136/sH3pCKeh8uYcEODvo_MC', 'value': 1.0, 'currency': 'VND'});
386  var fid = e.detail ? e.detail.contactFormId : undefined;
387  gtag('event', 'generate_lead', {'method': 'cf7', 'form_id': fid});
388});
389document.addEventListener('click', function (e) {
390  var a = e.target.closest ? e.target.closest('a[href*="sso.omicrm.io/register"], a[href*="sso.omicall.com/widget/register"]') : null;
391  if (a) { gtag('event', 'click_dung_thu', {'link_url': a.href}); }
392});
393</script>
393
394<!-- End Google tag -->
395        
395<script>
396                    </script>
396
397    <style type="text/css">
398            .bg-gradient,
399            .bg-hover-gradient:hover,
400            .author-widget_wrapper,
401            .service-box .number-box,
402            .service-box .overlay,
403            .icon-box.s1 .icon-main, .icon-box.s4 .icon-main,
404            .icon-box.s3 .icon-main,
405            .icon-box.s3 .bg-s3,
406            .icon-box-grid,
407            .process-box .number-box,
408            .ot-testimonials .testimonial-wrap .bg-block,
409            .projects-box .portfolio-info .portfolio-info-inner{ 
410                background-color: #0160e7;
411                background-image:-moz-linear-gradient(145deg, #0160e7, #00c3ff);
412                background-image:-webkit-linear-gradient(145deg, #0160e7, #00c3ff);
413                background-image:linear-gradient(145deg, #0160e7, #00c3ff); 
414            }
415
416            /**** Main Color ****/
417
418            	/* Background Color */
419                blockquote:before,
420                .bg-primary,
421                .octf-btn,
422                .octf-btn.octf-btn-white i,
423                .octf-btn-primary,
424                .post-box .post-cat a,
425                .blog-post .share-post a,
426                .widget-area .widget .widget-title:before,
427                .search-form .search-submit i,
428                .ot-pricing-table.s3 .title-table,
429                .ot-tabs .tab-link,
430                .ot-counter h6:before,
431                .dc-text.dc-bg-primary .elementor-drop-cap,
432                .mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i{ background-color: #76bd1d; }
433    			
434    			/* Color */
435                .text-primary,
436                .octf-btn.octf-btn-white,
437                .octf-btn.octf-btn-white:visited, .octf-btn.octf-btn-white:hover, .octf-btn.octf-btn-white:focus,
438                .octf-btn-icon i,
439                a:hover, a:focus, a:active,
440                .header-topbar a:hover,
441                .header-overlay .header-topbar a:hover,
442                .header_mobile .mobile_nav .mobile_mainmenu li li a:hover,.header_mobile .mobile_nav .mobile_mainmenu ul > li > ul > li.current-menu-ancestor > a,
443                .header_mobile .mobile_nav .mobile_mainmenu > li > a:hover, .header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-item > a,.header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-ancestor > a,
444                .page-header .breadcrumbs li a:hover,
445                .post-box .post-cat a:hover,
446                .post-box .entry-meta a:hover i,
447                .post-box .entry-title a:hover,
448                .blog-post .author-bio .author-info .author-socials a:hover,
449                .drop-cap span,
450                .sl-wrapper .sl-icon svg,
451                .comments-area .comment-item .comment-meta .comment-reply-link:hover,
452                .comment-respond .comment-reply-title small a:hover,
453                .comment-form .logged-in-as a:hover,
454                .icon-box .content-box h5 a:hover,
455                .icon-box.s3:hover h5 a:hover, .icon-box.s3:hover p a:hover,
456                .icon-box-grid .icon-box .content-box h5 a:hover,
457                .ot-pricing-table.s3 h2,
458                .ot-tabs .tab-content ul.has-icon li i,
459                .ot-counter h6,
460                .video-popup a,
461                .dc-text .elementor-drop-cap span{ color: #76bd1d; }
462    			
463    		/**** Second Color ****/
464            
465    		    /* Background Color */
466                .bg-second,
467                .slick-arrow:not(.slick-disabled):hover,
468                .octf-btn-secondary,
469                .octf-btn-secondary.octf-btn-white i,
470                .main-navigation > ul > li:after,.main-navigation > ul > li:before,
471                .main-navigation ul li li a:before,
472                .cart-contents .count,
473                .post-box .btn-play i:hover,
474                .page-pagination li span, .page-pagination li a:hover,
475                .blog-post .tagcloud a:hover,
476                .widget .tagcloud a:hover,
477                .widget-area .widget ul:not(.recent-news) > li a:hover:before,
478                .search-form .search-submit i:hover,
479                .ot-heading.text-light h6:before, .ot-heading.text-light h6:after,
480                .team-wrap .team-social a, .team-wrap .team-social span,
481                .ot-progress .progress-bar,
482                .ot-pricing-table .title-table,
483                .ot-tabs .tab-link.current, .ot-tabs .tab-link:hover,
484                .ot-accordions .acc-item .acc-toggle i,
485                .slider,
486                .video-popup a:hover,
487                .dc-text.dc-bg-second .elementor-drop-cap,
488                div .custom .tp-bullet:after,
489                .grid-lines .line-cleft .g-dot,
490                .grid-lines .line-cright .g-dot,
491                .project_filters li a:after{ background-color: #00c3ff; }        
492
493                /* Color */            
494                .text-second,
495                .slick-arrow,
496                .octf-btn-secondary i,
497                .octf-btn-secondary.octf-btn-white,
498                .octf-btn-secondary.octf-btn-white:visited, .octf-btn-secondary.octf-btn-white:hover, .octf-btn-secondary.octf-btn-white:focus,
499                a,
500                a:visited,
501                .topbar-info li i,
502                .main-navigation ul > li > a:hover,
503                .main-navigation ul li li a:hover,.main-navigation ul ul li.current-menu-item > a,.main-navigation ul ul li.current-menu-ancestor > a,
504                .header-style-1.header-overlay .btn-cta-header a,
505                .post-box .link-box a:hover,
506                .post-box .link-box i,
507                .post-box .quote-box i,
508                .post-box .btn-play i,
509                .widget-area .widget ul:not(.recent-news) > li a:hover,
510                .widget-area .widget ul:not(.recent-news) > li a:hover + span,
511                .widget .recent-news h6 a:hover,
512                .service-box:hover .number-box,
513                .service-box-s2 .number-box,
514                .active .service-box .number-box,
515                .icon-box.s1:hover .icon-main, .icon-box.s4:hover .icon-main,
516                .icon-box.s3:hover .icon-main,
517                .active .icon-box.s1 .icon-main,
518                .active .icon-box.s3 .icon-main,
519                .team-wrap .team-social.active span,
520                .ot-pricing-table .inner-table h2,
521                .ot-accordions .acc-item .acc-toggle:hover,
522                .ot-accordions .acc-item.current .acc-toggle,
523                .slick-dots li.slick-active button:before,
524                .real-numbers > span.active,
525                .real-numbers .chart-boxs .chart-item h2,
526                .dc-text.dc-text-second .elementor-drop-cap span,
527                .projects-style-2 .projects-box .portfolio-info .portfolio-cates,
528                .projects-style-2 .projects-box .portfolio-info .portfolio-cates a,
529                .project_filters li a:hover, .project_filters li a.selected,
530                .ot-countdown li.seperator,
531                #back-to-top{ color: #00c3ff; }
532
533                /* Border Color */
534                .video-popup a:hover span{ border-color: #00c3ff; }
535
536            /**** Third Color ****/
537                
538                /* Background Color */
539                .bg-third,
540                .octf-btn-third,
541                .octf-btn-third.octf-btn-white i,
542                .ot-pricing-table.s2 .title-table,
543                .message-box .icon-main,
544                input:checked + .slider,
545                .dc-text.dc-bg-third .elementor-drop-cap,
546                .grid-lines .g-dot{ background-color: #0160e7; }
547
548                /* Color */
549                .text-third,
550                .octf-btn-third i,
551                .octf-btn-third.octf-btn-white,
552                .octf-btn-third.octf-btn-white:visited, .octf-btn-third.octf-btn-white:hover, .octf-btn-third.octf-btn-white:focus,
553                .post-nav a,
554                .post-nav a:hover span,
555                .icon-box.s2 .icon-main,
556                .icon-box-grid .icon-box:hover .icon-main,
557                .ot-pricing-table.s2 h2,
558                .tab-titles .title-item:hover .icon-main, .tab-titles .title-item.tab-active .icon-main,
559                .real-numbers > span.a-switch.active,
560                .dc-text.dc-text-third .elementor-drop-cap span{ color: #0160e7; }
561
562			</style><meta name="generator" content="Elementor 4.3.3; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
563			<style>
564				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
565				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
566					background-image: none !important;
567				}
568				@media screen and (max-height: 1024px) {
569					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
570					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
571						background-image: none !important;
572					}
573				}
574				@media screen and (max-height: 640px) {
575					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
576					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
577						background-image: none !important;
578					}
579				}
580			</style>
581			<link rel="icon" href="https://omicall.com/wp-content/uploads/cropped-favicon-502x502-1-32x32.png" sizes="32x32" />
582<link rel="icon" href="https://omicall.com/wp-content/uploads/cropped-favicon-502x502-1-192x192.png" sizes="192x192" />
583<link rel="apple-touch-icon" href="https://omicall.com/wp-content/uploads/cropped-favicon-502x502-1-180x180.png" />
584<meta name="msapplication-TileImage" content="https://omicall.com/wp-content/uploads/cropped-favicon-502x502-1-270x270.png" />
585<style id="omi-menu-visited">
586/* Link ĐÃ BẤM (:visited) trình duyệt bỏ qua màu thừa kế → rơi về xanh mặc định. Ép về
587   màu thiết kế, giữ hover xanh. Đặt ở <head> để không nhấp nháy. Phủ hết 32 trang inline. */
588.nav-dd-item:link, .nav-dd-item:visited { color: #1e3150; }
589.nav-dd-item:hover { color: #00B1FF; }
590nav a:not(.ncta):not(.nav-dd-item):link, nav a:not(.ncta):not(.nav-dd-item):visited { color: #6b7280; }
591nav a:not(.ncta):not(.nav-dd-item):hover { color: #00B1FF; }
592.bg-cat-btn:link, .bg-cat-btn:visited { color: #1e3150; }
593.bg-cat-btn:hover { color: #00B1FF; }
594.bg-cat-btn.active { color: #00B1FF; }
595/* Ẩn mục "Tổng đài giá rẻ" khỏi menu Dịch vụ (anh chốt 18/8) — cả menu desktop lẫn mobile.
596   Trang /dv-tong-dai-gia-re/ vẫn tồn tại, chỉ gỡ khỏi điều hướng. Phủ 33 trang inline. */
597/* Ẩn "Tổng đài giá rẻ" khỏi menu (desktop + mobile). Link bị đính ?utm_... nên PHẢI dùng
598   khớp bắt-đầu-bằng (^=), không dùng khớp chính xác (=) — nếu không sẽ trượt. */
599a[href^="/tong-dai-gia-re/"].nav-dd-item, a[href^="/tong-dai-gia-re/"].mnv-sub,
600.nav-dd-item[href^="/tong-dai-gia-re/"], .mnv-sub[href^="/tong-dai-gia-re/"] { display: none !important; }
601.bg-search input[type="search"] { -webkit-appearance: none; appearance: none; font-family: inherit;
602  /* Theme .vn ép input[type=search] padding:4px/radius:23px → khung tí hon. Lớp chrome.php
603     nạp muộn, ép lại kích thước khung to đúng thiết kế (anh chốt 17/8: khung nhỏ, không phải chữ). */
604  padding: 1.375rem 4.5rem 1.375rem 1.75rem !important;
605  border-radius: 18px !important;
606  font-size: 1.0625rem !important;
607  min-height: 66px !important;
608  box-sizing: border-box !important; }
609/* ===== CẤM TUYỆT ĐỐI đổi màu chữ nút khi tương tác (anh chốt 17/8) =====
610   Nút là thẻ <a>: sau khi bấm (:visited) chữ rơi về xanh mặc định của trình duyệt
611   ("màu xanh đã chọn"). Ép CỨNG màu gốc cho mọi trạng thái, literal + !important
612   (vì :visited bỏ qua var()). color + -webkit-text-fill-color để phủ cả nút clip-text. */
613.frow-cta-btn,.frow-cta-btn:link,.frow-cta-btn:visited,.frow-cta-btn:hover,.frow-cta-btn:focus,.frow-cta-btn:active,
614.btnp,.btnp:link,.btnp:visited,.btnp:hover,.btnp:focus,.btnp:active,
615.ncta,.ncta:link,.ncta:visited,.ncta:hover,.ncta:focus,.ncta:active,
616.tm-cta,.tm-cta:link,.tm-cta:visited,.tm-cta:hover,.tm-cta:focus,.tm-cta:active,
617.hdr-register,.hdr-register:link,.hdr-register:visited,.hdr-register:hover,.hdr-register:focus,.hdr-register:active,
618.register,.register:link,.register:visited,.register:hover,.register:focus,.register:active
619{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
620.hdr-login:link,.hdr-login:visited,.hdr-login:focus,.hdr-login:active,
621.login:link,.login:visited,.login:focus,.login:active,
622.mnv-link:link,.mnv-link:visited,.mnv-link:hover,.mnv-link:focus,.mnv-link:active,
623.mnv-sub:link,.mnv-sub:visited,.mnv-sub:hover,.mnv-sub:focus,.mnv-sub:active,
624.mnv-group-title:link,.mnv-group-title:visited,.mnv-group-title:hover,.mnv-group-title:focus,.mnv-group-title:active
625{ color:#1e3150 !important; -webkit-text-fill-color:#1e3150 !important; }
626.btno:link,.btno:visited,.btnw:link,.btnw:visited
627{ color:#00B1FF !important; -webkit-text-fill-color:#00B1FF !important; }
628.fsocial-ic:link,.fsocial-ic:visited,.fsocial-ic:focus,.fsocial-ic:active
629{ color:#6b7280 !important; -webkit-text-fill-color:#6b7280 !important; }
630/* Hover đổi màu theo thương hiệu (giống .vn) — global mọi trang, thắng khoá xám */
631.fsocial-ic:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
632.fsocial-ic.we:hover{color:#00B1FF !important;-webkit-text-fill-color:#00B1FF !important;border-color:#00B1FF}
633.fsocial-ic.fb:hover{color:#1877f2 !important;-webkit-text-fill-color:#1877f2 !important;border-color:#1877f2}
634.fsocial-ic.li:hover{color:#0a66c2 !important;-webkit-text-fill-color:#0a66c2 !important;border-color:#0a66c2}
635.fsocial-ic.yt:hover{color:#ff0000 !important;-webkit-text-fill-color:#ff0000 !important;border-color:#ff0000}
636.fsocial-ic.tk:hover{color:#111 !important;-webkit-text-fill-color:#111 !important;border-color:#111;background:#fafafa}
637.fsocial-ic.za:hover{color:#0068ff !important;-webkit-text-fill-color:#0068ff !important;border-color:#0068ff;background:#e6f0ff}
638.fsocial-ic.wa:hover{color:#25D366 !important;-webkit-text-fill-color:#25D366 !important;border-color:#25D366}
639.fc-val:link,.fc-val:visited,.fc-val:focus,.fc-val:active
640{ color:#1e3150 !important; -webkit-text-fill-color:#1e3150 !important; }
641.banner-cta:link,.banner-cta:visited { color:#00B1FF !important; -webkit-text-fill-color:#00B1FF !important; }
642.bg-news-btn-sub:link,.bg-news-btn-sub:visited { color:#fff !important; -webkit-text-fill-color:#fff !important; }
643.bg-news-btn:link,.bg-news-btn:visited { color:#0080c0 !important; -webkit-text-fill-color:#0080c0 !important; }
644a,button{ -webkit-tap-highlight-color:transparent !important; }
645/* HOVER nút: bản gốc dùng opacity:.88 → nút MỜ đi, nền phía sau thấu qua làm chữ trắng
646   loang xanh (anh soi 17/8, kể cả nút .vn). Thay bằng brightness(.94): tối nhẹ đặc, không
647   trong suốt, chữ đọc rõ, hợp mọi màu nút. Ở <head> phủ header + CTA cả 32 trang. */
648.frow-cta-btn:hover, .tm-cta:hover, .btnp:hover, .btnw:hover, .hdr-register:hover, .ncta:hover {
649  opacity: 1 !important; filter: brightness(0.94);
650}
651</style>
652<style id="wp-custom-css">
653@media (max-width: 991px){
654.main-navigation .menu li {
655margin: 10px 0px;
656}
657} 
658.rt-reading-time
659{
660    display: block;
661    padding-bottom: 20pt;
662    color: orange;
663    font-style: italic;
664}
665
666.buttongiua {text-align: center;}
667
668#responsive-form{
669	max-width:600px /*-- change this to get your desired form width --*/;
670	margin:0 auto;
671        width:100%;
672}
673.form-row{
674	width: 100%;
675}
676.column-half, .column-full{
677	float: left;
678	position: relative;
679	padding: 0.65rem;
680	width:100%;
681	-webkit-box-sizing: border-box;
682        -moz-box-sizing: border-box;
683        box-sizing: border-box;
684font-family:'Mulish';
685					
686}
687.clearfix:after {
688	content: "";
689	display: table;
690	clear: both;
691}
692 
693/**---------------- Media query ----------------**/
694@media only screen and (min-width: 48em) { 
695	.column-half{
696		width: 50%;
697	}
698}
699
700
701/*Form width*/
702.wpcf7 {
703    text-align: center;
704    width: 100%;
705    border-radius: 15px;
706}
707 
708/*Input Field widths*/
709.wpcf7-text, .wpcf7-textarea {
710    width: 100%;
711    border: 1px solid #e4e4e4;
712}
713 
714.wpcf7-text {
715 
716	height: 50px;
717    padding-left: 10px;
718
719}
720.wpcf7-text:focus, .wpcf7-textarea:focus {
721    border-color: #129FEA;
722
723}
724 
725/*Label Font*/
726.wpcf7-form p {
727    font-size: 16px;
728    font-family: 'Roboto', sans-serif;
729}
730 
731/*Submit button Font*/
732.wpcf7-submit {
733    width: 100%;
734    font-size: 15px !important;
735    color: #fff !important;
736    padding: 20px;
737	  text-align: center;
738}
739 
740/*Submit button Hover*/
741.wpcf7-submit:hover {
742    background: #56cc6e !important;
743}
744 
745/*Response messages - Error & Success*/
746.wpcf7-response-output {
747    margin-bottom: 30px !important;
748}
749 
750/***********borders************/
751 
752/*Form border*/
753.wpcf7 {
754    padding: 20px 25px !important;
755    padding-bottom: 0px !important;
756}
757 
758/*Input Field borders*/
759.wpcf7-text:focus, .wpcf7-textarea:focus {
760    border-color: #8F8F8F !important;
761}
762 
763/*Submit button Background*/
764.wpcf7-submit {
765    background: #7E7E7E !important;
766    color: #fff !important;
767	font-family: 'Mulish';
768}
769 
770/*Submit button Hover*/
771.wpcf7-submit:hover {
772    background: #5F5F5F !important;
773}
774 
775/***********colors************/
776 
777/*Submit button background & border*/
778.wpcf7-submit {
779    background-color: #2075ef !important;
780    border: 2px solid #5A5050 !important;
781    color: #5A5050 !important;
782    font-weight: bold !important;
783}
784 
785/*Submit button Hover styles*/
786.wpcf7-submit:hover {
787    background-color: rgba(29, 39, 49, 0.66) !important;    
788    border-color: #4CAF50 !important;
789    color: #4CAF50 !important;
790}
791 
792/*Label Text color*/
793.wpcf7-form p {
794    color: #FFF;
795}
796 
797.wpcf7-form label{
798	/*display: none;*/
799}
800 
801/*Input Field Text color*/
802.wpcf7-text, .wpcf7-textarea {
803	color: #777;
804}
805 
806/****background-images********/
807 
808/*Form background*/
809.wpcf7 {
810    background-color: #00b1ff;
811    background-position: center;
812    background-size: cover;
813}
814 
815/*Label Text color*/
816.wpcf7-form p {
817    /*display: none;*/
818    /*color: #000000;*/
819}
820 
821/*Submit button background & border*/
822.wpcf7-submit {
823    border: 2px solid #FFFFFF !important;
824    color: #FFFFFF !important;
825}
826 
827/*Submit button Hover styles*/
828.wpcf7-submit:hover {
829    border-color: transparent !important;
830    background-color: #2da545 !important;
831    color: #FFFFFF !important;
832}
833 
834/*Input Field border*/
835.wpcf7-text:focus, .wpcf7-textarea:focus {
836    border-color: #5A3D3D !important;
837}
838
839.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
840    border-color: #f00;
841    color: white;
842    margin-top: -60px;
843    padding-bottom: 30px;
844}
845
846h5.cf7 {
847	  font-family: 'Mulish';
848    font-size: 20px;
849    font-weight: 350;
850    letter-spacing: 0px;
851    line-height: 1.2;
852    text-transform: none;
853    color: #ffffff;
854}
855
856#fancybox-outer {
857    width: 95%;
858	  height: 95%;
859    max-width: 920px;
860    margin: 0 auto;
861}
862 
863#fancybox-wrap {
864    left: 5% !important;
865    width: calc(100% - 32px) !important;
866    right: 5% !important;
867}
868
869input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
870    color: #000;
871    border: 1px solid #e6e6e6;
872    border-radius: 23px;
873    -webkit-border-radius: 23px;
874    -moz-border-radius: 23px;
875    padding: 4px 10px;
876    box-sizing: border-box;
877    outline: none;
878    font-family: 'Mulish';
879}
880
881
882.hotline-phone-ring-wrap {
883  position: fixed;
884  bottom: 0;
885  left: 0;
886  z-index: 999999;
887}
888.hotline-phone-ring {
889  position: relative;
890  visibility: visible;
891  background-color: transparent;
892  width: 150px;
893  height: 110px;
894  cursor: pointer;
895  z-index: 11;
896  -webkit-backface-visibility: hidden;
897  -webkit-transform: translateZ(0);
898  transition: visibility .5s;
899  left: 0;
900  bottom: 0;
901  display: block;
902}
903.hotline-phone-ring-circle {
904	width: 85px;
905  height: 85px;
906  top: 10px;
907  left: 10px;
908  position: absolute;
909  background-color: transparent;
910  border-radius: 100%;
911  border: 2px solid #e60808;
912  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
913  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
914  transition: all .5s;
915  -webkit-transform-origin: 50% 50%;
916  -ms-transform-origin: 50% 50%;
917  transform-origin: 50% 50%;
918  opacity: 0.5;
919}
920.hotline-phone-ring-circle-fill {
921	width: 55px;
922  height: 55px;
923  top: 25px;
924  left: 25px;
925  position: absolute;
926  background-color: rgba(230, 8, 8, 0.7);
927  border-radius: 100%;
928  border: 2px solid transparent;
929  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
930  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
931  transition: all .5s;
932  -webkit-transform-origin: 50% 50%;
933  -ms-transform-origin: 50% 50%;
934  transform-origin: 50% 50%;
935}
936.hotline-phone-ring-img-circle {
937	background-color: #e60808;
938	width: 33px;
939  height: 33px;
940  top: 37px;
941  left: 37px;
942  position: absolute;
943  background-size: 20px;
944  border-radius: 100%;
945  border: 2px solid transparent;
946  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
947  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
948  -webkit-transform-origin: 50% 50%;
949  -ms-transform-origin: 50% 50%;
950  transform-origin: 50% 50%;
951  display: -webkit-box;
952  display: -webkit-flex;
953  display: -ms-flexbox;
954  display: flex;
955  align-items: center;
956  justify-content: center;
957}
958.hotline-phone-ring-img-circle .pps-btn-img {
959	display: -webkit-box;
960  display: -webkit-flex;
961  display: -ms-flexbox;
962  display: flex;
963}
964.hotline-phone-ring-img-circle .pps-btn-img img {
965	width: 20px;
966	height: 20px;
967}
968.hotline-bar {
969  position: absolute;
970  background: rgba(230, 8, 8, 0.75);
971  height: 40px;
972  width: 180px;
973  line-height: 40px;
974  border-radius: 3px;
975  padding: 0 10px;
976  background-size: 100%;
977  cursor: pointer;
978  transition: all 0.8s;
979  -webkit-transition: all 0.8s;
980  z-index: 9;
981  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
982  border-radius: 50px !important;
983  /* width: 175px !important; */
984  left: 33px;
985  bottom: 37px;
986}
987.hotline-bar > a {
988  color: #fff;
989  text-decoration: none;
990  font-size: 15px;
991  font-weight: bold;
992  text-indent: 43px;
993  display: block;
994  letter-spacing: 1px;
995  line-height: 40px;
996  font-family: Arial;
997}
998.hotline-bar > a:hover,
999.hotline-bar > a:active {
1000  color: #fff;
1001}
1002@-webkit-keyframes phonering-alo-circle-anim {
1003  0% {
1004    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
1005    -webkit-opacity: 0.1;
1006  }
1007  30% {
1008    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
1009    -webkit-opacity: 0.5;
1010  }
1011  100% {
1012    -webkit-transform: rotate(0) scale(1) skew(1deg);
1013    -webkit-opacity: 0.1;
1014  }
1015}
1016@-webkit-keyframes phonering-alo-circle-fill-anim {
1017  0% {
1018    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
1019    opacity: 0.6;
1020  }
1021  50% {
1022    -webkit-transform: rotate(0) scale(1) skew(1deg);
1023    opacity: 0.6;
1024  }
1025  100% {
1026    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
1027    opacity: 0.6;
1028  }
1029}
1030@-webkit-keyframes phonering-alo-circle-img-anim {
1031  0% {
1032    -webkit-transform: rotate(0) scale(1) skew(1deg);
1033  }
1034  10% {
1035    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
1036  }
1037  20% {
1038    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
1039  }
1040  30% {
1041    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
1042  }
1043  40% {
1044    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
1045  }
1046  50% {
1047    -webkit-transform: rotate(0) scale(1) skew(1deg);
1048  }
1049  100% {
1050    -webkit-transform: rotate(0) scale(1) skew(1deg);
1051  }
1052}
1053@media (max-width: 768px) {
1054  .hotline-bar {
1055    display: none;
1056  }
1057}
1058
1059</style>
1060
1061<!-- omicall-2026: bù thẻ head (Yoast đã tắt trên trang route) -->
1062<link rel="canonical" href="https://omicall.com/tinh-nang/marketing/">
1063<meta name="robots" content="index, follow, max-image-preview:large">
1064<meta property="og:type" content="website">
1065<meta property="og:url" content="https://omicall.com/tinh-nang/marketing/">
1066<meta property="og:site_name" content="OMICall">
1067<meta property="og:locale" content="vi_VN">
1068<link rel="alternate" hreflang="vi" href="https://omicall.com/tinh-nang/marketing/">
1069<link rel="alternate" hreflang="lo" href="https://omicall.com/lo/tinh-nang/marketing/">
1070<link rel="alternate" hreflang="en" href="https://omicall.com/en/tinh-nang/marketing/">
1071<link rel="alternate" hreflang="x-default" href="https://omicall.com/tinh-nang/marketing/">
1072<meta property="og:title" content="Marketing đa kênh (ZBS/SMS/Email/Autocall) – Tính năng OMICall">
1073<meta name="twitter:title" content="Marketing đa kênh (ZBS/SMS/Email/Autocall) – Tính năng OMICall">
1074<meta property="og:description" content="Tính năng Marketing đa kênh OMICall: gửi ZBS Zalo, SMS Brandname, Email, Autocall hàng loạt hoặc tự động, báo cáo xem-bấm chi tiết, chỉ tính tiền tin gửi thành công.">
1075<meta name="twitter:description" content="Tính năng Marketing đa kênh OMICall: gửi ZBS Zalo, SMS Brandname, Email, Autocall hàng loạt hoặc tự động, báo cáo xem-bấm chi tiết, chỉ tính tiền tin gửi thành công.">
1076<meta name="twitter:card" content="summary_large_image">
1077<meta property="og:image" content="https://omicall.com/wp-content/uploads/omicall-og-tong-dai-da-kenh-ai-2026.jpg">
1078<meta name="twitter:image" content="https://omicall.com/wp-content/uploads/omicall-og-tong-dai-da-kenh-ai-2026.jpg">
1079</head>
1080<body data-source="omicall-tn-marketing">
1081
1082<!-- ============ HEADER ============ -->
1083<header>
1084  <div class="hdr">
1085    <div><a href="https://omicall.com/" class="logo" aria-label="OMICall — Trang chủ"><img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/logo-omicall.png" alt="OMICall"></a></div>
1086    <div class="hdr-group">
1087    <nav>
1088      <a href="/">Trang chá»§</a>
1089      <div class="nav-dropdown">
1090        <a href="#" class="nav-dd-trigger">
1090Tính năng <svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 3.5L5 6.5L8 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></a>
1091        <div class="nav-dd-menu">
1092          <div class="nav-dd-label">Tính năng</div>
1093          <a href="/tinh-nang/ticket/" class="nav-dd-item">Quản lý công việc (Ticket)</a>
1094          <a href="/tinh-nang/crm/" class="nav-dd-item">Quản lý khách hàng (CRM)</a>
1095          <a href="/tinh-nang/marketing/" class="nav-dd-item">Marketing (ZBS/SMS/Email/Autocall)</a>
1096          <a href="/tinh-nang/omni/" class="nav-dd-item">Đa kênh (Omni Channel)</a>
1097          <a href="/tinh-nang/workflow/" class="nav-dd-item">Workflow Tự động hoá<span class="nav-dd-badge unique">Độc đáo</span></a>
1098          <a href="/tinh-nang/tong-dai/" class="nav-dd-item">Tổng đài ảo<span class="nav-dd-badge featured">Nổi bật</span></a>
1099          <a href="/tong-dai-ai/" class="nav-dd-item">OMI AI<span class="nav-dd-badge competitive">Cạnh tranh</span></a>
1100          <a href="/tinh-nang/bao-cao/" class="nav-dd-item">Báo cáo</a>
1101          <a href="/tinh-nang/nhan-vien/" class="nav-dd-item">Quản lý nhân viên</a>
1102        </div>
1103      </div>
1104      <div class="nav-dropdown">
1105        <a href="#" class="nav-dd-trigger">Giải pháp <svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 3.5L5 6.5L8 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></a>
1106        <div class="nav-dd-menu">
1107          <div class="nav-dd-label">Theo ngành nghề</div>
1108          <a href="/giai-phap/bat-dong-san/" class="nav-dd-item">Bất động sản</a>
1109          <a href="/giai-phap/tai-chinh/" class="nav-dd-item">Tài chính – Ngân hàng</a>
1110          <a href="/giai-phap/bao-hiem/" class="nav-dd-item">Bảo hiểm</a>
1111          <a href="/giai-phap/tmdt/" class="nav-dd-item">Thương mại điện tử</a>
1112          <a href="/giai-phap/giao-duc/" class="nav-dd-item">Giáo dục</a>
1113          <a href="/giai-phap/y-te/" class="nav-dd-item">Y tế</a>
1114          <a href="/giai-phap/logistics/" class="nav-dd-item">Logistics – Vận tải</a>
1115          <a href="/giai-phap/du-lich/" class="nav-dd-item">Du lịch – Khách sạn</a>
1116          <a href="/giai-phap/fnb/" class="nav-dd-item">F&amp;B</a>
1117        </div>
1118      </div>
1119      <div class="nav-dropdown">
1120        <a href="#" class="nav-dd-trigger">Dịch vụ <svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 3.5L5 6.5L8 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></a>
1121        <div class="nav-dd-menu">
1122          <div class="nav-dd-label">Dịch vụ viễn thông</div>
1123          <a href="/tong-dai-gia-re/" class="nav-dd-item">Tổng đài giá rẻ<span class="nav-dd-badge value">Tiết kiệm</span></a>
1124          <a href="/dau-so-tong-dai-1900-va-1800/" class="nav-dd-item">Đầu số tổng đài</a>
1125          <a href="/voice-brandname/" class="nav-dd-item">
1125Voice Brandname</a>
1126          <a href="/sms-brandname/" class="nav-dd-item">Gá»­i tin ZBS/SMS</a>
1127        </div>
1128      </div>
1129      <a href="/thiet-bi/">Thiết bị</a>
1130      <a href="/bang-gia/">Bảng giá</a>
1131      <div class="nav-dropdown">
1132        <a href="#" class="nav-dd-trigger">Đối tác <svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 3.5L5 6.5L8 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></a>
1133        <div class="nav-dd-menu">
1134          <div class="nav-dd-label">Chương trình đối tác</div>
1135          <a href="/doi-tac-kinh-doanh/" class="nav-dd-item">Đại lý · Cộng tác viên</a>
1136          <a href="/doi-tac-tich-hop/" class="nav-dd-item">Đối tác tích hợp</a>
1137        </div>
1138      </div>
1139      <a href="/case-study/">Case study</a>
1140      <a href="/blog/">Blog</a>
1141    
1142      <div class="nav-dropdown nav-lang">
1143        <a href="#" class="nav-dd-trigger" aria-haspopup="true" aria-label="Ngôn ngữ / Language"><span class="nav-lang-flag"><svg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><rect width="30" height="20" fill="#DA251D"/><polygon fill="#FFFF00" points="15,4 18.53,14.85 9.29,8.15 20.71,8.15 11.47,14.85"/></svg></span>VI <svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 3.5L5 6.5L8 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></a>
1144        <div class="nav-dd-menu nav-lang-menu">
1145          <a href="/tinh-nang/marketing/" class="nav-dd-item active" hreflang="vi" lang="vi"><span class="nav-lang-flag"><svg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><rect width="30" height="20" fill="#DA251D"/><polygon fill="#FFFF00" points="15,4 18.53,14.85 9.29,8.15 20.71,8.15 11.47,14.85"/></svg></span><span class="nav-lang-ma">VI</span><span class="nav-lang-ten">Tiếng Việt</span></a>
1146          <a href="/lo/tinh-nang/marketing/" class="nav-dd-item" hreflang="lo" lang="lo"><span class="nav-lang-flag"><svg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><rect width="30" height="20" fill="#CE1126"/><rect y="5" width="30" height="10" fill="#002868"/><circle cx="15" cy="10" r="4" fill="#FFFFFF"/></svg></span><span class="nav-lang-ma">LO</span><span class="nav-lang-ten">ລາວ</span></a>
1147          <a href="/en/tinh-nang/marketing/" class="nav-dd-item" hreflang="en" lang="en"><span class="nav-lang-flag"><svg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><rect width="30" height="20" fill="#012169"/><path d="M0,0 L30,20 M30,0 L0,20" stroke="#FFFFFF" stroke-width="4"/><path d="M0,0 L30,20 M30,0 L0,20" stroke="#C8102E" stroke-width="1.6"/><path d="M15,0 V20 M0,10 H30" stroke="#FFFFFF" stroke-width="6"/><path d="M15,0 V20 M0,10 H30" stroke="#C8102E" stroke-width="3.6"/></svg></span><span class="nav-lang-ma">EN</span><span class="nav-lang-ten">English</span></a>
1148        </div>
1149      </div>
1150    </nav>
1151    <div class="hdr-right">
1152      <a href="https://sso.omicrm.io/" class="hdr-login">Đăng nhập</a>
1153      <a href="https://sso.omicrm.io/register" class="hdr-register">Đăng ký</a>
1154    </div>
1155    <button type="button" class="mnv-toggle" id="mnvToggle" aria-label="Mở menu" onclick="openMnv()">
1156      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
1157    </button>
1158    </div>
1159  </div>
1160</header>
1161
1162<!-- ============ MOBILE MENU ============ -->
1163<div class="mnv-overlay" id="mnvOverlay" onclick="closeMnv()"></div>
1164<aside class="mnv-drawer" id="mnvDrawer" aria-hidden="true">
1165  <div class="mnv-header">
1166    <a href="https://omicall.com/" class="logo" aria-label="OMICall — Trang chủ"><img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/logo-omicall.png" alt="OMICall"></a>
1167    <button type="button" class="mnv-close" id="mnvClose" aria-label="Đóng menu" onclick="closeMnv()">
1168      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
1169    </button>
1170  </div>
1171  <div class="mnv-body">
1172    <a href="/" class="mnv-link">Trang chá»§</a>
1173    <div class="mnv-group">
1174      <div class="mnv-group-title" onclick="toggleMnvGroup(this)">Tính năng</div>
1175      <div class="mnv-group-items">
1176        <a href="/tinh-nang/ticket/" class="mnv-sub">
1176Quản lý công việc (Ticket)</a>
1177        <a href="/tinh-nang/crm/" class="mnv-sub">Quản lý khách hàng (CRM)</a>
1178        <a href="/tinh-nang/marketing/" class="mnv-sub">Marketing (ZBS/SMS/Email/Autocall)</a>
1179        <a href="/tinh-nang/omni/" class="mnv-sub">Đa kênh (Omni Channel)</a>
1180        <a href="/tinh-nang/workflow/" class="mnv-sub">Workflow Tự động hoá</a>
1181        <a href="/tinh-nang/tong-dai/" class="mnv-sub">Tổng đài ảo</a>
1182        <a href="/tong-dai-ai/" class="mnv-sub">OMI AI</a>
1183        <a href="/tinh-nang/bao-cao/" class="mnv-sub">Báo cáo</a>
1184        <a href="/tinh-nang/nhan-vien/" class="mnv-sub">Quản lý nhân viên</a>
1185      </div>
1186    </div>
1187    <div class="mnv-group">
1188      <div class="mnv-group-title" onclick="toggleMnvGroup(this)">Giải pháp</div>
1189      <div class="mnv-group-items">
1190        <a href="/giai-phap/bat-dong-san/" class="mnv-sub">Bất động sản</a>
1191        <a href="/giai-phap/tai-chinh/" class="mnv-sub">Tài chính – Ngân hàng</a>
1192        <a href="/giai-phap/bao-hiem/" class="mnv-sub">Bảo hiểm</a>
1193        <a href="/giai-phap/tmdt/" class="mnv-sub">Thương mại điện tử</a>
1194        <a href="/giai-phap/giao-duc/" class="mnv-sub">Giáo dục</a>
1195        <a href="/giai-phap/y-te/" class="mnv-sub">Y tế</a>
1196        <a href="/giai-phap/logistics/" class="mnv-sub">Logistics – Vận tải</a>
1197        <a href="/giai-phap/du-lich/" class="mnv-sub">Du lịch – Khách sạn</a>
1198        <a href="/giai-phap/fnb/" class="mnv-sub">F&amp;B</a>
1199      </div>
1200    </div>
1201    <div class="mnv-group">
1202      <div class="mnv-group-title" onclick="toggleMnvGroup(this)">Dịch vụ</div>
1203      <div class="mnv-group-items">
1204        <a href="/tong-dai-gia-re/" class="mnv-sub">Tổng đài giá rẻ</a>
1205        <a href="/dau-so-tong-dai-1900-va-1800/" class="mnv-sub">Đầu số tổng đài</a>
1206        <a href="/voice-brandname/" class="mnv-sub">
1206Voice Brandname</a>
1207        <a href="/sms-brandname/" class="mnv-sub">Gá»­i tin ZBS/SMS</a>
1208      </div>
1209    </div>
1210    <a href="/thiet-bi/" class="mnv-link">Thiết bị</a>
1211    <a href="/bang-gia/" class="mnv-link">Bảng giá</a>
1212    <div class="mnv-group">
1213      <div class="mnv-group-title" onclick="toggleMnvGroup(this)">Đối tác</div>
1214      <div class="mnv-group-items">
1215        <a href="/doi-tac-kinh-doanh/" class="mnv-sub">Đại lý · Cộng tác viên</a>
1216        <a href="/doi-tac-tich-hop/" class="mnv-sub">Đối tác tích hợp</a>
1217      </div>
1218    </div>
1219    <a href="/case-study/" class="mnv-link">Case study</a>
1220    <a href="/blog/" class="mnv-link">Blog</a>
1221  
1222  <div class="mnv-lang">
1223    <span class="mnv-lang-nhan">Ngôn ngữ · Language</span>
1224    <div class="mnv-lang-ds">
1225      <a href="/tinh-nang/marketing/" class="mnv-lang-item active" hreflang="vi" lang="vi"><span class="nav-lang-flag"><svg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><rect width="30" height="20" fill="#DA251D"/><polygon fill="#FFFF00" points="15,4 18.53,14.85 9.29,8.15 20.71,8.15 11.47,14.85"/></svg></span><b>VI</b><small>Tiếng Việt</small></a>
1226      <a href="/lo/tinh-nang/marketing/" class="mnv-lang-item" hreflang="lo" lang="lo"><span class="nav-lang-flag"><svg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><rect width="30" height="20" fill="#CE1126"/><rect y="5" width="30" height="10" fill="#002868"/><circle cx="15" cy="10" r="4" fill="#FFFFFF"/></svg></span><b>LO</b><small>ລາວ</small></a>
1227      <a href="/en/tinh-nang/marketing/" class="mnv-lang-item" hreflang="en" lang="en"><span class="nav-lang-flag"><svg viewBox="0 0 30 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><rect width="30" height="20" fill="#012169"/><path d="M0,0 L30,20 M30,0 L0,20" stroke="#FFFFFF" stroke-width="4"/><path d="M0,0 L30,20 M30,0 L0,20" stroke="#C8102E" stroke-width="1.6"/><path d="M15,0 V20 M0,10 H30" stroke="#FFFFFF" stroke-width="6"/><path d="M15,0 V20 M0,10 H30" stroke="#C8102E" stroke-width="3.6"/></svg></span><b>EN</b><small>English</small></a>
1228    </div>
1229  </div>
1230  <div class="mnv-cta">
1231    <a href="https://sso.omicrm.io/" class="login">Đăng nhập</a>
1232    <a href="https://sso.omicrm.io/register" class="register">Đăng ký</a>
1233  </div>
1234</aside>
1235
1236<!-- ============ HERO ============ -->
1237<section class="tk-hero">
1238  <div class="wrap">
1239    <div class="tk-hero-grid">
1240      <div class="tk-hero-left">
1241        <div class="tk-crumb">
1242          <a href="/">Trang chá»§</a>
1243          <span class="sep">›</span>
1244          <a href="#">Tính năng</a>
1245          <span class="sep">›</span>
1246          <span class="cur">Marketing đa kênh (ZBS/SMS/Email/Autocall)</span>
1247        </div>
1248        <div class="tk-hero-tag">
1249          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11l18-5v12L3 14v-3z"/><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"/></svg>
1250          Module Marketing · Đa kênh tự động
1251        </div>
1252        <h1>Chiến dịch <span class="hl">đa kênh tự động</span></h1>
1253        <p class="tk-hero-lead">Gửi ZBS, SMS Brandname, Email và Autocall hàng loạt qua kịch bản tự động. Báo cáo xem–bấm chi tiết. Chỉ tính tiền tin gửi thành công.</p>
1254        <div class="tk-hero-ctas">
1255          <button type="button" class="tk-btn p" data-open-form>
1256            Dùng thử miễn phí
1257            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="width:14px;height:14px"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
1258          </button>
1259          <a href="tel:19000211" class="tk-btn o">
1260            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="width:14px;height:14px"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
1261            1900 0211
1262          </a>
1263        </div>
1264        <div class="tk-hero-stats">
1265          <div><div class="tk-hero-stat-num">4</div><div class="tk-hero-stat-lbl">KÊNH: ZBS · SMS · EMAIL · AUTOCALL</div></div>
1266          <div><div class="tk-hero-stat-num">98%</div><div class="tk-hero-stat-lbl">TỶ LỆ GỬI THÀNH CÔNG</div></div>
1267          <div><div class="tk-hero-stat-num">100%</div><div class="tk-hero-stat-lbl">MINH BẠCH CHI PHÍ</div></div>
1268        </div>
1269      </div>
1270      <div class="tk-hero-visual">
1271        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/hero-v5.webp" alt="Giao diện Marketing Tự động hoá OMICall" style="width:100%;height:auto;display:block">
1272      </div>
1273    </div>
1274  </div>
1275</section>
1276
1277<!-- ============ FEATURE 1: ZBS ZALO ============ -->
1278<section class="tk-feat">
1279  <div class="wrap">
1280    <div class="tk-feat-in">
1281      <div class="tk-feat-body">
1282        <div class="tk-feat-num"><span class="tk-feat-num-badge">1</span> ZBS Zalo</div>
1283        <h2><span class="hl">ZBS — Zalo Business Solutions</span> gửi tin từ Zalo OA</h2>
1284        <p>Gửi từ Zalo OA đã verified tới <b>75 triệu user Zalo VN</b>. Hỗ trợ text, banner ảnh, nút CTA. Chi phí thấp hơn SMS.</p>
1285        <ul class="tk-feat-list">
1286          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Gửi đến <b>Zalo ID đã tương tác</b> OA hoặc danh sách SĐT có Zalo</span></li>
1287          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Dạng nội dung đa dạng: <b>text, hình ảnh, rich banner, nút bấm CTA</b></span></li>
1288          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Cá nhân hoá tin nhắn theo <b>tên khách, biến số, thuộc tính CRM</b></span></li>
1289          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Chi phí <b>thấp hơn SMS đáng kể</b> — tối ưu ngân sách cho chiến dịch lớn</span></li>
1290        </ul>
1291        <div class="tk-feat-tags">
1292          <span class="tk-feat-tag hot">Zalo OA</span>
1293          <span class="tk-feat-tag">Rich banner</span>
1294          <span class="tk-feat-tag">Chi phí thấp</span>
1295        </div>
1296      </div>
1297      <div class="tk-feat-visual">
1298        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/1-v4.png" alt="Giao diện tạo chiến dịch ZBS" style="width:100%;height:auto;display:block" loading="lazy">
1299      </div>
1300    </div>
1301  </div>
1302</section>
1303
1304<!-- ============ FEATURE 2: SMS BRANDNAME ============ -->
1305<section class="tk-feat">
1306  <div class="wrap">
1307    <div class="tk-feat-in">
1308      <div class="tk-feat-body">
1309        <div class="tk-feat-num"><span class="tk-feat-num-badge">2</span> SMS Brandname</div>
1310        <h2><span class="hl">SMS Brandname</span> — tên thương hiệu hiển thị trên tin</h2>
1311        <p>Tin gửi hiện tên thương hiệu thay số lạ — khách mở tin ngay. Phù hợp OTP, giao dịch, remind, khuyến mãi.</p>
1312        <ul class="tk-feat-list">
1313          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Gửi từ <b>Brandname đã đăng ký</b> của DN qua Viettel/MobiFone/Vinaphone</span></li>
1314          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Loại tin: <b>CSKH (thông báo, OTP)</b> và <b>Quảng cáo (CSKH + marketing)</b></span></li>
1315          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Tỷ lệ mở <b>&gt;90%</b> trong vòng 3 phút sau khi nhận</span></li>
1316          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Hỗ trợ <b>SMS dự phòng</b>: gửi SMS nếu ZBS không đến được</span></li>
1317        </ul>
1318        <div class="tk-feat-tags">
1319          <span class="tk-feat-tag hot">Brandname</span>
1320          <span class="tk-feat-tag">>90% mở</span>
1321          <span class="tk-feat-tag">OTP</span>
1322          <span class="tk-feat-tag">Dự phòng</span>
1323        </div>
1324      </div>
1325      <div class="tk-feat-visual">
1326        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/2-v4.png" alt="Form tạo chiến dịch SMS" style="width:100%;height:auto;display:block" loading="lazy">
1327      </div>
1328    </div>
1329  </div>
1330</section>
1331
1332<!-- ============ FEATURE 3: EMAIL MARKETING ============ -->
1333<section class="tk-feat">
1334  <div class="wrap">
1335    <div class="tk-feat-in">
1336      <div class="tk-feat-body">
1337        <div class="tk-feat-num"><span class="tk-feat-num-badge">3</span> Email Marketing</div>
1338        <h2><span class="hl">Email đa dạng mẫu</span> — kéo thả, không cần code</h2>
1339        <p>Drag-drop editor + mẫu có sẵn sẵn cho khuyến mãi, newsletter, sinh nhật, đơn bỏ quên. Cá nhân hoá theo dữ liệu CRM.</p>
1340        <ul class="tk-feat-list">
1341          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span><b>Drag-drop editor</b> kéo thả block — không cần biết HTML/CSS</span></li>
1342          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Thư viện <b>30+ mẫu có sẵn</b> theo mục đích: khuyến mãi, newsletter, sinh nhật, remind</span></li>
1343          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Gắn biến số từ CRM: <b>{{ten}}, {{sdt}}, {{ma_don_hang}}</b>…</span></li>
1344          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Preview trên <b>desktop/mobile</b> trước khi gửi, test hộp thư</span></li>
1345        </ul>
1346        <div class="tk-feat-tags">
1347          <span class="tk-feat-tag hot">Drag-drop</span>
1348          <span class="tk-feat-tag">30+ mẫu có sẵn</span>
1349          <span class="tk-feat-tag">Merge fields</span>
1350        </div>
1351      </div>
1352      <div class="tk-feat-visual">
1353        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/3-v4.png" alt="Email editor kéo-thả" style="width:100%;height:auto;display:block" loading="lazy">
1354      </div>
1355    </div>
1356  </div>
1357</section>
1358
1359<!-- ============ FEATURE 4: AUTOCALL AI ============ -->
1360<section class="tk-feat">
1361  <div class="wrap">
1362    <div class="tk-feat-in">
1363      <div class="tk-feat-body">
1364        <div class="tk-feat-num"><span class="tk-feat-num-badge">4</span> Autocall AI</div>
1365        <h2><span class="hl">Autocall với giọng AI</span> — gọi hàng nghìn khách trong 1 giờ</h2>
1366        <p>Gọi hàng loạt với giọng ghi âm sẵn hoặc AI từ văn bản. Ghi nhận phản hồi (bấm phím/nói). Tiết kiệm 90% chi phí so telesale thủ công.</p>
1367        <ul class="tk-feat-list">
1368          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Gọi <b>hàng nghìn khách/giờ</b> — không cần nhân viên trực máy</span></li>
1369          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Nội dung là <b>ghi âm sẵn</b> hoặc <b>giọng AI tổng hợp</b> từ text</span></li>
1370          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Ghi nhận phản hồi khách: <b>bấm phím (1-Nhận, 2-Từ chối)</b> hoặc nhận diện giọng nói</span></li>
1371          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Tự động chuyển sang <b>telesale thật</b> khi khách quan tâm</span></li>
1372        </ul>
1373        <div class="tk-feat-tags">
1374          <span class="tk-feat-tag hot">AI voice</span>
1375          <span class="tk-feat-tag">IVR response</span>
1376          <span class="tk-feat-tag">Handoff</span>
1377          <span class="tk-feat-tag">−90% chi phí</span>
1378        </div>
1379      </div>
1380      <div class="tk-feat-visual">
1381        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/4-v4.png" alt="Giao diện tạo chiến dịch Autocall" style="width:100%;height:auto;display:block" loading="lazy">
1382      </div>
1383    </div>
1384  </div>
1385</section>
1386
1387<!-- ============ FEATURE 5: GỬI HÀNG LOẠT ============ -->
1388<section class="tk-feat">
1389  <div class="wrap">
1390    <div class="tk-feat-in">
1391      <div class="tk-feat-body">
1392        <div class="tk-feat-num"><span class="tk-feat-num-badge">5</span> Gửi hàng loạt</div>
1393        <h2><span class="hl">Gửi hàng loạt</span> đến hàng trăm nghìn khách chỉ trong vài phút</h2>
1394        <p>Nhập Excel hoặc nhóm khách từ CRM, gửi đồng loạt <b>500.000+ khách</b>. Hệ thống tự chia đợt né giới hạn nhà mạng.</p>
1395        <ul class="tk-feat-list">
1396          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Nhập danh sách bằng <b>Excel, CSV</b>, hoặc chọn từ <b>CRM nhóm khách</b></span></li>
1397          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Gửi <b>đồng thời nhiều kênh</b>: ZBS + SMS dự phòng, Email + Autocall</span></li>
1398          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Tự động <b>chia đợt gửi thông minh</b> để tối ưu tỉ lệ gửi đến</span></li>
1399          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Lên lịch gửi theo <b>ngày/giờ/múi giờ</b> của từng khách</span></li>
1400        </ul>
1401        <div class="tk-feat-tags">
1402          <span class="tk-feat-tag hot">500K+/lần</span>
1403          <span class="tk-feat-tag">Đa kênh</span>
1404          <span class="tk-feat-tag">Chia đợt tự động</span>
1405          <span class="tk-feat-tag">Hẹn giờ</span>
1406        </div>
1407      </div>
1408      <div class="tk-feat-visual">
1409        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/5-v4.png" alt="Modal chọn danh sách + kênh gửi" style="width:100%;height:auto;display:block" loading="lazy">
1410      </div>
1411    </div>
1412  </div>
1413</section>
1414
1415<!-- ============ FEATURE 6: AUTOMATION TRIGGER ============ -->
1416<section class="tk-feat">
1417  <div class="wrap">
1418    <div class="tk-feat-in">
1419      <div class="tk-feat-body">
1420        <div class="tk-feat-num"><span class="tk-feat-num-badge">6</span> Tự động hoá kích hoạt</div>
1421        <h2><span class="hl">Tự động gửi</span> theo hành vi và sự kiện</h2>
1422        <p>Setup 1 lần, hệ thống tự kích hoạt theo event: đăng ký → email chào, bỏ giỏ → SMS nhắc, sinh nhật → coupon. Workflow đa kênh.</p>
1423        <ul class="tk-feat-list">
1424          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Kích hoạt theo <b>sự kiện CRM</b>: khách mới, đổi giai đoạn, sinh nhật, quá hạn chăm sóc tiếp</span></li>
1425          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Kích hoạt theo <b>hành vi khách</b>: bỏ giỏ, mở tin, bấm link, không phản hồi</span></li>
1426          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Chuỗi <b>workflow đa bước</b>: nếu không mở ZBS thì dự phòng SMS, vẫn im lặng thì Autocall</span></li>
1427          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Điều kiện rẽ nhánh <b>AND/OR</b> — cá nhân hoá cực sâu theo từng phân khúc</span></li>
1428        </ul>
1429        <div class="tk-feat-tags">
1430          <span class="tk-feat-tag hot">Event kích hoạt</span>
1431          <span class="tk-feat-tag">Workflow đa bước</span>
1432          <span class="tk-feat-tag">AND/OR logic</span>
1433        </div>
1434      </div>
1435      <div class="tk-feat-visual">
1436        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/6-v4.png" alt="Workflow tự động hoá editor" style="width:100%;height:auto;display:block" loading="lazy">
1437      </div>
1438    </div>
1439  </div>
1440</section>
1441
1442<!-- ============ FEATURE 7: BÁO CÁO CHI TIẾT ============ -->
1443<section class="tk-feat">
1444  <div class="wrap">
1445    <div class="tk-feat-in">
1446      <div class="tk-feat-body">
1447        <div class="tk-feat-num"><span class="tk-feat-num-badge">7</span> Báo cáo chi tiết</div>
1448        <h2>Báo cáo <span class="hl">xem – bấm – chuyển đổi</span> theo từng chiến dịch, từng kênh</h2>
1449        <p>Đo từng chỉ số: delivery, open, bấm, chuyển đổi theo kênh và chiến dịch — tức thì, để A/B test và tối ưu lần sau.</p>
1450        <ul class="tk-feat-list">
1451          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Số liệu tức thì: <b>đã gửi, đã nhận, đã mở, đã bấm, chuyển đổi</b></span></li>
1452          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>So sánh hiệu suất theo <b>kênh, chiến dịch, thời điểm gửi, phân khúc khách</b></span></li>
1453          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Xem hành trình <b>từng khách cụ thể</b> — ai mở, ai bấm, ai chuyển đổi</span></li>
1454          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Xuất báo cáo <b>Excel/PDF</b> để chia sẻ cho sếp và đội</span></li>
1455        </ul>
1456        <div class="tk-feat-tags">
1457          <span class="tk-feat-tag hot">Tức thì</span>
1458          <span class="tk-feat-tag">Đa kênh report</span>
1459          <span class="tk-feat-tag">Xuất</span>
1460        </div>
1461      </div>
1462      <div class="tk-feat-visual">
1463        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/7-v4.png" alt="Bảng theo dõi báo cáo chiến dịch" style="width:100%;height:auto;display:block" loading="lazy">
1464      </div>
1465    </div>
1466  </div>
1467</section>
1468
1469<!-- ============ FEATURE 8: MINH BẠCH CHI PHÍ ============ -->
1470<section class="tk-feat">
1471  <div class="wrap">
1472    <div class="tk-feat-in">
1473      <div class="tk-feat-body">
1474        <div class="tk-feat-num"><span class="tk-feat-num-badge">8</span> Minh bạch chi phí</div>
1475        <h2>Chỉ <span class="hl">tính tiền tin gửi thành công</span> — không mất phí cho tin lỗi</h2>
1476        <p>OMICall chỉ tính tiền tin <b>thực sự đến khách</b>. Tin lỗi do SĐT sai, Zalo không tồn tại, email bounce — tự hoàn tiền minh bạch.</p>
1477        <ul class="tk-feat-list">
1478          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Tin <b>gửi lỗi tự động hoàn tiền</b> ngay — không cần khiếu nại</span></li>
1479          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Bảng kê minh bạch: <b>từng tin, ngày gửi, số tiền, trạng thái</b></span></li>
1480          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Nạp–tiêu theo <b>credit prepaid</b>, không subscription cố định</span></li>
1481          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg><span>Giá công khai theo đầu tin — <b>không phí ẩn, không phí setup</b></span></li>
1482        </ul>
1483        <div class="tk-feat-tags">
1484          <span class="tk-feat-tag hot">Pay-as-you-go</span>
1485          <span class="tk-feat-tag">Hoàn tiền lỗi</span>
1486          <span class="tk-feat-tag">Minh bạch 100%</span>
1487        </div>
1488      </div>
1489      <div class="tk-feat-visual">
1490        <img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/marketing/8-v4.png" alt="Bảng kê giao dịch chi tiết" style="width:100%;height:auto;display:block" loading="lazy">
1491      </div>
1492    </div>
1493  </div>
1494</section>
1495
1496<!-- ============ BENEFITS STRIP ============ -->
1497<section class="tk-bene">
1498  <div class="wrap">
1499    <div class="tk-bene-head">
1500      <h2>Dùng Marketing đa kênh OMICall — bạn giải quyết được gì?</h2>
1501      <p>4 vấn đề Marketer đang gặp hàng ngày, kèm cách OMICall xử và kết quả định lượng từ khách hàng thực tế.</p>
1502    </div>
1503    <div class="tk-bene-grid">
1504
1505      <div class="tk-bene-card">
1506        <div class="tk-bene-top">
1507          <div class="tk-bene-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></div>
1508          <div class="tk-bene-metric"><span class="num">4 kênh</span><span class="lbl">Trong 1 nền tảng</span></div>
1509        </div>
1510        <h3 class="tk-bene-title">Hết phải dùng 4 tool khác nhau cho 4 kênh</h3>
1511        <p class="tk-bene-desc">ZBS, SMS Brandname, Email và Autocall đều nằm trong <b>1 bảng theo dõi</b> — cùng quản lý contact, cùng đo report, cùng mẫu có sẵn quản lý. Không phải đăng nhập 4 nơi mỗi sáng.</p>
1512      </div>
1513
1514      <div class="tk-bene-card">
1515        <div class="tk-bene-top">
1516          <div class="tk-bene-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></div>
1517          <div class="tk-bene-metric"><span class="num">−40%</span><span class="lbl">Chi phí marketing</span></div>
1518        </div>
1519        <h3 class="tk-bene-title">Không trả tiền cho tin gửi lỗi nữa</h3>
1520        <p class="tk-bene-desc">Hết cảnh "tin lỗi vẫn bị trừ tiền". OMICall chỉ tính phí cho tin <b>thực sự đến tay khách</b> — SĐT sai, Zalo không tồn tại, email bounce → tự hoàn tiền vào tài khoản.</p>
1521      </div>
1522
1523      <div class="tk-bene-card">
1524        <div class="tk-bene-top">
1525          <div class="tk-bene-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
1526          <div class="tk-bene-metric"><span class="num">24/7</span><span class="lbl">Tự động không nghỉ</span></div>
1527        </div>
1528        <h3 class="tk-bene-title">Marketer ngủ ngon, chiến dịch vẫn chạy đúng giờ</h3>
1529        <p class="tk-bene-desc">Workflow tự kích hoạt theo sự kiện: <b>đăng ký → email chào, bỏ giỏ → SMS nhắc, sinh nhật → coupon</b>. Setup 1 lần, hệ thống chạy mãi — không phải canh giờ gửi tay.</p>
1530      </div>
1531
1532      <div class="tk-bene-card">
1533        <div class="tk-bene-top">
1534          <div class="tk-bene-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg></div>
1535          <div class="tk-bene-metric"><span class="num">+2.5×</span><span class="lbl">Tỷ lệ chuyển đổi</span></div>
1536        </div>
1537        <h3 class="tk-bene-title">Biết chiến dịch nào thực sự ra đơn</h3>
1538        <p class="tk-bene-desc">Báo cáo đo từng chỉ số: <b>delivery, open, bấm, chuyển đổi</b> theo kênh và chiến dịch tức thì. A/B test nội dung — chốt cái thắng, mở rộng cái thắng.</p>
1539      </div>
1540
1541    </div>
1542  </div>
1543</section>
1544
1545<!-- ============ CTA ============ -->
1546<section class="tk-cta">
1547  <div class="wrap">
1548    <div class="tk-cta-box">
1549      <div class="tk-cta-in">
1550        <div class="tk-cta-mini">Dùng thử miễn phí · Phản hồi 1h</div>
1551        <h2>Biến dữ liệu khách hàng thành doanh thu bằng chiến dịch đa kênh</h2>
1552        <p>Đăng ký dùng thử miễn phí. Chuyên viên tư vấn kịch bản đa kênh theo 
1552ngành — triển khai chiến dịch đầu trong 1 tuần.</p>
1553      </div>
1554      <div class="tk-cta-actions">
1555        <button type="button" class="tk-cta-btn p" data-open-form>
1556          Đăng ký dùng thử miễn phí →
1557        </button>
1558        <a href="tel:19000211" class="tk-cta-btn o">
1559          Gọi tư vấn: 1900 0211
1560        </a>
1561        <div class="tk-cta-note">
1562          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
1563          Thông tin bảo mật
1564        </div>
1565      </div>
1566    </div>
1567  </div>
1568</section>
1569
1570<!-- ============ FOOTER ============ -->
1571<footer>
1572  <div class="wrap">
1573    <div class="fgrid2">
1574      <div>
1575        <a href="https://omicall.com/" class="logo" style="display:block;margin-bottom:.5rem" aria-label="OMICall — Trang chủ"><img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/logo-omicall.png" alt="OMICall"></a>
1576        <div class="fbrand-line">Một sản phẩm của OMIJSC · Thành viên ViHAT Group</div>
1577        <p class="fdesc2">Nền tảng tổng đài đa kênh ứng dụng AI. Giúp doanh nghiệp tối ưu trải nghiệm khách hàng và tăng trưởng doanh số bền vững.</p>
1578        <div class="faddr">
1579          <div class="faddr-item">
1580            <span class="faddr-lbl">Trụ sở HCM</span>
1581            <span class="faddr-txt">Tòa nhà ViHAT – 140-142 Đường số 2 – Khu nhà ở Vạn Phúc 1, Phường Hiệp Bình, TP. HCM</span>
1582          </div>
1583          <div class="faddr-item">
1584            <span class="faddr-lbl">Văn phòng HN</span>
1585            <span class="faddr-txt">Tầng 6, Toà nhà An Hưng, số 85-87 Hoàng Quốc Việt, Phường Nghĩa Đô, Hà Nội</span>
1586          </div>
1587        </div>
1588      </div>
1589      <div>
1590        <div class="fhd">Liên hệ</div>
1591        <ul class="fcontact">
1592          <li><span class="fc-lbl">Tư vấn dịch vụ</span><a class="fc-val" href="tel:02871010898">0287 1010 898</a><a class="fc-val" href="tel:19000211">1900 0211</a><span class="fc-sub">8h00 – 22h hàng ngày</span></li>
1593          <li><span class="fc-lbl">Hỗ trợ kỹ thuật</span><a class="fc-val" href="tel:02727777787">0272 7777 787</a><span class="fc-sub">24/7/365</span></li>
1594          <li><span class="fc-lbl">Email</span><span class="fc-val">[email protected]</span></li>
1595        </ul>
1596        <style id="omi-fcert-css">.fcert{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:1rem}.fcert-b{display:inline-flex;align-items:center;line-height:0;opacity:.92;transition:opacity .18s ease}.fcert-b:hover{opacity:1}.fcert-b img{height:40px;width:auto;display:block;border-radius:4px}.fcert-b img[alt*="DMCA"]{height:30px;border-radius:5px}@media(max-width:600px){.fcert-b img{height:36px}.fcert-b img[alt*="DMCA"]{height:27px}}</style><div class="fcert"><a class="fcert-b" href="http://online.gov.vn/Home/WebDetails/89408" title="Đã thông báo Bộ Công Thương" target="_blank" rel="noopener nofollow"><img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/badges/bo-cong-thuong.png" alt="Đã thông báo Bộ Công Thương" loading="lazy" decoding="async"></a><a class="fcert-b" href="https://www.dmca.com/Protection/Status.aspx?ID=abdb8756-d22b-4f86-87ab-221f4425496a&#038;refurl=https://omicall.vn/" title="DMCA.com Protection Status" target="_blank" rel="noopener nofollow"><img src="https://omicall.com/wp-content/mu-plugins/omicall-2026/assets/img/badges/dmca-protected.png" alt="DMCA.com Protection Status" loading="lazy" decoding="async"></a></div>        
1597      </div>
1598      <div>
1599        <div class="fhd">Chuyên mục</div>
1600        <ul class="flinks">
1601          <li><a href="/tinh-nang/tong-dai/">Tổng đài ảo</a></li>
1602          <li><a href="/sms-brandname/">Gá»­i tin ZBS &amp; SMS</a></li>
1603          <li><a href="/tong-dai-ai/">AI Callbot &amp; Chatbot</a></li>
1604          <li><a href="/tinh-nang/omni/">Chat đa kênh</a></li>
1605          <li><a href="/tinh-nang/crm/">Quản lý khách hàng</a></li>
1606          <li><a href="/voice-brandname/">
1606Voice Brandname</a></li>
1607          <li><a href="/bang-gia/">Bảng giá</a></li>
1608          <li><a href="/case-study/">Case study</a></li>
1609          <li><a href="/blog/">Blog</a></li>
1610        </ul>
1611      </div>
1612      <div>
1613        <div class="fhd">Hỗ trợ</div>
1614        <ul class="flinks">
1615          <li><a href="https://omicrm.io/post/topic/apis-tich-hop-3?lng=vi" target="_blank" rel="noopener">Tài liệu API</a></li>
1616          <li><a href="https://omicrm.io/post/topic/huong-dan-tinh-nang-5?lng=vi" target="_blank" rel="noopener">Trung tâm trợ giúp</a></li>
1617          <li><a data-open-form>Đăng ký tư vấn</a></li>
1618          <li><a href="/chinh-sach-quyen-rieng-tu-omicall/">Chính sách bảo mật</a></li>
1619          <li><a href="/dieu-khoan-va-dieu-kien/">Điều khoản người dùng</a></li>
1620        </ul>
1621        <div class="fsocial-wrap">
1622          <div class="fsocial-lbl">Kênh chính thức</div>
1623          <div class="fsocial">
1624            <a href="https://omicall.com/" target="_blank" rel="noopener" class="fsocial-ic we" title="Website" aria-label="Website"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></a>
1625            <a href="https://www.facebook.com/omicall" target="_blank" rel="noopener" class="fsocial-ic fb" title="Facebook" aria-label="Facebook"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
1626            <a href="https://www.linkedin.com/company/omijsc" target="_blank" rel="noopener" class="fsocial-ic li" title="LinkedIn" aria-label="LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
1627            <a href="https://www.youtube.com/@omijsc" target="_blank" rel="noopener" class="fsocial-ic yt" title="YouTube" aria-label="YouTube"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></a>
1628            <a href="https://www.tiktok.com/@omijsc" target="_blank" rel="noopener" class="fsocial-ic tk" title="TikTok" aria-label="TikTok"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5.8 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1.84-.1z"/></svg></a>
1629            <a href="https://zalo.me/omicall" target="_blank" rel="noopener" class="fsocial-ic za" title="Zalo OA" aria-label="Zalo OA">Zalo</a>
1630            <a href="https://wa.me/84936068980" target="_blank" rel="noopener" class="fsocial-ic wa" title="WhatsApp" aria-label="WhatsApp"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.
1630198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg></a>
1631          </div>
1632        </div>
1633      </div>
1634    </div>
1635    <div class="fbot">
1636      <span>© OMICall. Bản quyền thuộc về OMIJSC – Thành viên ViHAT Group.</span>
1637    </div>
1638  </div>
1639</footer>
1640
1641
1642<script>
1643
1644/* ============================================================
1645   MOBILE MENU
1646   ============================================================ */
1647(function(){
1648  const toggle = document.getElementById('mnvToggle');
1649  const overlay = document.getElementById('mnvOverlay');
1650  const drawer = document.getElementById('mnvDrawer');
1651  const close = document.getElementById('mnvClose');
1652  if(!toggle || !drawer) return;
1653  function openMenu(){
1654    overlay.classList.add('open'); drawer.classList.add('open');
1655    drawer.setAttribute('aria-hidden','false');
1656    document.body.classList.add('mnv-locked');
1657  }
1658  function closeMenu(){
1659    overlay.classList.remove('open'); drawer.classList.remove('open');
1660    drawer.setAttribute('aria-hidden','true');
1661    document.body.classList.remove('mnv-locked');
1662  }
1663  toggle.addEventListener('click', openMenu);
1664  close.addEventListener('click', closeMenu);
1665  overlay.addEventListener('click', closeMenu);
1666  document.addEventListener('keydown', e => { if(e.key==='Escape' && drawer.classList.contains('open')) closeMenu(); });
1667  /* bỏ listener trùng: đã có onclick="toggleMnvGroup(this)" trên từng mục.
1668     Để cả hai thì 1 lần bấm bị đảo 2 lần -> menu không sổ ra được. */
1669})();
1670</script>
vendor: 1 bytes, line 1670
1670
1671<script>
1672// Mobile menu — inline onclick để đảm bảo chạy trong mọi môi trường (iOS Files preview, Safari quicklook...)
1673window.openMnv = function(){
1674  var o=document.getElementById('mnvOverlay'), d=document.getElementById('mnvDrawer');
1675  if(!o||!d) return;
1676  o.classList.add('open');
1677  d.classList.add('open');
1678  d.setAttribute('aria-hidden','false');
1679  document.body.classList.add('mnv-locked');
1680};
1681window.closeMnv = function(){
1682  var o=document.getElementById('mnvOverlay'), d=document.getElementById('mnvDrawer');
1683  if(!o||!d) return;
1684  o.classList.remove('open');
1685  d.classList.remove('open');
1686  d.setAttribute('aria-hidden','true');
1687  document.body.classList.remove('mnv-locked');
1688};
1689window.toggleMnvGroup = function(el){
1690  el.parentElement.classList.toggle('open');
1691};
1692</script>
1692
1693<style id="omi-no-bounce">
1694html,body{overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none}
1695body{-webkit-overflow-scrolling:auto}
1696/* chặn trôi ngang mà KHÔNG phá thanh cuộn dọc.
1697   Dùng clip chứ KHÔNG dùng hidden: hidden trên <html> biến trang thành
1698   khung cuộn lồng nhau -> thanh cuộn của trình duyệt kéo không được. */
1699html,body{max-width:100%;overflow-x:clip}
1700/* máy cũ chưa hiểu clip: chỉ chặn ở body, KHÔNG đụng html để thanh cuộn còn nguyên */
1701@supports not (overflow-x: clip){body{overflow-x:hidden}}
1702</style>
1703<style id="omi-mobile-fix">
1704@media(max-width:640px){
1705  /* 1. Bảng rộng đã có khung cuộn ngang sẵn (.pr-cmp-scroll, .tg-cmp-wrap) — chỉ bảo đảm cuộn mượt */
1706  .pr-cmp-scroll,.tg-cmp-wrap,[class*="cmp-scroll"],[class*="cmp-wrap"]{-webkit-overflow-scrolling:touch}
1707
1708  /* 2. Không để khối nào rộng hơn màn hình */
1709  img,svg,video,iframe,pre{max-width:100%;height:auto}
1710  .pr-add-item,.tg-brand-ph,.frow-ph,.banner-wrap{max-width:100%}
1711
1712  /* 3. Nút bấm đủ lớn để chạm bằng ngón tay */
1713  .hdr-login,.hdr-register,.mnv-toggle,.mnv-close,.th-cta{min-height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center}
1714  input,select,textarea,button[type=submit]{min-height:44px}
1715  .banner-link,.banner-cta,.banner-wrap a{min-height:40px;display:inline-flex;align-items:center}
1716  .banner-nav button,.bg-page-wrap a,.page-numbers{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center}
1717  .bg-page-wrap .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
1718  .bg-card-footer a,.it-brand-cta,.tk-btn,.dl-btn-o,.fnb-btn-o{min-height:40px;display:inline-flex;align-items:center}
1719  .pt-share-btn{width:38px!important;height:38px!important}
1720
1721  /* 4. Chữ nhỏ quá thì nâng lên cho đọc được */
1722  body{font-size:15px}
1723  .fsocial-lbl,.faddr-lbl,.fc-lbl,.stag,.ins-tag,.sol-tag,
1724  .tk-feat-tag,.it-brand-cat,.cs-chip,.banner-ph-meta,.banner-ph-chip,
1725  .bg-card-cat,.pt-cat,.nav-dd-title{font-size:.72rem!important;letter-spacing:.02em}
1726  .fdesc2,.faddr-txt,.fc-sub,.sol-desc,.ins-tdesc,.yt-tool-desc,.it-brand-desc,
1727  .cs-card-desc,.bg-card-excerpt{font-size:.82rem!important}
1728
1729  /* 4b. Menu điện thoại: mục có mũi tên và mục thường phải cùng cỡ chữ */
1730  .mnv-link,.mnv-group-title{font-size:1rem!important;font-weight:600!important}
1731  .mnv-sub{font-size:.9rem!important}
1732
1733  /* 5. Chừa chỗ cho nút hotline nổi, không che nội dung cuối trang */
1734  footer,.th-ft{padding-bottom:76px}
1735}
1736</style>
1737<script id="omicom-geo">
1738(function(){
1739  function dutru(){
1740    if (!window.omiGeo) {
1741      window.omiGeo = { ma: 'VN', la_vn: true, khi: function(cb){ try { cb('VN', true); } catch(e){} } };
1742    }
1743  }
1744  try {
1745    var G = {
1746      ma: null,
1747      la_vn: null,
1748      _xong: false,
1749      _cho: [],
1750      khi: function(cb){
1751        if (typeof cb !== 'function') return;
1752        if (this._xong) { try { cb(this.ma, this.la_vn); } catch(e){} return; }
1753        this._cho.push(cb);
1754      }
1755    };
1756    window.omiGeo = G;
1757
1758    function hople(m){ return typeof m === 'string' && /^[A-Za-z]{2}$/.test(m); }
1759
1760    function xong(ma, luu){
1761      if (G._xong) return;
1762      ma = hople(ma) ? ma.toUpperCase() : 'VN';
1763      G.ma = ma;
1764      G.la_vn = (ma === 'VN');
1765      G._xong = true;
1766      if (luu) { try { localStorage.setItem('omi_geo', JSON.stringify({ ma: ma, t: Date.now() })); } catch(e){} }
1767      var ds = G._cho; G._cho = [];
1768      for (var i = 0; i < ds.length; i++) { try { ds[i](G.ma, G.la_vn); } catch(e){} }
1769    }
1770
1771    /* (1) Ép mã quốc gia để test: ?omi_geo=US — nhớ trong sessionStorage cho các trang sau. */
1772    var ep = null;
1773    try {
1774      var m = String(location.search || '').match(/[?&]omi_geo=([A-Za-z]{2})(?:&|$)/);
1775      if (m) { ep = m[1].toUpperCase(); try { sessionStorage.setItem('omi_geo_ep', ep); } catch(e){} }
1776      else { var s = sessionStorage.getItem('omi_geo_ep'); if (hople(s)) ep = s.toUpperCase(); }
1777    } catch(e){}
1778    if (ep) { xong(ep, false); return; }
1779
1780    /* (2) Cache 7 ngày. */
1781    try {
1782      var c = JSON.parse(localStorage.getItem('omi_geo') || 'null');
1783      if (c && hople(c.ma) && (Date.now() - (Number(c.t) || 0)) < 604800000) { xong(c.ma, false); return; }
1784    } catch(e){}
1785
1786    /* Trình duyệt quá cũ (thiếu fetch/Promise/AbortController) → coi như Việt Nam. */
1787    if (typeof fetch !== 'function' || typeof Promise !== 'function' || typeof AbortController !== 'function') {
1788      xong('VN', false); return;
1789    }
1790
1791    /* (3) Ba nguồn tra IP, thử lần lượt, mỗi nguồn tối đa 2,5 giây. */
1792    var nguon = [
1793      { url: 'https://www.cloudflare.com/cdn-cgi/trace', json: false, doc: function(t){
1794          var k = String(t || '').match(/(?:^|\n)loc=([A-Za-z]{2})/); return k ? k[1] : null; } },
1795      { url: 'https://api.country.is/', json: true, doc: function(j){ return j && j.country; } },
1796      { url: 'https://get.geojs.io/v1/ip/country.json', json: true, doc: function(j){ return j && j.country; } }
1797    ];
1798
1799    function thu(i){
1800      if (i >= nguon.length) { xong('VN', false); return; }   /* (4) hỏng hết → VN, KHÔNG lưu cache */
1801      var n = nguon[i], ac = new AbortController(), het = false;
1802      var hg = setTimeout(function(){ het = true; try { ac.abort(); } catch(e){} }, 2500);
1803      try {
1804        fetch(n.url, { signal: ac.signal, cache: 'no-store', credentials: 'omit' })
1805          .then(function(r){ if (!r || !r.ok) throw new Error('http'); return n.json ? r.json() : r.text(); })
1806          .then(function(d){
1807            clearTimeout(hg);
1808            if (het) return;
1809            var ma = null; try { ma = n.doc(d); } catch(e){}
1810            if (hople(ma)) xong(ma, true); else thu(i + 1);
1811          })
1812          .catch(function(){ clearTimeout(hg); thu(i + 1); });
1813      } catch(e){ clearTimeout(hg); thu(i + 1); }
1814    }
1815    thu(0);
1816  } catch(e) { dutru(); }
1817})();
1818</script>
1818<script>
1819(function(){
1820  var SKIP = {SCRIPT:1,STYLE:1,CODE:1,PRE:1,TEXTAREA:1,INPUT:1,SELECT:1,OPTION:1,SVG:1};
1821  var SEL = 'h1,h2,h3,h4,h5,h6,p,li,td,th,figcaption,blockquote,dd,dt,a,span,div,button,label,strong,em';
1822  var MAX_PAIR = 24;               // 2 chữ cuối dài quá thì thôi, nối vào sẽ hở dòng xấu
1823  function fix(root){
1824    var els = root.querySelectorAll(SEL), i, el;
1825    for(i=0;i<els.length;i++){
1826      el = els[i];
1827      if(SKIP[el.tagName]) continue;
1828      if(el.closest('[data-widow="off"]')) continue;
1829      // khối bị khoá số dòng (line-clamp): nối chữ có thể làm đổi số dòng -> nháy, bỏ qua
1830      if(getComputedStyle(el).webkitLineClamp !== 'none') continue;
1831      // phần tử inline GIỮA DÒNG (còn chữ phía sau trong cùng dòng chảy) thì bỏ qua:
1832      // ghi lại text node sẽ cắt mất dấu cách cuối, chữ dính vào chữ kế sau
1833      // (vụ /fmm-la-gi/ 21/8: "kết nối " trong span + <b>Meta...</b> thành "kết nốiMeta").
1834      // Đi ngược lên hết chuỗi cha inline — dấu cách ngăn cách có thể nằm ở tầng cha.
1835      var cur = el, sauEl = '';
1836      while(cur && cur.nodeType === 1 && getComputedStyle(cur).display === 'inline'){
1837        var nx = cur.nextSibling;
1838        while(nx){ sauEl += nx.textContent || ''; nx = nx.nextSibling; }
1839        if(/\S/.test(sauEl)) break;
1840        cur = cur.parentNode;
1841      }
1842      if(/\S/.test(sauEl)) continue;
1843      // lấy text node CUỐI CÙNG có chữ trong khối (kể cả nằm trong <b>, <strong>...)
1844      var tn = null, w = document.createTreeWalker(el, NodeFilter.SHOW_TEXT), t;
1845      while(t = w.nextNode()){ if(/\S/.test(t.nodeValue)) tn = t; }
1846      if(!tn) continue;
1847      var v = tn.nodeValue.replace(/\s+$/,'');
1848      var m = v.match(/(\S+)(\s+)(\S+)$/);
1849      if(!m) continue;                                   // ít hơn 2 chữ
1850      if(m[2].indexOf('\u00A0')>-1) continue;            // đã nối rồi
1851      if((m[1].length+m[3].length) > MAX_PAIR) continue;
1852      tn.nodeValue = v.slice(0, v.length-m[0].length) + m[1] + '\u00A0' + m[3];
1853    }
1854  }
1855  function run(){ try{ fix(document); }catch(e){} }
1856  run();
1857  // nhiều trang dựng thêm nội dung bằng JS sau khi tải -> chạy lại vài lần cho phủ hết
1858  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded', run);
1859  window.addEventListener('load', run);
1860  // trang nào dựng nội dung bằng JS (tab, bộ lọc, slider) -> tự chạy lại khi DOM đổi
1861  if(window.MutationObserver){
1862    var t=null;
1863    new MutationObserver(function(){ clearTimeout(t); t=setTimeout(run,120); })
1864      .observe(document.documentElement,{childList:true,subtree:true});
1865  }
1866  window.omiFixWidows = run;      // gọi lại được sau khi chèn nội dung động
1867})();
1868</script>
1868
1869<style id="omi-hotline-css">
1870/* 20/8 chỉnh lần 3 (anh chốt): 2 NÚT riêng xếp NGANG, nhãn HOTLINE 1 / HOTLINE 2,
1871   mỗi nút một số, giữ nguyên dáng pill gốc của .vn. */
1872.omi-hl-wrap{position:fixed;left:18px;bottom:18px;z-index:9998;display:flex;flex-direction:row;gap:10px;align-items:center}
1873.omi-hl{display:inline-flex;align-items:center;gap:10px;
1874  padding:9px 18px 9px 9px;border-radius:100px;background:#fff;text-decoration:none;
1875  font-family:'Be Vietnam Pro',system-ui,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.01em;
1876  box-shadow:0 8px 28px rgba(8,37,64,.16),0 0 0 1px rgba(8,37,64,.06);transition:transform .2s,box-shadow .2s}
1877/* màu khai THẲNG cho cả :link và :visited — trình duyệt chặn màu kế thừa ở :visited */
1878.omi-hl:link,.omi-hl:visited{color:#0b2540}
1879.omi-hl:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(8,37,64,.22),0 0 0 1px rgba(0,177,255,.35)}
1880.omi-hl-ic{position:relative;width:40px;height:40px;border-radius:50%;flex-shrink:0;
1881  background:linear-gradient(135deg,#00B1FF,#0080c0);display:flex;align-items:center;justify-content:center;color:#fff}
1882.omi-hl-ic svg{width:19px;height:19px}
1883.omi-hl-ic::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(0,177,255,.55);
1884  animation:omiHlRing 2s ease-out infinite}
1885@keyframes omiHlRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.55);opacity:0}}
1886/* Hotline 2 màu XANH LÁ (anh chốt 20/8) — đúng #88C030 của bộ nhận diện ViHAT/OMICALL,
1887   sắc đậm pha từ chính nó, không đẻ màu ngoài bảng. */
1888.omi-hl.xanh-la .omi-hl-ic{background:linear-gradient(135deg,#88C030,#648F20)}
1889.omi-hl.xanh-la .omi-hl-ic::after{border-color:rgba(136,192,48,.55)}
1890.omi-hl.xanh-la:hover{box-shadow:0 12px 34px rgba(8,37,64,.22),0 0 0 1px rgba(136,192,48,.35)}
1891.omi-hl-txt{display:flex;flex-direction:column;line-height:1.15;align-items:stretch}
1892/* nhãn trên giãn đều cho bằng đúng bề ngang số điện thoại bên dưới */
1893.omi-hl-txt small{display:block;width:100%;font-size:.62rem;font-weight:700;white-space:nowrap;color:#64748b;text-transform:uppercase;margin-bottom:1px}
1894.omi-hl-num{font-variant-numeric:tabular-nums;letter-spacing:.02em}
1895/* hai vòng nhịp so le cho đỡ rối mắt: nút trên trễ 1s */
1896.omi-hl:first-child .omi-hl-ic::after{animation-delay:1s}
1897@media(prefers-reduced-motion:reduce){.omi-hl-ic::after{animation:none}}
1898@media(max-width:640px){
1899  .omi-hl-wrap{left:14px;bottom:14px;gap:8px}
1900  .omi-hl{padding:6px;gap:0}
1901  .omi-hl .omi-hl-txt{display:none}
1902}
1903@media print{.omi-hl-wrap{display:none}}
1904</style>
1905<div class="omi-hl-wrap" data-widow="off">
1906  <a class="omi-hl" href="tel:19000211" aria-label="Gọi Hotline 1 OMICall 1900 0211">
1907    <span class="omi-hl-ic">
1908      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
1909    </span>
1910    <span class="omi-hl-txt"><small>Hotline 1</small><span class="omi-hl-num">1900 0211</span></span>
1911  </a>
1912  <a class="omi-hl xanh-la" href="tel:02871010898" aria-label="Gọi Hotline 2 OMICall 0287 1010 898">
1913    <span class="omi-hl-ic">
1914      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
1915    </span>
1916    <span class="omi-hl-txt"><small>Hotline 2</small><span class="omi-hl-num">0287 1010 898</span></span>
1917  </a>
1918</div>
1919<script>
1920(function(){
1921  // Giãn đều chữ "Tư vấn miễn phí" cho bằng đúng bề ngang dòng số điện thoại
1922  function canhNhan(){
1923    // 20/8: 2 nút riêng — MỖI nút tự giãn nhãn cho bằng bề ngang số của chính nó
1924    var cacNut = document.querySelectorAll('.omi-hl');
1925    for(var i = 0; i < cacNut.length; i++){
1926      var lbl = cacNut[i].querySelector('.omi-hl-txt small');
1927      var num = cacNut[i].querySelector('.omi-hl-num');
1928      if(!lbl || !num) continue;
1929      lbl.style.letterSpacing = '0px';
1930      var rongSo = num.getBoundingClientRect().width;
1931      // đo bề ngang THẬT của chữ: tạm cho ô co lại theo nội dung rồi trả về như cũ
1932      var wCu = lbl.style.width, dCu = lbl.style.display;
1933      lbl.style.display = 'inline-block'; lbl.style.width = 'auto';
1934      var rongNhan = lbl.getBoundingClientRect().width;
1935      lbl.style.display = dCu || 'block'; lbl.style.width = wCu || '100%';
1936      var soKhoang = Math.max(lbl.textContent.trim().length - 1, 1);
1937      var them = (rongSo - rongNhan) / soKhoang;
1938      if(them > 0) lbl.style.letterSpacing = them.toFixed(3) + 'px';
1939    }
1940  }
1941  if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', canhNhan);
1942  else canhNhan();
1943  window.addEventListener('load', canhNhan);
1944  if(document.fonts && document.fonts.ready) document.fonts.ready.then(canhNhan);
1945  window.addEventListener('resize', canhNhan);
1946})();
1947</script>
1947
1948<style id="omi-hide-hfcm-hotline">
1949/* Nút HFCM #4 vẫn được in ra (không gỡ snippet — 90 trang Elementor cũ còn dùng),
1950   nhưng trên trang mới mình dùng nút .omi-hl tự chứa CSS nên ẩn cái này đi.
1951   Ẩn bằng CSS là đúng chỗ ở đây: markup do plugin khác in ở wp_footer, mình không
1952   sở hữu nó; và mục tiêu là KHÔNG hiện hai nút, chứ không phải cắt bỏ của người khác. */
1953.hotline-phone-ring-wrap { display: none !important; }
1954</style>
1955<style id="omi-fit-css">
1956.bg-card-img,.it-brand-banner,.cs-card-banner{position:relative;overflow:hidden;background:#f1f5f9}
1957.bg-card-img img,.it-brand-banner img,.cs-card-banner img,.banner-slide img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain!important}
1958/* WordPress đổi emoji (⭐ …) thành <img class="emoji"> — thiếu CSS gò cỡ thì ảnh phình
1959   to bằng khung cha (bug sao khổng lồ ở /tinh-nang/omni). Gò về đúng cỡ chữ như WP chuẩn. */
1960img.emoji,img.wp-smiley{display:inline-block!important;width:1em!important;height:1em!important;
1961  margin:0 .05em 0 .1em!important;vertical-align:-.15em!important;background:none!important;
1962  border:none!important;box-shadow:none!important;padding:0!important;object-fit:contain!important}
1963.omi-fit-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;
1964  filter:blur(22px) saturate(1.25);transform:scale(1.2);opacity:.65;pointer-events:none}
1965</style>
1966<script>
1967(function(){
1968  var KHUNG_LIST = ['.bg-card-img', '.it-brand-banner', '.cs-card-banner', '.banner-slide'];
1969  var KHUNG = KHUNG_LIST.join(', ');
1970  // LƯU Ý: '.a, .b' + ' img' ra '.a, .b img' -> SAI. Phải ghép từng cái một.
1971  var SEL_IMG = KHUNG_LIST.map(function(k){ return k + ' img'; }).join(', ');
1972  function lapNen(img){
1973    var box = img.closest(KHUNG);
1974    if(!box || box.querySelector('.omi-fit-bg')) return;
1975    var src = img.currentSrc || img.src;
1976    if(!src) return;
1977    // ảnh đã đúng 16:9 thì không cần nền mờ
1978    var tl = img.naturalWidth && img.naturalHeight ? img.naturalWidth / img.naturalHeight : 0;
1979    if(tl && Math.abs(tl - 16/9) < 0.04) return;
1980    var bg = document.createElement('div');
1981    bg.className = 'omi-fit-bg';
1982    bg.style.backgroundImage = 'url("' + src.replace(/"/g, '%22') + '")';
1983    box.insertBefore(bg, box.firstChild);
1984  }
1985  function chay(){
1986    document.querySelectorAll(SEL_IMG).forEach(function(img){
1987      if(img.complete && img.naturalWidth) lapNen(img);
1988      else img.addEventListener('load', function(){ lapNen(img); }, {once:true});
1989    });
1990  }
1991  if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', chay);
1992  else chay();
1993  window.addEventListener('load', chay);
1994  if(window.MutationObserver){
1995    var t=null;
1996    new MutationObserver(function(){ clearTimeout(t); t=setTimeout(chay,150); })
1997      .observe(document.documentElement,{childList:true,subtree:true});
1998  }
1999})();
2000</script>
2000
2001<style id="omi-hl-dau-tieng-viet">
2002h1 .hl, h2 .hl, h3 .hl, .tk-hero h1 .hl, .hero h1 .hl {
2003  padding-top: .16em; padding-bottom: .16em;
2004  margin-top: -.16em; margin-bottom: -.16em;
2005}
2006</style>
2007<script type="speculationrules">
2008{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/mu-plugins/omicall-2026/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2009</script>
2009
2010<!-- HFCM by 99 Robots - Snippet # 1: Live Talk (omicall-2026: chỉ tải khi IP Việt Nam) -->
2011<script type="text/javascript">
2012(function(){
2013  function chay(){
2014    var d = window.document;
2015    var doc = new Proxy(d, { get: function(t, k){
2016      if (k === 'addEventListener') return function(ev, fn, o){
2017        if (ev === 'DOMContentLoaded' && t.readyState !== 'loading') { try { fn(); } catch(_){} return; }
2018        return t.addEventListener(ev, fn, o);
2019      };
2020      var v = t[k]; return (typeof v === 'function') ? v.bind(t) : v;
2021    }});
2022    (function(document){ document.addEventListener("DOMContentLoaded",()=>{let e=[["utm_source","GoogleSEO"],["utm_medium","blog"],["utm_campaign","seoomicall.com"],["utm_id","SSS200"],];function t(e){let t=[...e.matchAll(/[?&](utm_[^=]+)=[^&]+/g)].map(e=>e[0].replace(/^[?&]/,""));return t.map(e=>e.split("="))}let{search:a}=location,m=t(a);Object.keys(m).length||(m=e),document.querySelectorAll('a[href*="omicrm"]').forEach(e=>{let t=new URL(e.href);m.forEach(([e,a])=>{t.searchParams.append(e,a)}),e.href=t.toString()});let r="vihat",i=encodeURIComponent(JSON.stringify(Object.from
2022Entries(m))),l=document.createElement("script");l.id="omiLiveTalk",l.type="text/javascript",l.src=`https://cdn.omicrm.com/script/livetalk/main.js#domain=${r};utm_params=${i}`,document.head.appendChild(l)}); })(doc);
2023  }
2024  if (window.omiGeo && typeof window.omiGeo.khi === 'function') window.omiGeo.khi(function(ma, la_vn){ if (la_vn) chay(); });
2025  else chay();
2026})();
2027</script>
2027
2028<!-- /end HFCM by 99 Robots -->
2029<!-- HFCM by 99 Robots - Snippet # 4: Nut Gọi Call -->
2030<div class="hotline-phone-ring-wrap">
2031	<div class="hotline-phone-ring">
2032		<div class="hotline-phone-ring-circle"></div>
2033		<div class="hotline-phone-ring-circle-fill"></div>
2034		<div class="hotline-phone-ring-img-circle">
2035		<a href="tel:02871010898" class="pps-btn-img">
2036			<img src="https://omicall.com/wp-content/uploads/icon-call-nh.png" alt="Gọi điện thoại" width="50">
2037		</a>
2038		</div>
2039	</div>
2040	<div class="hotline-bar">
2041		<a href="tel:02871010898">
2042			<span class="text-hotline">1900 0211</span>
2043		</a>
2044	</div>
2045</div>
2046<!-- /end HFCM by 99 Robots -->
2047<!-- HFCM by 99 Robots - Snippet # 7: Google Tag Manager Body -->
2048<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2048-2049
2048
2049<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2049GTM-MWPHSFHG
vendor: 85 bytes, lines 2049-2050
2049"
2050height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2051<!-- End Google Tag Manager (noscript) -->
2052<!-- /end HFCM by 99 Robots -->
2053<script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script>
2053<script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script>
2053<script id="kirki-api-and-nonce">
2054    window.wp_kirki = {
2055        ajaxUrl: "https://omicall.com/wp-admin/admin-ajax.php",
2056        restUrl: "https://omicall.com/wp-json/",
2057        siteUrl: "https://omicall.com",
2058        apiVersion: "v1",
2059        postId: "6054",
2060        nonce: "24e78d02fd",
2061        call_from: "",
2062        templateId: "",
2063        context: {"id":6054,"type":"post"}
2064    };
2065    </script>
2065<a id="back-to-top" href="#" class="show"><i class="flaticon-arrow-pointing-to-up"></i></a>			
2065<script>
2066				( () => {
2067					const lazyloadRunObserver = () => {
2068						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
2069						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
2070							entries.forEach( ( entry ) => {
2071								if ( entry.isIntersecting ) {
2072									let lazyloadBackground = entry.target;
2073									if( lazyloadBackground ) {
2074										lazyloadBackground.classList.add( 'e-lazyloaded' );
2075									}
2076									lazyloadBackgroundObserver.unobserve( entry.target );
2077								}
2078							});
2079						}, { rootMargin: '200px 0px 200px 0px' } );
2080						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
2081							lazyloadBackgroundObserver.observe( lazyloadBackground );
2082						} );
2083					};
2084					const events = [
2085						'DOMContentLoaded',
2086						'elementor/lazyload/observe',
2087					];
2088					events.forEach( ( event ) => {
2089						document.addEventListener( event, lazyloadRunObserver );
2090					} );
2091				} )();
2092			</script>
2092
2093			<div id="omiLb" role="dialog" aria-modal="true" aria-label="Xem ảnh phóng to">
2094  <button type="button" class="omiLb-close" aria-label="Đóng">&times;</button>
2095  <img src="" alt="">
2096</div>
2097<script>
2098(function(){
2099  var lb=document.getElementById('omiLb'); if(!lb) return;
2100  var big=lb.querySelector('img');
2101  function open(src,alt){ big.src=src; big.alt=alt||''; lb.classList.add('open'); document.body.style.overflow='hidden'; }
2102  function close(){ lb.classList.remove('open'); document.body.style.overflow=''; big.removeAttribute('src'); }
2103  document.querySelectorAll('.pt-content img').forEach(function(im){
2104    im.style.cursor='zoom-in';
2105    im.addEventListener('click', function(e){ e.preventDefault(); open(im.currentSrc||im.src, im.alt); });
2106  });
2107  lb.addEventListener('click', function(e){ if(e.target!==big) close(); });
2108  document.addEventListener('keydown', function(e){ if(e.key==='Escape' && lb.classList.contains('open')) close(); });
2109})();
2110</script>
2110
2111<style id="omif-shared-css">
2112.omif-overlay{position:fixed;inset:0;background:rgba(12,25,40,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .25s}
2113.omif-overlay.open{display:flex;opacity:1}
2114.omif-modal{background:#fff;border-radius:20px;width:100%;max-width:540px;max-height:92vh;overflow-y:auto;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(30px) scale(.96);transition:transform .35s cubic-bezier(.2,.9,.3,1.15);font-family:'Be Vietnam Pro',sans-serif;scrollbar-width:thin;scrollbar-color:rgba(0,177,255,.4) transparent;clip-path:inset(0 round 20px)}
2115.omif-modal::-webkit-scrollbar{width:8px}
2116.omif-modal::-webkit-scrollbar-track{background:transparent;margin:14px 0}
2117.omif-modal::-webkit-scrollbar-thumb{background:rgba(0,177,255,.35);border-radius:10px;border:2px solid #fff;background-clip:padding-box}
2118.omif-modal::-webkit-scrollbar-thumb:hover{background:rgba(0,177,255,.6);border:2px solid #fff;background-clip:padding-box}
2119.omif-overlay.open .omif-modal{transform:translateY(0) scale(1)}
2120.omif-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .2s;font-family:inherit;line-height:1;padding:0}
2121.omif-close:hover{background:rgba(255,255,255,.35);transform:rotate(90deg)}
2122.omif-hero{padding:2rem 1.75rem 1.5rem;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#00B1FF 0%,#0080c0 40%,#0e7490 80%,#14b8a6 100%)}
2123.omif-hero::before{content:'';position:absolute;top:-40%;right:-20%;width:70%;height:180%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);pointer-events:none}
2124.omif-hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:50%;height:120%;background:radial-gradient(circle,rgba(86,204,110,.2),transparent 60%);pointer-events:none}
2125.omif-hero-in{position:relative;z-index:1}
2126.omif-hero-tag{display:inline-block;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:100px;font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.875rem;border:1px solid rgba(255,255,255,.25)}
2127.omif-hero h3{font-size:1.5rem;font-weight:900;letter-spacing:-.4px;margin-bottom:.375rem;line-height:1.25;color:#fff}
2128.omif-hero p{font-size:.88rem;color:rgba(255,255,255,.85);line-height:1.5}
2129.omif-form{padding:1.5rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:.875rem}
2130.omif-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
2131.omif-form label,.omif-form .omif-fld{display:flex;flex-direction:column;gap:.375rem}
2132.omif-form label>span,.omif-form .omif-fld>span{font-size:.75rem;font-weight:700;color:var(--tx,#0c1928);letter-spacing:.2px}
2133.omif-form label>span .req,.omif-form .omif-fld>span .req{color:#ef4444;margin-left:2px}
2134.omif-form input[type=text],.omif-form input[type=tel],.omif-form input[type=email],.omif-form select,.omif-form textarea{padding:.7rem .875rem;border:1px solid var(--br,#e2e8f0);border-radius:10px;font-size:.9rem;font-family:inherit;color:var(--tx,#0c1928);background:var(--sf,#f8fafc);transition:all .2s;width:100%;resize:vertical}
2135.omif-form input:focus,.omif-form select:focus,.omif-form textarea:focus{outline:none;border-color:var(--blue,#00B1FF);background:#fff;box-shadow:0 0 0 3px rgba(0,177,255,.12)}
2136/* Form bản nước ngoài (22/9/2026): select dùng lại đúng khuôn ô nhập, mũi tên vẽ bằng
2137   SVG data-uri màu --mu (#64748b) để không thêm màu mới; ô mã vùng chỉ đọc nên nền xám nhạt. */
2138.omif-form select,.omif-form select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.75 6 6.25 11 1.75'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:11px 8px}
2139.omif-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.2rem;cursor:pointer}
2140.omif-form input[readonly]{background:#eef2f7;color:var(--mu,#64748b)}
2141/* Ô QUỐC GIA — bản 2 (anh chốt 22/9/2026 sau khi xem trên Mac): 242 nước nhét vào
2142   <select> thì menu sổ xuống là của HỆ ĐIỀU HÀNH (xấu, không đồng bộ) và KHÔNG gõ
2143   tìm được → bỏ select gốc, tự dựng ô gõ tìm. Màu/bóng đều bê từ khuôn đã có trong
2144   tệp này (#e6f7fe của .omif-chip input:checked+span, bóng nhẹ kiểu modal), không
2145   thêm màu mới. Popup dùng position:absolute vì .omif-modal có overflow-y:auto +
2146   clip-path — position:fixed sẽ bị cắt/lệch khi cuộn. */
2147.omif-cb{position:relative}
2148.omif-cb>input[type=text],.omif-cb>input[type=text]:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.75 6 6.25 11 1.75'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:11px 8px;padding-right:2.2rem}
2149.omif-cb-pop{position:absolute;
2149left:0;right:0;top:calc(100% + 4px);z-index:5;background:#fff;border:1px solid var(--br,#e2e8f0);border-radius:10px;max-height:220px;overflow-y:auto;margin:0;padding:.35rem;list-style:none;box-shadow:0 12px 32px rgba(12,25,40,.12)}
2150.omif-cb-pop[hidden]{display:none}
2151.omif-cb-pop li{padding:.5rem .7rem;border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--tx,#0c1928)}
2152.omif-cb-pop li:hover,.omif-cb-pop li.on{background:#e6f7fe;color:var(--bd,#0080c0)}
2153.omif-cb-pop li.chon::after{content:'✓';float:right;font-weight:800;color:var(--bd,#0080c0)}
2154.omif-cb-pop li.trong,.omif-cb-pop li.trong:hover{color:var(--mu,#64748b);cursor:default;background:transparent}
2155.omif-qt{display:flex;flex-direction:column;gap:.875rem}
2156.omif-qt .omif-row{align-items:end}   /* nhãn xuống 2 dòng vẫn phải thẳng đáy với ô bên cạnh */
2157.omif-form.omif-nuoc-ngoai .omif-row-1{grid-template-columns:1fr}
2158.omif-vn[hidden],.omif-qt[hidden]{display:none!important}
2159.omif-form textarea{min-height:72px;font-family:inherit;line-height:1.5}
2160.omif-region{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
2161.omif-chip{position:relative;cursor:pointer;margin:0}
2162.omif-chip input[type=radio]{position:absolute;opacity:0;pointer-events:none}
2163.omif-chip>span{display:block;padding:.55rem .5rem;border:1.5px solid var(--br,#e2e8f0);border-radius:10px;font-size:.82rem;font-weight:600;color:var(--mu,#64748b);text-align:center;background:var(--sf,#f8fafc);transition:all .15s}
2164.omif-chip:hover>span{border-color:var(--blue,#00B1FF);color:var(--blue,#00B1FF)}
2165.omif-chip input:checked+span{background:linear-gradient(135deg,#e6f7fe,#d0f0ff);border-color:var(--blue,#00B1FF);color:var(--bd,#0080c0);font-weight:800;box-shadow:0 2px 8px rgba(0,177,255,.18)}
2166.omif-submit{margin-top:.5rem;padding:.95rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#00B1FF 0%,#0080c0 50%,#0e7490 100%);box-shadow:0 8px 24px rgba(0,177,255,.3);transition:all .25s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.2px}
2167.omif-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,177,255,.4)}
2168.omif-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
2169.omif-msg{margin-top:.25rem;font-size:.82rem;text-align:center;padding:.5rem .75rem;border-radius:8px;display:none;line-height:1.5}
2170.omif-msg.ok{display:block;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
2171.omif-msg.err{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
2172.omif-trust{margin-top:.25rem;font-size:.72rem;color:var(--li,#94a3b8);text-align:center;line-height:1.5}
2173body.omif-locked{overflow:hidden}
2174@media(max-width:640px){
2175  .omif-modal{max-height:94vh;border-radius:16px}
2176  .omif-hero{padding:1.75rem 1.25rem 1.25rem}
2177  .omif-hero h3{font-size:1.3rem}
2178  .omif-form{padding:1.25rem 1.25rem 1.5rem;gap:.75rem}
2179  .omif-row{grid-template-columns:1fr}
2180  .omif-region{grid-template-columns:1fr}
2181  .omif-qt{gap:.75rem}
2182}
2183</style>
2184<script id="wp-emoji-settings" type="application/json">
2185{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://omicall.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
2186</script>
vendor: 1 bytes, line 2186
2186
2187<script type="module">
2188/*! This file is auto-generated */
2189var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
2190//# sourceURL=https://omicall.com/wp-includes/js/wp-emoji-loader.min.js
2191</script>
2191
2192<div class="omif-overlay" id="omiForm" role="dialog" aria-modal="true" aria-labelledby="omiFormTitle">
2193  <div class="omif-modal">
2194    <button type="button" class="omif-close" aria-label="Đóng">&times;</button>
2195    <div class="omif-hero">
2196      <div class="omif-hero-in">
2197        <div class="omif-hero-tag">Đăng ký tư vấn &middot; Miễn phí</div>
2198        <h3 id="omiFormTitle">Đặt lịch tư vấn 1:1 với chuyên gia OMICall</h3>
2199        <p>Để lại thông tin — chuyên gia OMICall sẽ liên hệ trong 1 giờ để tư vấn giải pháp phù hợp với bạn.</p>
2200      </div>
2201    </div>
2202    <form class="omif-form" id="omiFormEl" novalidate>
2203      <div class="omif-row omif-row-1">
2204        <label><span>Họ &amp; tên <span class="req">*</span></span><input type="text" name="name" required placeholder="Nguyễn Văn A"></label>
2205        <label class="omif-vn"><span>Số điện thoại <span class="req">*</span></span><input type="tel" name="phone" required placeholder="0912 345 678" pattern="[0-9\s+().-]{8,}"></label>
2206      </div>
2207      <div class="omif-qt" hidden>
2208        <div class="omif-fld">
2209          <span>Quốc gia <span class="req">*</span></span>
2210          <div class="omif-cb">
2211            <input type="text" name="country_search" autocomplete="off" disabled placeholder="Gõ tên nước hoặc mã vùng…" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-controls="omifCbPop">
2212            <input type="hidden" name="country">
2213            <ul class="omif-cb-pop" id="omifCbPop" hidden role="listbox"></ul>
2214          </div>
2215        </div>
2216        <div class="omif-row">
2217          <label><span>Mã vùng <span class="req">*</span></span><input type="text" name="phone_code" readonly value="+84"></label>
2218          <label><span>Số điện thoại <span class="req">*</span></span><input type="tel" name="phone_intl" disabled placeholder="912 345 678" pattern="[0-9\s().-]{6,15}"></label>
2219        </div>
2220        <label>
2221          <span>Ứng dụng chat</span>
2222          <div class="omif-region omif-chat">
2223            <label class="omif-chip"><input type="radio" name="chat_app" value="whatsapp" disabled><span>WhatsApp</span></label>
2224            <label class="omif-chip"><input type="radio" name="chat_app" value="viber" disabled><span>Viber</span></label>
2225            <label class="omif-chip"><input type="radio" name="chat_app" value="telegram" disabled><span>Telegram</span></label>
2226          </div>
2227        </label>
2228        <label><span>Số WhatsApp / Viber / Telegram (tuỳ chọn)</span><input type="tel" name="chat_number" disabled placeholder="+1 555 123 4567"></label>
2229      </div>
2230      <label><span>Email <span class="req">*</span></span><input type="email" name="email" required placeholder="[email protected]"></label>
2231      <label class="omif-vn">
2232        <span>Khu vá»±c <span class="req">*</span></span>
2233        <div class="omif-region">
2234          <label class="omif-chip"><input type="radio" name="region" value="Miền Bắc" required><span>Miền Bắc</span></label>
2235          <label class="omif-chip"><input type="radio" name="region" value="Miền Trung"><span>Miền Trung</span></label>
2236          <label class="omif-chip"><input type="radio" name="region" value="Miền Nam"><span>Miền Nam</span></label>
2237        </div>
2238      </label>
2239      <label><span>Tên công ty</span><input type="text" name="company" placeholder="Công ty TNHH ABC"></label>
2240      <label><span>Ghi chú</span><textarea name="note" placeholder="Ngành nghề, quy mô đội, hoặc vấn đề cụ thể bạn đang cần tư vấn…"></textarea></label>
2241      <button type="submit" class="omif-submit">Gửi yêu cầu tư vấn →</button>
2242      <div class="omif-msg" id="omiFormMsg"></div>
2243      <div class="omif-trust">Thông tin của bạn được bảo mật</div>
2244    </form>
2245  </div>
2246</div>
2247<script>
2248(function(){
2249  // Lấy từ `ban-do.php`. Bản .vn hard-code endpoint STAGING (`external-v1-stg`) —
2250  // KHÔNG mang lên tên miền chính. Rỗng thì form không gửi, xem khối chặn bên dưới.
2251  // Ngôn ngữ phụ (Lào) có webhook + hotline + utm_source riêng — xem OMICOM_NGON_NGU
2252  // trong `ban-do.php`. Thiếu cấu hình thì rơi về hằng số bản tiếng Việt.
2253  var OMIF_WEBHOOK = "https:\/\/external-v1-stg.omicrm.com\/api\/campaign\/webhook\/5cbfc17a580dd80007ffc32a-aZTAsPTl3J3qCT3J0zQA";
2254  // Nơi nhận lead nước ngoài (theo IP, 22/9/2026) — khai ở `ban-do.php`. Rỗng thì
2255  // rơi về webhook thường để không mất lead.
2256  var OMIF_WEBHOOK_QT = "https:\/\/external-v1-stg.omicrm.com\/api\/campaign\/webhook\/5cbfc17a580dd80007ffc32a-TNFT5fPwlA5A6Va8VvwZ";
2257  var OMIF_HOTLINE = "02871010898";
2258  var OMIF_GA4_LEAD = "generate_lead";
2259  var OMIF_UTM_SOURCE = "";
2260  var OMIF_LANG = "vi";
2261  var overlay = document.getElementById('omiForm');
2262  if(!overlay) return;
2263  var form = document.getElementById('omiFormEl');
2264  var msg = document.getElementById('omiFormMsg');
2265  var submitBtn = form.querySelector('.omif-submit');
2266  var noteField = form.querySelector('textarea[name="note"]');
2267  var selectedPlan = '';
2268
2269  /* ---- RẼ NHÁNH THEO IP (anh chốt 22/9/2026) --------------------------------
2270     `window.omiGeo` do `geo.php` dựng: { ma, la_vn, khi(cb) } — khi(cb) gọi cb(ma, la_vn)
2271     đúng một lần khi đã biết. Không có omiGeo (tệp chưa lên) → coi như khách Việt Nam,
2272     form giữ nguyên như cũ. Nhãn vẫn theo ngôn ngữ trang, chỉ các ô là đổi. */
2273  var laVN = true, geoMa = '';
2274  var khoiVN = form.querySelectorAll('.omif-vn');
2275  var khoiQT = form.querySelectorAll('.omif-qt');
2276  var oCountryS = form.querySelector('input[name="country_search"]');   // ô gõ tìm (hiển thị)
2277  var oCountryH = form.querySelector('input[name="country"]');          // giá trị thật: ISO-2
2278  var cbPop = form.querySelector('.omif-cb-pop');
2279  var oPhoneCode = form.querySelector('input[name="phone_code"]');
2280  var oPhoneIntl = form.querySelector('input[name="phone_intl"]');
2281  var oPhoneVN = form.querySelector('input[name="phone"]');
2282
2283  /* Bảng 242 nước in ra một lần, dạng { ISO: [tên EN, mã vùng] } — dùng cho cả ô gõ
2284     tìm lẫn payload (khoá `country` gửi đi là TÊN, `country_code` là ISO). */
2285  var OMIF_QG = {"AF":["Afghanistan","93"],"AL":["Albania","355"],"DZ":["Algeria","213"],"AS":["American Samoa","1"],"AD":["Andorra","376"],"AO":["Angola","244"],"AI":["Anguilla","1"],"AG":["Antigua and Barbuda","1"],"AR":["Argentina","54"],"AM":["Armenia","374"],"AW":["Aruba","297"],"AU":["Australia","61"],"AT":["Austria","43"],"AZ":["Azerbaijan","994"],"BS":["Bahamas","1"],"BH":["Bahrain","973"],"BD":["Bangladesh","880"],"BB":["Barbados","1"],"BY":["Belarus","375"],"BE":["Belgium","32"],"BZ":["Belize","501"],"BJ":["Benin","229"],"BM":["Bermuda","1"],"BT":["Bhutan","975"],"BO":["Bolivia","591"],"BQ":["Bonaire, Sint Eustatius and Saba","599"],"BA":["Bosnia and Herzegovina","387"],"BW":["Botswana","267"],"BR":["Brazil","55"],"IO":["British Indian Ocean Territory","246"],"BN":["Brunei","673"],"BG":["Bulgaria","359"],"BF":["Burkina Faso","226"],"BI":["Burundi","257"],"CV":["Cabo Verde","238"],"KH":["Cambodia","855"],"CM":["Cameroon","237"],"CA":["Canada","1"],"KY":["Cayman Islands","1"],"CF":["Central African Republic","236"],"TD":["Chad","235"],"CL":["Chile","56"],"CN":["China","86"],"CX":["Christmas Island","61"],"CC":["Cocos (Keeling) Islands","61"],"CO":["Colombia","57"],"KM":["Comoros","269"],"CG":["Congo","242"],"CK":["Cook Islands","682"],"CR":["Costa Rica","506"],"HR":["Croatia","385"],"CU":["Cuba","53"],"CW":["Cura\u00e7ao","599"],"CY":["Cyprus","357"],"CZ":["Czech Republic","420"],"CI":["C\u00f4te d'Ivoire","225"],"DK":["Denmark","45"],"DJ":["Djibouti","253"],"DM":["Dominica","1"],"DO":["Dominican Republic","1"],"CD":["DR Congo","243"],"EC":["Ecuador","593"],"EG":["Egypt","20"],"SV":["El Salvador","503"],"GQ":["Equatorial Guinea","240"],"ER":["Eritrea","291"],"EE":["Estonia","372"],"SZ":["Eswatini","268"],"ET":["Ethiopia","251"],"FK":["Falkland Islands (Malvinas)","500"],"FO":["Faroe Islands","298"],"FJ":["Fiji","679"],"FI":["Finland","358"],"FR":["France","33"],"GF":["French Guiana","594"],"PF":["French Polynesia","689"],"GA":["Gabon","241"],"GM":["Gambia","220"],"GE":["Georgia","995"],"DE":["Germany","49"],"GH":["Ghana","233"],"GI":["Gibraltar","350"],"GR":["Greece","30"],"GL":["Greenland","299"],"GD":["Grenada","1"],"GP":["Guadeloupe","590"],"GU":["Guam","1"],"GT":["Guatemala","502"],"GG":["Guer
2285nsey","44"],"GN":["Guinea","224"],"GW":["Guinea-Bissau","245"],"GY":["Guyana","592"],"HT":["Haiti","509"],"HN":["Honduras","504"],"HK":["Hong Kong","852"],"HU":["Hungary","36"],"IS":["Iceland","354"],"IN":["India","91"],"ID":["Indonesia","62"],"IR":["Iran","98"],"IQ":["Iraq","964"],"IE":["Ireland","353"],"IM":["Isle of Man","44"],"IL":["Israel","972"],"IT":["Italy","39"],"JM":["Jamaica","1"],"JP":["Japan","81"],"JE":["Jersey","44"],"JO":["Jordan","962"],"KZ":["Kazakhstan","7"],"KE":["Kenya","254"],"KI":["Kiribati","686"],"KW":["Kuwait","965"],"KG":["Kyrgyzstan","996"],"LA":["Laos","856"],"LV":["Latvia","371"],"LB":["Lebanon","961"],"LS":["Lesotho","266"],"LR":["Liberia","231"],"LY":["Libya","218"],"LI":["Liechtenstein","423"],"LT":["Lithuania","370"],"LU":["Luxembourg","352"],"MO":["Macao","853"],"MG":["Madagascar","261"],"MW":["Malawi","265"],"MY":["Malaysia","60"],"MV":["Maldives","960"],"ML":["Mali","223"],"MT":["Malta","356"],"MH":["Marshall Islands","692"],"MQ":["Martinique","596"],"MR":["Mauritania","222"],"MU":["Mauritius","230"],"YT":["Mayotte","262"],"MX":["Mexico","52"],"FM":["Micronesia","691"],"MD":["Moldova","373"],"MC":["Monaco","377"],"MN":["Mongolia","976"],"ME":["Montenegro","382"],"MS":["Montserrat","1"],"MA":["Morocco","212"],"MZ":["Mozambique","258"],"MM":["Myanmar","95"],"NA":["Namibia","264"],"NR":["Nauru","674"],"NP":["Nepal","977"],"NL":["Netherlands","31"],"NC":["New Caledonia","687"],"NZ":["New Zealand","64"],"NI":["Nicaragua","505"],"NE":["Niger","227"],"NG":["Nigeria","234"],"NU":["Niue","683"],"NF":["Norfolk Island","672"],"KP":["North Korea","850"],"MK":["North Macedonia","389"],"MP":["Northern Mariana Islands","1"],"NO":["Norway","47"],"OM":["Oman","968"],"PK":["Pakistan","92"],"PW":["Palau","680"],"PS":["Palestine","970"],"PA":["Panama","507"],"PG":["Papua New Guinea","675"],"PY":["Paraguay","595"],"PE":["Peru","51"],"PH":["Philippines","63"],"PL":["Poland","48"],"PT":["Portugal","351"],"PR":["Puerto Rico","1"],"QA":["Qatar","974"],"RO":["Romania","40"],"RU":["Russia","7"],"RW":["Rwanda","250"],"RE":["R\u00e9union","262"],"BL":["Saint Barth\u00e9lemy","590"],"SH":["Saint Helena, Ascension and Tristan da Cunha","290"],"KN":["Saint Kitts and Nevis","1"],"LC":["Saint Lucia","1"],"MF":["Saint Martin (French part)","590"],"PM":["Saint Pierre and Miquelon","508"],"VC":["Saint Vincent and the Grenadines","1"],"WS":["Samoa","685"],"SM":["San Marino","378"],"ST":["Sao Tome and Principe","239"],"SA":["Saudi Arabia","966"],"SN":["Senegal","221"],"RS":["Serbia","381"],"SC":["Seychelles","248"],"SL":["Sierra Leone","232"],"SG":["Singapore","65"],"SX":["Sint Maarten (Dutch part)","1"],"SK":["Slovakia","421"],"SI":["Slovenia","386"],"SB":["Solomon Islands","677"],"SO":["Somalia","252"],"ZA":["South Africa","27"],"KR":["South Korea","82"],"SS":["South Sudan","211"],"ES":["Spain","34"],"LK":["Sri Lanka","94"],"SD":["Sudan","249"],"SR":["Suriname","597"],"SJ":["Svalbard and Jan Mayen","47"],"SE":["Sweden","46"],"CH":["Switzerland","41"],"SY":["Syria","963"],"TW":["Taiwan","886"],"TJ":["Tajikistan","992"],"TZ":["Tanzania","255"],"TH":["Thailand","66"],"TL":["Timor-Leste","670"],"TG":["Togo","228"],"TK":["Tokelau","690"],"TO":["Tonga","676"],"TT":["Trinidad and Tobago","1"],"TN":["Tunisia","216"],"TR":["Turkey","90"],"TM":["Turkmenistan","993"],"TC":["Turks and Caicos Islands","1"],"TV":["Tuvalu","688"],"UG":["Uganda","256"],"UA":["Ukraine","380"],"AE":["United Arab Emirates","971"],"GB":["United Kingdom","44"],"US":["United States","1"],"UY":["Uruguay","598"],"UZ":["Uzbekistan","998"],"VU":["Vanuatu","678"],"VA":["Vatican City","39"],"VE":["Venezuela","58"],"VN":["Vietnam","84"],"VG":["Virgin Islands, British","1"],"VI":["Virgin Islands, U.S.","1"],"WF":["Wallis and Futuna","681"],"EH":["Western Sahara","212"],"YE":["Yemen","967"],"ZM":["Zambia","260"],"ZW":["Zimbabwe","263"],"AX":["\u00c5land Islands","358"]};
2286  var CB_MAX = 60;   // 242 nước vẽ hết thì popup giật; lọc rồi cắt 60 dòng là đủ dùng
2287
2288  function batTat(goc, tat){
2289    goc.querySelectorAll('input,select,textarea').forEach(function(el){
2290      el.disabled = tat;
2291      if(tat){ if(el.required){ el.dataset.omifReq = '1'; el.required = false; } }
2292      else if(el.dataset.omifReq === '1'){ el.required = true; }
2293    });
2294  }
2295
2296  /* ---- Ô GÕ TÌM QUỐC GIA (combobox tự dựng, 22/9/2026) ---------------------- */
2297  function boDau(s){
2298    s = String(s).toLowerCase();
2299    if(s.normalize) s = s.normalize('NFD').replace(/[̀-ͯ]/g, '');
2300    return s.replace(/đ/g, 'd');
2301  }
2302  var QG_DS = [];   // [iso, tên, mã vùng, tên-đã-bỏ-dấu] — dựng một lần, lọc cho nhanh
2303  (function(){
2304    for(var iso in OMIF_QG){
2305      if(!Object.prototype.hasOwnProperty.call(OMIF_QG, iso)) continue;
2306      QG_DS.push([iso, OMIF_QG[iso][0], String(OMIF_QG[iso][1]), boDau(OMIF_QG[iso][0])]);
2307    }
2308  })();
2309  function nhanQG(iso){ var q = OMIF_QG[iso]; return q ? (q[0] + ' (+' + q[1] + ')') : ''; }
2310  function locQG(tu){
2311    var t = boDau(tu).replace(/^\+/, '').trim();
2312    var ra = [];
2313    for(var i = 0; i < QG_DS.length && ra.length < CB_MAX; i++){
2314      var r = QG_DS[i];
2315      // khớp tên ở BẤT KỲ vị trí (gõ "sing" ra Singapore), hoặc mã vùng bắt đầu bằng
2316      // chuỗi gõ (gõ "84" ra Vietnam).
2317      if(!t || r[3].indexOf(t) > -1 || r[2].indexOf(t) === 0) ra.push(r);
2318    }
2319    return ra;
2320  }
2321  var cbMo = false;
2322  function veQG(ds){
2323    if(!cbPop) return;
2324    cbPop.innerHTML = '';
2325    if(!ds.length){
2326      var li0 = document.createElement('li');
2327      li0.className = 'trong'; li0.textContent = '—';
2328      cbPop.appendChild(li0);
2329      return;
2330    }
2331    var cur = oCountryH ? oCountryH.value : '';
2332    ds.forEach(function(r){
2333      var li = document.createElement('li');
2334      li.setAttribute('role', 'option');
2335      li.setAttribute('data-iso', r[0]);
2336      li.textContent = r[1] + ' (+' + r[2] + ')';
2337      if(r[0] === cur){ li.className = 'chon'; li.setAttribute('aria-selected', 'true'); }
2338      cbPop.appendChild(li);
2339    });
2340  }
2341  function moPop(tu){
2342    if(!cbPop || !oCountryS || oCountryS.disabled) return;
2343    veQG(locQG(tu == null ? '' : tu));
2344    cbPop.hidden = false; cbMo = true;
2345    oCountryS.setAttribute('aria-expanded', 'true');
2346    var c = cbPop.querySelector('li.chon');
2347    if(c){ c.classList.add('on'); cbPop.scrollTop = Math.max(0, c.offsetTop - 40); }
2348  }
2349  function dongPop(){
2350    if(!cbPop) return;
2351    cbPop.hidden = true; cbMo = false;
2352    if(oCountryS) oCountryS.setAttribute('aria-expanded', 'false');
2353  }
2354  function chonQG(iso, giuFocus){
2355    if(!oCountryH || !oCountryS || !OMIF_QG[iso]) return;
2356    oCountryH.value = iso;
2357    oCountryS.value = nhanQG(iso);
2358    oCountryS.setCustomValidity('');
2359    dongBoMaVung();
2360    dongPop();
2361    if(giuFocus) oCountryS.focus();
2362  }
2363  function dongBoMaVung(){
2364    if(!oCountryH || !oPhoneCode) return;
2365    var q = OMIF_QG[oCountryH.value];
2366    oPhoneCode.value = q ? ('+' + q[1]) : '';
2367  }
2368  if(oCountryS && oCountryH && cbPop){
2369    oCountryS.addEventListener('focus', function(){ moPop(''); oCountryS.select(); });
2370    oCountryS.addEventListener('input', function(){
2371      // GIỮ nguyên nước đã chọn trong lúc gõ: gõ dở rồi bỏ đi (blur) thì ô trả về
2372      // đúng nước đang chọn, không làm rỗng mã vùng giữa chừng.
2373      oCountryS.setCustomValidity('');
2374      moPop(oCountryS.value);
2375    });
2376    oCountryS.addEventListener('keydown', function(e){
2377      if(e.key === 'Escape'){
2378        // Chặn nổi bọt để Esc lần đầu chỉ đóng popup, KHÔNG đóng luôn cả modal.
2379        if(cbMo){ e.stopPropagation(); dongPop(); }
2380        return;
2381      }
2382      if(e.key === 'ArrowDown' || e.key === 'ArrowUp'){
2383        e.preventDefault();
2384        if(!cbMo){ moPop(oCountryS.value); return; }
2385        var ds = cbPop.querySelectorAll('li[data-iso]');
2386        if(!ds.length) return;
2387        var i = -1;
2388        for(var k = 0; k < ds.length; k++){ if(ds[k].classList.contains('on')){ i = k; break; } }
2389        ds.forEach(function(x){ x.classList.remove('on'); });
2390        i = (e.key === 'ArrowDown') ? ((i + 1) % ds.length) : (i <= 0 ? ds.length - 1 : i - 1);
2391        var li = ds[i];
2392        li.classList.add('on');
2393        if(li.offsetTop < cbPop.scrollTop) cbPop.scrollTop = li.offsetTop;
2394        else if(li.offsetTop + li.offsetHeight > cbPop.scrollTop + cbPop.clientHeight)
2395          cbPop.scrollTop = li.offsetTop + li.offsetHeight - cbPop.clientHeight;
2396        return;
2397      }
2398      if(e.key === 'Enter' && cbMo){
2399        e.preventDefault();
2400        var on = cbPop.querySelector('li.on') || cbPop.querySelector('li[data-iso]');
2401        if(on) chonQG(on.getAttribute('data-iso'), true);
2402      }
2403    });
2404    // mousedown chặn mặc định → ô nhập không mất focus, không kích blur trước click.
2405    cbPop.addEventListener('mousedown', function(e){ e.preventDefault(); });
2406    cbPop.addEventListener('click', function(e){
2407      var li = e.target;
2408      while(li && li !== cbPop && !li.getAttribute('data-iso')) li = li.parentNode;
2409      if(!li || li === cbPop) return;
2410      e.preventDefault(); e.stopPropagation();
2411      chonQG(li.getAttribute('data-iso'), true);
2412    });
2413    oCountryS.addEventListener('blur', function(){
2414      setTimeout(function(){
2415        dongPop();
2416        // Gõ dở rồi bỏ đi → trả ô về đúng nước đang chọn, không để chữ rác.
2417        oCountryS.value = oCountryH.value ? nhanQG(oCountryH.value) : '';
2418        if(oCountryH.value) dongBoMaVung();
2419      }, 120);
2420    });
2421    document.addEventListener('click', function(e){
2422      if(!cbMo) return;
2423      if(e.target === oCountryS || cbPop.contains(e.target)) return;
2424      dongPop();
2425    });
2426  }
2427
2428  /* ---- 3 nút Ứng dụng chat: bấm lại nút đang chọn thì BỎ chọn ---------------
2429     Radio gốc không bỏ chọn được, nên nhớ trạng thái trước lúc bấm rồi gỡ tay. */
2430  var chatTruoc = null;
2431  form.querySelectorAll('.omif-chat .omif-chip').forEach(function(lb){
2432    var r = lb.querySelector('input[name="chat_app"]');
2433    if(!r) return;
2434    lb.addEventListener('mousedown', function(){ chatTruoc = r.checked; });
2435    r.addEventListener('keydown', function(e){ if(e.key === ' ') chatTruoc = r.checked; });
2436    r.addEventListener('click', function(){
2437      if(chatTruoc === true) r.checked = false;
2438      chatTruoc = null;
2439      if(form.chat_number) form.chat_number.setCustomValidity('');
2440    });
2441  });
2442  if(form.chat_number) form.chat_number.addEventListener('input', function(){ form.chat_number.setCustomValidity(''); });
2443
2444  function apDung(){
2445    if(laVN){
2446      form.classList.remove('omif-nuoc-ngoai');
2447      khoiQT.forEach(function(k){ batTat(k, true); k.hidden = true; });
2448      khoiVN.forEach(function(k){ k.hidden = false; batTat(k, false); });
2449      dongPop();
2450    } else {
2451      form.classList.add('omif-nuoc-ngoai');
2452      khoiVN.forEach(function(k){ batTat(k, true); k.hidden = true; });
2453      khoiQT.forEach(function(k){ k.hidden = false; batTat(k, false); });
2454      if(oCountryS && oCountryH){
2455        var chon = (geoMa && OMIF_QG[geoMa]) ? geoMa : (OMIF_QG['US'] ? 'US' : (QG_DS.length ? QG_DS[0][0] : ''));
2456        if(chon) chonQG(chon, false);
2457        oCountryS.required = true;
2458      }
2459      if(oPhoneIntl) oPhoneIntl.required = true;
2460    }
2461  }
2462  apDung();
2463  if(window.omiGeo && typeof window.omiGeo.khi === 'function'){
2464    window.omiGeo.khi(function(ma, vn){ geoMa = ma || ''; laVN = vn !== false; apDung(); });
2465  }
2466
2467  function openModal(e){
2468    if(e) e.preventDefault();
2469    if(e && e.currentTarget && e.currentTarget.dataset.plan){
2470      selectedPlan = e.currentTarget.dataset.plan;
2471      if(noteField && !noteField.value){ noteField.value = 'Quan tâm gói: ' + selectedPlan + '. '; }
2472    }
2473    overlay.classList.add('open');
2474    overlay.setAttribute('aria-hidden','false');
2475    document.body.classList.add('omif-locked');
2476    setTimeout(function(){ var first = form.querySelector('input[name="name"]'); if(first) first.focus(); }, 300);
2477  }
2478  function closeModal(){
2479    overlay.classList.remove('open');
2480    overlay.setAttribute('aria-hidden','true');
2481    document.body.classList.remove('omif-locked');
2482    selectedPlan = '';
2483  }
2484
2485  // Trigger chuẩn DUY NHẤT: bất kỳ phần tử có data-open-form
2486  document.querySelectorAll('[data-open-form]').forEach(function(el){ el.addEventListener('click', openModal); });
2487  // Điều hướng: data-href ("#..." cuộn mượt, còn lại chuyển trang)
2488  document.querySelectorAll('[data-href]').forEach(function(el){
2489    el.addEventListener('click', function(){
2490      var h = el.dataset.href;
2491      if(h.charAt(0) === '#'){ var t = document.querySelector(h); if(t) t.scrollIntoView({behavior:'smooth'}); }
2492      else window.location.href = h;
2493    });
2494  });
2495
2496  overlay.querySelector('.omif-close').addEventListener('click', closeModal);
2497  overlay.addEventListener('click', function(e){ if(e.target === overlay) closeModal(); });
2498  document.addEventListener('keydown', function(e){ if(e.key === 'Escape' && overlay.classList.contains('open')) closeModal(); });
2499
2500  form.addEventListener('submit', function(e){
2501    e.preventDefault();
2502    // Ô quốc gia là ô gõ tìm: có chữ trong ô chưa chắc đã chọn được nước nào →
2503    // kiểm ô ẩn `country` (ISO) và báo lỗi ngay trên ô gõ.
2504    if(!laVN && oCountryS && oCountryH && !oCountryH.value){
2505      oCountryS.setCustomValidity('Vui lòng chọn quốc gia');
2506      oCountryS.reportValidity();
2507      return;
2508    }
2509    // Gõ số chat thì phải chọn app (anh chốt 24/9/2026); để trống cả hai vẫn gửi được.
2510    if(!laVN && form.chat_number && form.chat_number.value.trim() && !form.querySelector('input[name="chat_app"]:checked')){
2511      form.chat_number.setCustomValidity('Chọn WhatsApp, Viber hay Telegram cho số này');
2512      form.chat_number.reportValidity();
2513      return;
2514    }
2515    if(!form.checkValidity()){ form.reportValidity(); return; }
2516    // Khách nước ngoài gửi về webhook riêng; chưa khai thì dùng chung với bản Việt.
2517    var url = laVN ? OMIF_WEBHOOK : (OMIF_WEBHOOK_QT || OMIF_WEBHOOK);
2518    // Chưa cấu hình nơi nhận: NÓI THẬT thay vì báo "đã gửi" rồi mất lead.
2519    if(!url){
2520      msg.className = 'omif-msg err';
2521      msg.textContent = '✗ Kênh nhận yêu cầu đang được cấu hình. Vui lòng gọi ' + OMIF_HOTLINE + ' để được hỗ trợ ngay.';
2522      return;
2523    }
2524    msg.className = 'omif-msg'; msg.textContent = '';
2525    submitBtn.disabled = true;
2526    var originalText = submitBtn.textContent;
2527    submitBtn.textContent = 'Đang gửi…';
2528    // UTM: ưu tiên bản lưu đầu phiên (first-touch), thiếu thì lấy từ URL hiện tại.
2529    var _utm={}; try{ _utm=JSON.parse(sessionStorage.getItem('omi_utm')||'{}'); }catch(_e){}
2530    var _uq=new URLSearchParams(location.search);
2531    function _ug(k){ return (_utm[k] || _uq.get(k) || ''); }
2532    var data = {
2533      name: form.name.value.trim(),
2534      // `form.phone` có thể trỏ nhầm (ô VN bị disabled khi khách nước ngoài) → lấy thẳng ô.
2535      phone: (oPhoneVN ? oPhoneVN.value.trim() : ''),
2536      email: form.email.value.trim(),
2537      region: (form.region ? form.region.value : ''),   // bản Lào không có ô Khu vực
2538      company: form.company.value.trim(),
2539      note: form.note.value.trim(),
2540      source: document.body.dataset.source || 'omicall-website',
2541      interested_plan: selectedPlan,
2542      submitted_at: new Date().toISOString(),
2543      utm_source: _ug('utm_source') || OMIF_UTM_SOURCE,
2544      utm_medium: _ug('utm_medium'),
2545      utm_campaign: _ug('utm_campaign'),
2546      utm_term: _ug('utm_term'),
2547      utm_content: _ug('utm_content'),
2548      utm_id: _ug('utm_id'),
2549      gclid: _ug('gclid'),
2550      fbclid: _ug('fbclid'),
2551      page_url: location.href,
2552      referrer: document.referrer || '',
2553      language: OMIF_LANG,
2554      geo_country: geoMa
2555    };
2556    if(!laVN){
2557      var isoQG = oCountryH ? oCountryH.value : '';
2558      data.country = OMIF_QG[isoQG] ? OMIF_QG[isoQG][0] : '';
2559      data.country_code = isoQG;
2560      data.phone_code = oPhoneCode ? oPhoneCode.value : '';
2561      var rChat = form.querySelector('input[name="chat_app"]:checked');
2562      data.chat_app = rChat ? rChat.value : '';
2563      data.chat_number = form.chat_number ? form.chat_number.value.trim() : '';
2564      // Khách nước ngoài: phone CHỈ là số nhập, mã vùng đã nằm riêng ở phone_code (anh chốt 24/9/2026).
2565      data.phone = oPhoneIntl ? oPhoneIntl.value.trim() : '';
2566    }
2567    /* Gửi JSON để OMICRM hiện Payload dạng tree đọc được (urlencoded thì tree=null).
2568       Dùng Content-Type text/plain (không phải application/json) để KHÔNG kích CORS
2569       preflight cross-domain — webhook vẫn nhận & parse JSON từ body bình thường. */
2570    var body = JSON.stringify(data);
2571    fetch(url, { method: 'POST', headers: { 'Content-Type': 'text/plain;charset=UTF-8' }, body: body })
2572      .then(function(res){
2573        if(!res.ok) throw new Error('HTTP ' + res.status);
2574        msg.className = 'omif-msg ok';
2575        msg.textContent = '✓ Đã nhận yêu cầu. Chuyên gia OMICall sẽ liên hệ trong 1 giờ!';
2576        // Chuyển đổi GA4: chỉ bắn khi máy chủ ĐÃ nhận (res.ok), không bắn lúc bấm nút.
2577        // Đẩy cả vào dataLayer để tag trong GTM bắt được, vì GA4 ở .com cấu hình
2578        // trong GTM chứ không có gtag() sẵn trên trang.
2579        try {
2580          window.dataLayer = window.dataLayer || [];
2581          window.dataLayer.push({
2582            event: OMIF_GA4_LEAD,
2583            form_name: 'tu-van-omicall',
2584            interested_plan: selectedPlan || '(khong-chon)',
2585            page_path: location.pathname
2586          });
2587          if (typeof window.gtag === 'function') {
2588            window.gtag('event', OMIF_GA4_LEAD, {
2589              form_name: 'tu-van-omicall',
2590              interested_plan: selectedPlan || '(khong-chon)'
2591            });
2592          }
2593          // Chuyển đổi Google Ads: chỉ bắn khi webhook trả OK, mỗi lần gửi thành công đúng 1 lần.
2594          if (typeof window.omiAdsGtag === 'function') {
2595            window.omiAdsGtag('event', 'conversion', {'send_to': 'AW-778631136/sH3pCKeh8uYcEODvo_MC', 'value': 1.0, 'currency': 'VND'});
2596          }
2597        } catch(_){}
2598        form.reset();
2599        apDung();   // reset() trả select/ô mã vùng về giá trị HTML gốc → dựng lại đúng trạng thái
2600        setTimeout(closeModal, 2500);
2601      })
2602      .catch(function(){
2603        msg.className = 'omif-msg err';
2604        msg.textContent = '✗ Có lỗi xảy ra. Vui lòng gọi hotline 1900 0211 để được hỗ trợ.';
2605      })
2606      .then(function(){
2607        submitBtn.disabled = false;
2608        submitBtn.textContent = originalText;
2609      });
2610  });
2611})();
2612</script>
vendor: 1 bytes, line 2612
2612
2613<script id="omicom-ga4">
2614(function(){
2615  var SU = "sign_up";
2616  function ban(ten, tham){
2617    try {
2618      window.dataLayer = window.dataLayer || [];
2619      window.dataLayer.push(Object.assign({event: ten}, tham || {}));
2620      if (typeof window.gtag === 'function') window.gtag('event', ten, tham || {});
2621    } catch(_){}
2622  }
2623  // Bắt ở tầng document để không phải gắn tay từng link, và vẫn ăn với link
2624  // được thêm vào DOM sau (script Livetalk có sửa link omicrm để gắn UTM).
2625  document.addEventListener('click', function(e){
2626    var a = e.target && e.target.closest ? e.target.closest('a[href]') : null;
2627    if (!a) return;
2628    var h = a.getAttribute('href') || '';
2629    if (h.indexOf('sso.omicrm.io/register') === -1) return;
2630    ban(SU, {
2631      method: 'sso-omicrm',
2632      link_text: (a.textContent || '').trim().slice(0, 80),
2633      page_path: location.pathname
2634    });
2635  }, true);   // pha capture: chạy trước mọi handler khác, kể cả handler chặn sự kiện
2636
2637  // GHI ĐÈ utm_source CHO TRANG NGÔN NGỮ KHÁC (/lo/…)
2638  //
2639  // Snippet HFCM #1 (Livetalk) của site chạy ở `wp_footer` ưu tiên 10, trong
2640  // DOMContentLoaded: nếu URL trang không có UTM thì nó `searchParams.append`
2641  // bộ mặc định (utm_source=GoogleSEO…) vào MỌI `a[href*="omicrm"]`. `append` chứ
2642  // không phải `set`, nên link Lào `?utm_source=omicall-laos` sẽ thành HAI utm_source
2643  // và bên OMICRM đọc cái đầu (GoogleSEO) → mất dấu nguồn Lào.
2644  //
2645  // Nên ở đây dùng `set` (ghi đè, không thêm) và chạy SAU nó: script này in ở ưu tiên
2646  // 21 nên listener DOMContentLoaded đăng ký sau, chạy sau. Thêm `load` + một nhịp trễ
2647  // cho link được chèn muộn. CHỈ đụng `utm_source`, các utm khác giữ nguyên.
2648  var UTM_SRC = "";
2649  if (UTM_SRC) {
2650    var epUtm = function(){
2651      document.querySelectorAll('a[href*="omicrm"]').forEach(function(a){
2652        try { var u = new URL(a.href, location.href); u.searchParams.set('utm_source', UTM_SRC); a.href = u.toString(); } catch(_){}
2653      });
2654    };
2655    document.addEventListener('DOMContentLoaded', epUtm);
2656    window.addEventListener('load', epUtm);
2657    setTimeout(epUtm, 1500);
2658  }
2659})();
2660</script>
2660
2661    
2661<script id="omi-utm-an">
2662window.addEventListener('load', function(){ setTimeout(function(){ try{
2663  var XOA = /^(utm_|utm$|gclid$|fbclid$)/i;
2664  var p = new URLSearchParams(location.search), doi = false;
2665  Array.from(p.keys()).forEach(function(k){ if(XOA.test(k)){ p.delete(k); doi = true; } });
2666  if(doi){ var q = p.toString(); history.replaceState(null, '', location.pathname + (q ? '?' + q : '') + location.hash); }
2667  document.querySelectorAll('a[href*="utm"]').forEach(function(a){
2668    var h = a.getAttribute('href') || '';
2669    if(h.indexOf('omicrm') !== -1){ return; }
2670    try{
2671      var u = new URL(a.href, location.origin);
2672      if(u.host !== location.host){ return; }
2673      var thay = false;
2674      Array.from(u.searchParams.keys()).forEach(function(k){ if(XOA.test(k)){ u.searchParams.delete(k); thay = true; } });
2675      if(thay){ var q2 = u.searchParams.toString(); a.setAttribute('href', u.pathname + (q2 ? '?' + q2 : '') + u.hash); }
2676    }catch(e){}
2677  });
2678}catch(e){} }, 900); });
2679</script>
2679
2680</body>
2681</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.