{"id":38023,"date":"2026-03-26T13:24:25","date_gmt":"2026-03-26T06:24:25","guid":{"rendered":"https:\/\/dps.media\/?page_id=38023"},"modified":"2026-03-26T13:41:29","modified_gmt":"2026-03-26T06:41:29","slug":"pricing-for-e-commerce-website-design-services","status":"publish","type":"page","link":"https:\/\/dps.media\/en\/pricing-for-e-commerce-website-design-services\/","title":{"rendered":"QUOTATION FOR E-COMMERCE WEBSITE DESIGN SERVICES"},"content":{"rendered":"<!DOCTYPE html>\n<?xml encoding=\"utf-8\" ?><html lang=\"vi\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n    <title>Quotation for E-commerce Website Design Service \u2013 DPS.MEDIA<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --navy: #0f0e5c;\n            --navy2: #151577;\n            --green: #1fa855;\n            --green2: #32b561;\n            --orange: #f04a1a;\n            --orange2: #ff5a2a;\n            --purple: #6c3bff;\n            --purple2: #7c4dff;\n            --red: #e53935;\n            --bg: #f0f2f8;\n            --card: #ffffff;\n            --border: #e0e4f0;\n            --text: #1a1a2e;\n            --muted: #64748b;\n        }\n        * { box-sizing: border-box; margin: 0; padding: 0 }\n        body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--bg); background-image: radial-gradient(circle, #c8cce8 1px, transparent 1px); background-size: 28px 28px; color: var(--text); font-size: 14px; line-height: 1.75 }\n        a { color: inherit; text-decoration: none; }\n        a:hover { color: inherit; }\n        a:visited { color: inherit; }\n        a:focus { outline: none; color: inherit; }\n        .pkg-cta, .pkg-cta:hover, .pkg-cta:visited { color: #fff !important; }\n        .sidebar-cta, .sidebar-cta:hover { color: #fff !important; }\n        .mob-header-cta, .mob-header-cta:hover { color: #fff !important; }\n        .mob-popup-zalo, .mob-popup-zalo:hover { color: #fff !important; }\n        .toc a, .toc a:hover, .toc a:visited { color: #444; }\n        .toc a:hover { color: var(--navy2); }\n        .sidebar-nav a, .sidebar-nav a:hover, .sidebar-nav a:visited { color: #555; }\n        .sidebar-nav a:hover { color: #151577; }\n        .sidebar-nav a.active, .sidebar-nav a.active:hover { color: #151577; }\n        .mob-popup-links a, .mob-popup-links a:hover, .mob-popup-links a:visited { color: #333; }\n        .link-btn, .link-btn:hover, .link-btn:visited { color: #fff !important; }\n        ul { padding-left: 17px; margin: 0 }\n        li { margin-bottom: 3px }\n\n        .layout { display: flex; align-items: flex-start; max-width: 1260px; margin: 0 auto; padding: 30px 16px 60px; gap: 22px; }\n        .page { flex: 1; min-width: 0; }\n\n        \/* SIDEBAR *\/\n        .sidebar { width: 196px; flex-shrink: 0; position: sticky; top: 20px; max-height: calc(100vh - 40px); overflow-y: auto; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 14px 0 10px; box-shadow: 0 2px 12px rgba(0,0,0,.07); }\n        .sidebar::-webkit-scrollbar { width: 4px }\n        .sidebar::-webkit-scrollbar-thumb { background: #d0d0e8; border-radius: 4px }\n        .sidebar-title { font-size: 10.5px; font-weight: 900; text-transform: uppercase; letter-spacing: .6px; color: #151577; padding: 0 14px 10px; border-bottom: 1px solid #eee; margin-bottom: 8px }\n        .sidebar-nav a { display: flex; align-items: center; gap: 8px; padding: 8px 14px; text-decoration: none; color: #555; font-size: 12.5px; line-height: 1.4; border-left: 3px solid transparent; transition: all .18s }\n        .sidebar-nav a:hover { background: #f0f0ff; color: #151577 }\n        .sidebar-nav a.active { background: #e8eeff; color: #151577; font-weight: 700; border-left-color: #151577 }\n        .sidebar-nav a .sn { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 5px; background: #eee; font-size: 10.5px; font-weight: 700; color: #555; flex-shrink: 0; transition: all .18s }\n        .sidebar-nav a.active .sn { background: #151577; color: #fff }\n        .sidebar-nav a .slabel { flex: 1 }\n        .sidebar-cta { margin: 10px 10px 0; display: block; text-align: center; background: linear-gradient(135deg, #1fa855, #32b561); color: #fff; text-decoration: none; padding: 9px 6px; border-radius: 8px; font-size: 11.5px; font-weight: 800; letter-spacing: .2px; box-shadow: 0 3px 10px rgba(31,168,85,.3); transition: opacity .2s }\n        .sidebar-cta:hover { opacity: .9 }\n        .sidebar-pdf { margin: 8px 10px 4px; display: flex; align-items: center; justify-content: center; gap: 5px; background: #f0f0ff; color: #151577; border: 1.5px solid #151577; padding: 7px 6px; border-radius: 6px; font-size: 11.5px; font-weight: 700; cursor: pointer; font-family: 'Plus Jakarta Sans', sans-serif; width: calc(100% - 20px) }\n        .sidebar-pdf:hover { background: #e0e0ff }\n\n        \/* HEADER *\/\n        .header-wrap { border-radius: 14px; overflow: hidden; margin-bottom: 24px; background: #fff; box-shadow: 0 4px 24px rgba(15,14,92,.12); animation: fadeUp .5s ease both }\n        .header-top { display: grid; grid-template-columns: 240px 1fr }\n        .header-logo { padding: 22px 26px; background: #fff; display: flex; align-items: center; border-right: 1px solid #f0f0f0 }\n        .header-logo img { width: 190px; height: auto }\n        .header-info { background: linear-gradient(135deg, #1fa855 0%, #0d9748 100%); padding: 18px 26px; position: relative; overflow: hidden }\n        .header-info::after { content: ''; position: absolute; top: -30px; right: -30px; width: 120px; height: 120px; background: rgba(255,255,255,.08); border-radius: 50% }\n        .header-info p { color: #fff; margin-bottom: 3px; font-size: 13.5px }\n        .header-info p.bold { font-weight: 800; font-size: 15px; margin-bottom: 2px }\n        .header-info p.sm { color: #c8f5da; font-size: 12.5px }\n        .header-title { background: linear-gradient(135deg, #0f0e5c 0%, #1e1da8 60%, #2d1fa8 100%); padding: 22px 26px; text-align: center; position: relative; overflow: hidden }\n        .header-title h1 { color: #fff; font-size: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: .6px; margin: 0 auto 8px; line-height: 1.3; max-width: 90%; text-shadow: 0 2px 16px rgba(0,0,0,.35) }\n        .header-title p { color: #a8b0f0; font-size: 13px; font-style: italic }\n\n        \/* PKG CARDS *\/\n        .pkg-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 26px; animation: fadeUp .55s .22s ease both }\n        .pkg-card { border-radius: 14px; overflow: visible; border: 2px solid transparent; box-shadow: 0 4px 16px rgba(0,0,0,.08); position: relative; background: #fff; transition: transform .28s, box-shadow .28s }\n        .pkg-card:hover { transform: translateY(-5px); box-shadow: 0 14px 36px rgba(0,0,0,.13) }\n        .pkg-card.featured { border-color: var(--purple2); box-shadow: 0 8px 32px rgba(124,77,255,.22); transform: translateY(-4px) }\n        .pkg-card.featured:hover { transform: translateY(-9px); box-shadow: 0 20px 48px rgba(124,77,255,.28) }\n        .pkg-popular-tag { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: linear-gradient(90deg, #6c3bff, #9b6dff); color: #fff; font-size: 11px; font-weight: 800; padding: 4px 14px; border-radius: 999px; white-space: nowrap; box-shadow: 0 3px 10px rgba(108,59,255,.4); letter-spacing: .4px; text-transform: uppercase; z-index: 2 }\n        .pkg-hd { padding: 20px 20px 16px; color: #fff; position: relative; overflow: hidden; border-radius: 12px 12px 0 0 }\n        .pkg-hd .name { font-size: 10.5px; font-weight: 700; text-transform: uppercase; opacity: .85; margin-bottom: 4px; letter-spacing: .5px }\n        .pkg-hd .title { font-size: 18px; font-weight: 900; margin-bottom: 2px }\n        .pkg-hd .sub { font-size: 11.5px; opacity: .75; margin-top: 2px }\n        .pkg-hd .price-tag { margin-top: 12px; display: inline-block; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.3); border-radius: 8px; padding: 6px 12px }\n        .pkg-hd .price-tag .price-main { font-size: 17px; font-weight: 900; color: #fff; display: block; line-height: 1.2 }\n        .pkg-hd .price-tag .price-note { font-size: 10px; opacity: .8; display: block }\n        .pkg-bd { background: #fff; padding: 16px 18px; border-radius: 0 0 12px 12px }\n        .pkg-cta { display: block; text-align: center; padding: 10px 0; border-radius: 8px; font-weight: 800; font-size: 13px; text-decoration: none; margin: 12px 0 10px; color: #fff; letter-spacing: .3px; transition: opacity .2s, transform .2s }\n        .pkg-cta:hover { opacity: .9; transform: scale(1.02) }\n        .pkg-target { font-size: 12.5px; color: #555; margin-bottom: 10px; font-style: italic; padding: 8px 10px; background: #f8f9ff; border-radius: 6px; border-left: 3px solid #dde }\n        .pkg-list { padding-left: 0; list-style: none; font-size: 12.5px; color: #333 }\n        .pkg-list li { margin-bottom: 6px; padding-left: 18px; position: relative }\n        .pkg-list li::before { content: '\u2713'; position: absolute; left: 0; color: var(--green2); font-weight: 900; font-size: 11px }\n        .pkg-badge { display: inline-block; margin-top: 10px; padding: 5px 12px; border-radius: 999px; font-size: 11px; font-weight: 700; color: #fff }\n\n        \/* COLOR HELPERS *\/\n        .bg-green { background: linear-gradient(135deg, #1fa855, #32b561) }\n        .bg-orange { background: linear-gradient(135deg, #f04a1a, #ff6b35) }\n        .bg-purple { background: linear-gradient(135deg, #6c3bff, #9b6dff) }\n        .border-green { border-color: var(--green2) }\n        .border-orange { border-color: var(--orange2) }\n        .border-purple { border-color: var(--purple2) }\n        .yes { color: #15803d; font-weight: 700 }\n        .no { color: #dc2626; font-weight: 700 }\n        .mid { color: #d97706; font-weight: 600 }\n        .tick { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #16a34a; color: #fff; font-size: 13px; font-weight: 900; border-radius: 50% }\n        .cross { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #ef4444; color: #fff; font-size: 12px; font-weight: 700; border-radius: 50% }\n        .price-cell { font-weight: 700; color: var(--navy2); font-size: 13px }\n        .free-cell { color: #32b561; font-weight: 700 }\n\n        \/* TOC *\/\n        .toc { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 16px 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(15,14,92,.05); animation: fadeUp .5s .18s ease both }\n        .toc h4 { color: var(--navy2); font-size: 12.5px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .5px }\n        .toc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px }\n        .toc a { display: block; padding: 7px 11px; border-radius: 6px; font-size: 12.5px; text-decoration: none; color: #444; background: #f5f7ff; border: 1px solid var(--border); transition: background .15s, color .15s }\n        .toc a:hover, .toc a.active { background: #e8eeff; color: var(--navy2) }\n        .toc a span { font-weight: 800; color: var(--navy2); margin-right: 4px }\n        #btn-pdf { width: 100%; margin-top: 10px; padding: 9px; background: linear-gradient(90deg, #f04a1a, #ff6b35); color: #fff; border: none; border-radius: 6px; font-weight: 800; cursor: pointer; font-size: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; font-family: 'Plus Jakarta Sans', sans-serif; box-shadow: 0 3px 10px rgba(240,74,26,.3) }\n        #btn-pdf:hover { opacity: .9 }\n\n        \/* ACCORDION *\/\n        .acc-wrap { margin-bottom: 12px; border-radius: 12px; overflow: visible; border: 1px solid var(--border); background: #fff; transition: box-shadow .3s }\n        .acc-wrap:has(.acc-body.open) { box-shadow: 0 6px 24px rgba(15,14,92,.1); border-color: #c8ccee }\n        .acc-wrap.highlight { border: 2px solid #1fa855; box-shadow: 0 0 0 3px rgba(31,168,85,.15), 0 8px 32px rgba(31,168,85,.18); position: relative; margin-top: 20px; }\n        .acc-wrap.highlight::before { content: '\u2b50 N\u1ed4I B\u1eacT'; position: absolute; top: -13px; right: 20px; background: linear-gradient(135deg, #1fa855, #32d46e); color: #fff!important; font-size: 10.5px; font-weight: 800; padding: 3px 12px; border-radius: 999px; letter-spacing: .5px; z-index: 2; box-shadow: 0 3px 10px rgba(31,168,85,.35) }\n        .acc-wrap.highlight .acc-btn { background: linear-gradient(135deg, #0d7a3a 0%, #1fa855 50%, #0d9748 100%); font-size: 15px }\n        .acc-wrap.highlight .acc-btn:hover { background: linear-gradient(135deg, #15a04e 0%, #28c964 100%) }\n        .acc-btn { width: 100%; text-align: left; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 800; background: linear-gradient(135deg, #0f0e5c 0%, #1e1da8 100%); color: #fff!important; transition: background .25s; letter-spacing: .2px; border-radius: 11px 11px 0 0; }\n        .acc-wrap:not(:has(.acc-body.open)) .acc-btn { border-radius: 11px; }\n        .acc-btn:hover { background: linear-gradient(135deg, #1a19a0 0%, #2a28cc 100%) }\n        .acc-btn .num { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: rgba(255,255,255,.18); font-size: 13px; font-weight: 900; margin-right: 10px; flex-shrink: 0; border: 1px solid rgba(255,255,255,.2) }\n        .acc-btn .arrow { font-size: 18px; transition: transform .35s cubic-bezier(.4,0,.2,1); flex-shrink: 0; opacity: .8 }\n        .acc-btn.open .arrow { transform: rotate(180deg) }\n        .acc-body { max-height: 0; overflow: hidden; transition: max-height .45s cubic-bezier(.4,0,.2,1), opacity .35s ease; opacity: 0 }\n        .acc-body.open { opacity: 1; border-radius: 0 0 11px 11px; overflow: hidden; }\n\n        \/* SUB HEADERS *\/\n        .sub-hd { background: linear-gradient(90deg, #1fa855, #32d46e); color: #fff; padding: 9px 18px; font-size: 13px; font-weight: 800; letter-spacing: .2px }\n        .sub-hd.orange { background: linear-gradient(90deg, #f04a1a, #ff6b35) }\n        .sub-hd.purple { background: linear-gradient(90deg, #6c3bff, #9b6dff) }\n        .sub-hd.navy { background: linear-gradient(90deg, #0f0e5c, #1e1da8) }\n\n        \/* INFO BLOCK *\/\n        .ib { overflow: hidden }\n        .ir { display: flex; border-bottom: 1px solid #e8ecf5; }\n        .ir:last-child { border-bottom: none }\n        .ir:nth-child(even) .iv { background: #fafbff }\n        .ir:hover .iv { background: #f0f2ff }\n        .il { width: 190px; min-width: 140px; flex-shrink: 0; padding: 10px 14px; font-size: 13px; font-weight: 700; color: var(--navy2); background: #f5f7ff; border-left: 3px solid #c0c8ee; display: flex; align-items: flex-start; }\n        .iv { flex: 1; padding: 10px 14px; font-size: 13px; background: #fff; vertical-align: middle; }\n        .iv ul { padding-left: 17px; margin: 0 }\n        .iv li { margin-bottom: 3px; font-size: 13px }\n\n        \/* FEAT\/COMPARE GRID *\/\n        .fg { overflow: hidden }\n        .fg-head { display: grid; grid-template-columns: minmax(140px, 2fr) repeat(2, 1fr); }\n        .fg-head > div { padding: 10px 12px; font-size: 13px; font-weight: 700; text-align: center; border: 1px solid rgba(255,255,255,.15) }\n        .fg-h0 { text-align: left !important; background: #f5f7ff; color: var(--navy2); border: 1px solid #e8ecf5 !important }\n        .fg-hg { background: linear-gradient(135deg, #1fa855, #32b561); color: #fff }\n        .fg-ho { background: linear-gradient(135deg, #6c3bff, #9b6dff); color: #fff }\n        .fg-row { display: grid; grid-template-columns: minmax(140px, 2fr) repeat(2, 1fr); border-bottom: 1px solid #e8ecf5; transition: background .15s; }\n        .fg-row:hover { background: #f8f9ff }\n        .fg-row > div { padding: 10px 12px; font-size: 13px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e8ecf5; }\n        .fg-row > div:last-child { border-right: none }\n        .fg-label { justify-content: flex-start !important; text-align: left; background: #fafbff; border-left: 1px solid #e8ecf5 }\n        .fg-cat { padding: 9px 14px; font-weight: 800; color: #14532d; font-size: 12.5px; background: linear-gradient(90deg, #e8f5e9, #f0fdf4); border-left: 3px solid #22c55e; border-bottom: 1px solid #e8ecf5; }\n        .fg-span2 { grid-column: 2 \/ 4; justify-content: center !important; text-align: center; border-right: 1px solid #e8ecf5 }\n\n        \/* NOTES *\/\n        .note-box { border-left: 4px solid var(--navy2); background: linear-gradient(90deg, #eef0ff, #f5f7ff); padding: 12px 16px; margin: 12px 16px; border-radius: 0 6px 6px 0; font-size: 13px }\n        .note-box strong { color: var(--navy2) }\n        .warn-box { border-left: 4px solid var(--orange2); background: linear-gradient(90deg, #fff5f0, #fff8f5); padding: 12px 16px; margin: 12px 16px; border-radius: 0 6px 6px 0; font-size: 13px }\n        .quote-box { background: linear-gradient(90deg, #fffef0, #fffde7); color: #555; font-style: italic; font-size: 13px; padding: 14px 18px; border-bottom: 1px solid #f0e0a0; border-left: 4px solid #f59e0b }\n\n        \/* LINK BUTTONS *\/\n        .link-btn { display: inline-flex; align-items: center; gap: 4px; background: linear-gradient(135deg, #0f0e5c, #1e1da8); color: #fff !important; text-decoration: none; padding: 3px 10px 3px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; transition: opacity .2s, transform .2s; white-space: nowrap; box-shadow: 0 2px 8px rgba(15,14,92,.25) }\n        .link-btn:hover { opacity: .85; transform: translateY(-1px) }\n        .link-btn::before { content: '\u2197'; font-size: 10px }\n        .link-btn.green { background: linear-gradient(135deg, #1fa855, #32b561); box-shadow: 0 2px 8px rgba(31,168,85,.25) }\n        .link-btn.orange { background: linear-gradient(135deg, #f04a1a, #ff6b35); box-shadow: 0 2px 8px rgba(240,74,26,.25) }\n\n        \/* TIMELINE *\/\n        .timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 16px }\n        .tl-item { border: 1px solid var(--border); border-top: 4px solid var(--navy2); padding: 16px; border-radius: 10px; transition: border-top-color .25s, background .25s, transform .25s, box-shadow .25s; cursor: default; background: #fff }\n        .tl-item:hover { border-top-color: var(--green2); background: #f5fff9; transform: translateY(-4px); box-shadow: 0 8px 24px rgba(50,181,97,.15) }\n        .tl-item:hover .tl-no { background: var(--green2); transform: scale(1.1) }\n        .tl-item:hover h4 { color: #15803d }\n        .tl-no { width: 34px; height: 34px; background: var(--navy2); color: #fff; border-radius: 9px; display: grid; place-items: center; font-weight: 900; font-size: 15px; margin-bottom: 10px; transition: background .25s, transform .25s }\n        .tl-item h4 { color: var(--navy2); font-size: 13.5px; font-weight: 700; margin-bottom: 4px; transition: color .25s }\n        .tl-item p { color: var(--muted); font-size: 12.5px }\n\n        \/* MOBILE HEADER *\/\n        .mob-header { display: none; position: fixed; top: 0; left: 0; right: 0; height: 52px; background: #151577; z-index: 800; align-items: center; justify-content: space-between; padding: 0 14px; box-shadow: 0 2px 10px rgba(0,0,0,.25) }\n        .mob-hamburger { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 38px; height: 38px; background: rgba(255,255,255,.12); border: none; border-radius: 8px; cursor: pointer; padding: 8px 9px; flex-shrink: 0 }\n        .mob-hamburger span { display: block; height: 2px; background: #fff; border-radius: 2px; transition: all .25s }\n        .mob-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg) }\n        .mob-hamburger.open span:nth-child(2) { opacity: 0 }\n        .mob-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) }\n        .mob-header-logo { display: flex; align-items: center; gap: 8px; text-decoration: none }\n        .mob-header-logo img { height: 26px; width: auto; filter: brightness(0) invert(1) }\n        .mob-header-cta { background: #32b561; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 700; font-size: 12px; padding: 7px 12px; white-space: nowrap }\n        .mob-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 900 }\n        .mob-overlay.open { display: block }\n        .mob-popup { display: block; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; z-index: 1000; border-radius: 16px 16px 0 0; transform: translateY(100%); transition: transform 0.3s ease; box-shadow: 0 -4px 20px rgba(0,0,0,.15) }\n        .mob-popup.open { transform: translateY(0) }\n        .mob-popup-hd { background: #151577; color: #fff; padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; border-radius: 16px 16px 0 0; font-weight: 700 }\n        .mob-popup-close { background: rgba(255,255,255,0.2); border: none; width: 30px; height: 30px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px }\n        .mob-popup-links { padding: 16px 16px 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-height: 55vh; overflow-y: auto }\n        .mob-popup-links a { display: flex; align-items: center; gap: 6px; padding: 10px; background: #f4f6fb; border-radius: 6px; text-decoration: none; color: #333; font-size: 13px; transition: background 0.2s; border: 1px solid #e0e0e0 }\n        .mob-popup-links a span { font-weight: 700; color: #151577 }\n        .mob-popup-links a:hover, .mob-popup-links a.active { background: #e8eeff; border-color: #151577 }\n        .mob-popup-actions { display: flex; flex-direction: column; gap: 8px; padding: 10px 16px 20px }\n        .mob-popup-zalo { display: flex; align-items: center; justify-content: center; gap: 6px; background: #32b561; color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; padding: 12px; border-radius: 8px }\n        .mob-popup-pdf { display: flex; align-items: center; justify-content: center; gap: 6px; background: #f0f0ff; color: #151577; border: 1.5px solid #151577; font-weight: 700; font-size: 14px; padding: 11px; border-radius: 8px; cursor: pointer; font-family: 'Plus Jakarta Sans', sans-serif }\n\n        \/* FOOTER *\/\n        .footer { text-align: right; margin-top: 40px; color: #94a3b8; font-size: 12px; border-top: 1px solid var(--border); padding-top: 10px }\n\n        @keyframes fadeUp { from { opacity: 0; transform: translateY(18px) } to { opacity: 1; transform: translateY(0) } }\n\n        @media (max-width: 900px) { .sidebar { display: none } .layout { padding: 60px 12px 30px } .mob-header { display: flex } }\n        @media (max-width: 720px) { .pkg-grid, .toc-grid { grid-template-columns: 1fr } .header-top { grid-template-columns: 1fr } .timeline { grid-template-columns: 1fr 1fr } }\n        @media (max-width: 580px) { .ir { flex-direction: column } .il { width: 100%; border-left: none; border-top: 3px solid #c0c8ee; min-width: unset; font-size: 12px; padding: 8px 12px } .iv { font-size: 12.5px; padding: 8px 12px } }\n        @media (max-width: 680px) {\n            .fg-head { display: none }\n            .fg-row { grid-template-columns: 1fr !important; padding: 12px 14px !important; gap: 8px; border-left: 3px solid #e0e4f0 }\n            .fg-row .fg-label { background: transparent !important; padding: 0 0 8px !important; border-bottom: 1px solid #eee; border-left: none; border-right: none; font-weight: 600 }\n            .fg-row > div:not(.fg-label) { padding: 0 !important; justify-content: flex-start !important; gap: 10px; border-right: none; font-size: 12.5px }\n            .fg-row > div:not(.fg-label)::before { content: attr(data-pkg); font-size: 11px; font-weight: 700; color: #888; display: inline-block; min-width: 88px }\n            .fg-span2 { grid-column: 1 }\n        }\n        @media print { body { background: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact } .layout { display: block; padding: 0; max-width: 100% } .sidebar { display: none } .page { padding: 0 } .acc-body { display: block !important; max-height: none !important; opacity: 1 !important } .acc-btn .arrow { display: none } .toc, .no-print { display: none } @page { size: A4; margin: 12mm } }\n    <\/style>\n<\/head>\n<body>\n\n<!-- MOBILE HEADER -->\n<header class=\"mob-header no-print\" id=\"mob-header\">\n    <button class=\"mob-hamburger\" id=\"mob-hamburger\" onclick=\"toggleMobMenu()\" aria-label=\"Table of Contents\">\n        <span><\/span><span><\/span><span><\/span>\n    <\/button>\n    <a class=\"mob-header-logo\" href=\"#\" aria-label=\"Link\">\n        <img decoding=\"async\" src=\"https:\/\/dps.media\/wp-content\/uploads\/2023\/08\/dpsmedia.svg\" alt=\"DPS.MEDIA\" title=\"\">\n    <\/a>\n    <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"mob-header-cta\" target=\"_blank\" rel=\"nofollow noopener\">Zalo Consultation \u2192<\/a>\n<\/header>\n<div class=\"mob-overlay\" id=\"mob-overlay\" onclick=\"closeMobMenu()\"><\/div>\n<div class=\"mob-popup\" id=\"mob-popup\">\n    <div class=\"mob-popup-hd\">\n        <span>\ud83d\udccb Select quotation section<\/span>\n        <button class=\"mob-popup-close\" onclick=\"closeMobMenu()\">\u2715<\/button>\n    <\/div>\n    <div class=\"mob-popup-links\">\n        <a href=\"#s1\"><span>1.<\/span> Pricing &amp; promotions<\/a>\n        <a href=\"#s2\"><span>2.<\/span> Hosting Specifications<\/a>\n        <a href=\"#s3\"><span>3.<\/span> Data Entry &amp; Scraping<\/a>\n        <a href=\"#s4\"><span>4.<\/span> Sales management<\/a>\n        <a href=\"#s5\"><span>5.<\/span> Content management<\/a>\n        <a href=\"#s6\"><span>6.<\/span> SEO tools<\/a>\n        <a href=\"#s7\"><span>7.<\/span> Additional features<\/a>\n        <a href=\"#s8\"><span>8.<\/span> Shipping integration<\/a>\n        <a href=\"#s9\"><span>9.<\/span> Payment &amp; CRM<\/a>\n        <a href=\"#s10\"><span>10.<\/span> Multi-language<\/a>\n        <a href=\"#s11\"><span>11.<\/span> Commitment &amp; Roadmap<\/a>\n    <\/div>\n    <div class=\"mob-popup-actions\">\n        <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"mob-popup-zalo\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get consultation via Zalo<\/a>\n        <button class=\"mob-popup-pdf\" onclick=\"window.print()\">\ud83d\udcc4 Download PDF Quote<\/button>\n    <\/div>\n<\/div>\n\n<div class=\"layout\">\n\n    <!-- SIDEBAR -->\n    <aside class=\"sidebar no-print\" id=\"sidebar\">\n        <div class=\"sidebar-title\">\ud83d\udccb Table of Contents<\/div>\n        <nav class=\"sidebar-nav\">\n            <a href=\"#s1\" data-target=\"s1\"><span class=\"sn\">1<\/span><span class=\"slabel\">Pricing &amp; promotions<\/span><\/a>\n            <a href=\"#s2\" data-target=\"s2\"><span class=\"sn\">2<\/span><span class=\"slabel\">Hosting Specifications<\/span><\/a>\n            <a href=\"#s3\" data-target=\"s3\"><span class=\"sn\">3<\/span><span class=\"slabel\">Data Entry &amp; Scraping<\/span><\/a>\n            <a href=\"#s4\" data-target=\"s4\"><span class=\"sn\">4<\/span><span class=\"slabel\">Sales management<\/span><\/a>\n            <a href=\"#s5\" data-target=\"s5\"><span class=\"sn\">5<\/span><span class=\"slabel\">Content management<\/span><\/a>\n            <a href=\"#s6\" data-target=\"s6\"><span class=\"sn\">6<\/span><span class=\"slabel\">SEO tools<\/span><\/a>\n            <a href=\"#s7\" data-target=\"s7\"><span class=\"sn\">7<\/span><span class=\"slabel\">Additional features<\/span><\/a>\n            <a href=\"#s8\" data-target=\"s8\"><span class=\"sn\">8<\/span><span class=\"slabel\">Shipping integration<\/span><\/a>\n            <a href=\"#s9\" data-target=\"s9\"><span class=\"sn\">9<\/span><span class=\"slabel\">Payment &amp; CRM<\/span><\/a>\n            <a href=\"#s10\" data-target=\"s10\"><span class=\"sn\">10<\/span><span class=\"slabel\">Multi-language<\/span><\/a>\n            <a href=\"#s11\" data-target=\"s11\"><span class=\"sn\">11<\/span><span class=\"slabel\">Commitment &amp; Roadmap<\/span><\/a>\n        <\/nav>\n        <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"sidebar-cta\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n        <button class=\"sidebar-pdf\" onclick=\"window.print()\">\ud83d\udcc4 Download PDF Quote<\/button>\n    <\/aside>\n\n    <div class=\"page\">\n\n        <!-- HEADER -->\n        <div class=\"header-wrap\">\n            <div class=\"header-top\">\n                <div class=\"header-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/dps.media\/wp-content\/uploads\/2023\/08\/dpsmedia.svg\" alt=\"DPS.MEDIA\" title=\"\">\n                <\/div>\n                <div class=\"header-info\">\n                    <p class=\"bold\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n                    <p class=\"bold\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n                    <p class=\"sm\" style=\"margin-top:8px\">Vietcombank \u2013 105 116 0909<\/p>\n                    <p class=\"sm\">Tax code: 0318 700 500<\/p>\n                    <p class=\"sm\">Phone: 0961 54 54 45<\/p>\n                    <p class=\"sm\">Address: 56 Nguyen Dinh Chieu, Tan Dinh Ward, Ho Chi Minh City<\/p>\n                    <p class=\"sm\" style=\"margin-top:8px\">\ud83d\udd17 <a href=\"https:\/\/dps.media\/en\/\" style=\"color:#fff\">https:\/\/dps.media<\/a><\/p>\n                    <p class=\"sm\">\ud83d\udd17 <a href=\"https:\/\/dps.media\/en\/zalo\/\" style=\"color:#fff\">https:\/\/dps.media\/zalo<\/a><\/p>\n                <\/div>\n            <\/div>\n            <div class=\"header-title\">\n                <h1>Quotation for e-commerce website design services<\/h1>\n                <p>Professional WordPress WooCommerce website solution \u2014 suitable from small shops to large-scale businesses<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 2 G\u00d3I CARDS -->\n        <div class=\"pkg-grid\">\n            <div class=\"pkg-card border-green\">\n                <div class=\"pkg-hd bg-green\">\n                    <div class=\"name\">Popular Package<\/div>\n                    <div class=\"title\">Basic e-commerce website<\/div>\n                    <div class=\"sub\">For small shops, beginners<\/div>\n                    <div class=\"price-tag\">\n                        <span class=\"price-main\">5,388,000 VND<\/span>\n                        <span class=\"price-note\">First year (website + hosting)<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"pkg-bd\">\n                    <div class=\"pkg-target\">Suitable for beginners in online business, small or newly established shops with few products, wanting simple operation at optimized cost.<\/div>\n                    <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"pkg-cta bg-green\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n                    <ul class=\"pkg-list\">\n                        <li>Premium ThemeForest \/ Envato theme \u2013 recommended by DPS<\/li>\n                        <li>Adjust fonts, colors according to brand identity<\/li>\n                        <li>Up to 3 revisions for layout &amp; colors<\/li>\n                        <li>2 professionally designed banners<\/li>\n                        <li>5% discount on feature development for 1 year<\/li>\n                        <li>Automatic weekly backup<\/li>\n                    <\/ul>\n                    <span class=\"pkg-badge bg-green\">Maintenance fee from year 2: 1,500,000 VND\/year<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"pkg-card border-purple featured\">\n                <div class=\"pkg-popular-tag\">\u2b50 Most Selected<\/div>\n                <div class=\"pkg-hd bg-purple\">\n                    <div class=\"name\">Enterprise Package \u00b7 VIP<\/div>\n                    <div class=\"title\">Professional e-commerce website<\/div>\n                    <div class=\"sub\">For medium \u2013 large scale businesses<\/div>\n                    <div class=\"price-tag\">\n                        <span class=\"price-main\">10,888,000 VND<\/span>\n                        <span class=\"price-note\">First year (website + hosting)<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"pkg-bd\">\n                    <div class=\"pkg-target\">Suitable for established brands, shops wanting strong initial investment to run effective ads, many products, requiring deep interface customization and multi-channel expansion.<\/div>\n                    <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"pkg-cta bg-purple\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n                    <ul class=\"pkg-list\">\n                        <li>Premium interface \u2013 recommended by DPS or per customer request<\/li>\n                        <li>Customize fonts, colors, layouts deeply as per customer request<\/li>\n                        <li>Up to 6 revisions for layout &amp; colors<\/li>\n                        <li>6 professionally designed banners<\/li>\n                        <li>20% discount on feature development for 1 year<\/li>\n                        <li>Free synchronization with KiotViet + Shopee\/Lazada<\/li>\n                    <\/ul>\n                    <span class=\"pkg-badge bg-purple\">Maintenance fee from year 2: 3,000,000 VND\/year<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- TOC -->\n        <div class=\"toc no-print\">\n            <h4>\ud83d\udccb Table of Contents \u2013 Click to skip to each section<\/h4>\n            <div class=\"toc-grid\">\n                <a href=\"#s1\"><span>1.<\/span>Pricing &amp; promotions<\/a>\n                <a href=\"#s2\"><span>2.<\/span>Hosting Specifications<\/a>\n                <a href=\"#s3\"><span>3.<\/span>Data Entry &amp; Scraping<\/a>\n                <a href=\"#s4\"><span>4.<\/span>Sales management<\/a>\n                <a href=\"#s5\"><span>5.<\/span>Content management<\/a>\n                <a href=\"#s6\"><span>6.<\/span>SEO tools<\/a>\n                <a href=\"#s7\"><span>7.<\/span>Additional features<\/a>\n                <a href=\"#s8\"><span>8.<\/span>Shipping integration<\/a>\n                <a href=\"#s9\"><span>9.<\/span>Payment &amp; CRM<\/a>\n                <a href=\"#s10\"><span>10.<\/span>Multi-language<\/a>\n                <a href=\"#s11\"><span>11.<\/span>Commitment &amp; Roadmap<\/a>\n            <\/div>\n            <button id=\"btn-pdf\">\ud83d\udcc4 Export PDF<\/button>\n        <\/div>\n\n        <!-- S1: B\u1ea2NG GI\u00c1 & \u01afU \u0110\u00c3I -->\n        <div class=\"acc-wrap highlight\" id=\"s1\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">1<\/span>PRICING &amp; INCLUDED OFFERS<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\" style=\"padding:16px\">\n                <div class=\"warn-box\">\n                    <strong>Note:<\/strong> Items arising outside the signed contract scope must have agreed unit prices before implementation. Prices do not include domain registration and maintenance fees. Website design prices may vary depending on customer requirements.\n                <\/div>\n                <div class=\"fg\" style=\"margin-top:12px\">\n                    <div class=\"fg-head\">\n                        <div class=\"fg-h0\">Category<\/div>\n                        <div class=\"fg-hg\">Standard Package<\/div>\n                        <div class=\"fg-ho\">Business Package<\/div>\n                    <\/div>\n\n                    <!-- CHI PH\u00cd -->\n                    <div class=\"fg-cat\">\ud83d\udcb0 COSTS &amp; PAYMENT<\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\"><strong>Payment of total website fee + first-year hosting<\/strong><\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"font-weight:900;color:#32b561;font-size:14px\">5,388,000 VND<\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"font-weight:900;color:#7c4dff;font-size:14px\">10,888,000 VND<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Domain name<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:flex-start;gap:6px\">\n                            <span style=\"color:#555;font-size:12.5px\">Customer chooses suitable domain for DPS to quote<\/span>\n                            <a href=\"https:\/\/inet.vn\/domain\/bang-gia-ten-mien\/\" class=\"link-btn\" target=\"_blank\" rel=\"nofollow noopener\">View domain name price list<\/a>\n                        <\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"flex-direction:column;align-items:flex-start;gap:6px\">\n                            <span style=\"color:#555;font-size:12.5px\">Customer chooses suitable domain for DPS to quote<\/span>\n                            <a href=\"https:\/\/inet.vn\/domain\/bang-gia-ten-mien\/\" class=\"link-btn\" target=\"_blank\" rel=\"nofollow noopener\">View domain name price list<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Maintenance fee (hosting + maintenance) from year 2<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:flex-start;gap:4px\">\n                            <span style=\"font-weight:700;color:var(--navy2);font-size:14px\">1,500,000 VND \/ year<\/span>\n                            <span style=\"font-size:12px;color:#888\">\ud83c\udf81 Free hosting for the first year<\/span>\n                            <span style=\"font-size:12px;color:#888\">\ud83d\udca1 500,000 VND discount if hosting already available<\/span>\n                        <\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"flex-direction:column;align-items:flex-start;gap:4px\">\n                            <span style=\"font-weight:700;color:var(--navy2);font-size:14px\">3,000,000 VND \/ year<\/span>\n                            <span style=\"font-size:12px;color:#888\">\ud83c\udf81 Free hosting for the first year<\/span>\n                            <span style=\"font-size:12px;color:#888\">\ud83d\udca1 1,000,000 VND discount if hosting already available<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u0110\u1ed0I T\u01af\u1ee2NG -->\n                    <div class=\"fg-cat\">\ud83c\udfaf TARGET USERS<\/div>\n                    <div class=\"fg-row\" style=\"align-items:stretch\">\n                        <div class=\"fg-label\" style=\"align-items:center\">Suitable for<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 14px;gap:4px\">\n                            <ul style=\"padding-left:16px;margin:0;font-size:12.5px;color:#444;line-height:1.8\">\n                                <li>Beginners in online business<\/li>\n                                <li>Small or newly established shops with few products<\/li>\n                                <li>Want a well-structured e-commerce website at optimized cost<\/li>\n                                <li>No need for deep interface customization yet<\/li>\n                                <li>Prioritize simple, easy operation<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 14px;gap:4px;background:#f5f0ff\">\n                            <ul style=\"padding-left:16px;margin:0;font-size:12.5px;color:#444;line-height:1.8\">\n                                <li>Established brands or those wanting strong development<\/li>\n                                <li>Shops wanting to invest early for effective advertising<\/li>\n                                <li>Large number of products or multiple categories<\/li>\n                                <li>Require deeply customized layout as desired<\/li>\n                                <li>Want to expand multi-channel sales quickly<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u01afU \u0110\u00c3I -->\n                    <div class=\"fg-cat\">\ud83c\udf81 INCLUDED PACKAGE OFFERS<\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Banner design <small style=\"color:#888;display:block;font-weight:400\">(Customer provides banner brief)<\/small><\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 designed banners<\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\">6 designed banners<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Support channel<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"text-align:center;justify-content:center\">Zalo \/ Email \/ Hotline \/ TeamViewer<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center\">Zalo \/ Email \/ Hotline \/ TeamViewer<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Interface<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:flex-start;padding:10px 12px;gap:4px\">\n                            <span style=\"font-weight:700;font-size:12.5px;color:var(--navy2)\">\ud83c\udfa8 Premium ThemeForest \/ Envato \u2013 recommended by DPS<\/span>\n                            <span style=\"font-size:12px;color:#555\">Adjust fonts, text size, colors according to brand identity<\/span>\n                        <\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"flex-direction:column;align-items:flex-start;padding:10px 12px;gap:4px;background:#f5f0ff\">\n                            <span style=\"font-weight:700;font-size:12.5px;color:#6c3bff\">\ud83c\udfa8 Premium ThemeForest \/ Envato \u2013 recommended by DPS or by customer<\/span>\n                            <span style=\"font-size:12px;color:#555\">Customize fonts, text size, colors, <strong>deeper layout<\/strong> according to customer preference<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Edit colors \u2013 typography<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"text-align:center;justify-content:center\">Maximum \u00a0<strong>3 times<\/strong>\u00a0 edits<\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center;color:#6c3bff\">Maximum \u00a0<strong>6 times<\/strong>\u00a0 edits<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Website layout editing<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"text-align:center;justify-content:center\">Maximum \u00a0<strong>3 times<\/strong>\u00a0 edits<\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center;color:#6c3bff\">Maximum \u00a0<strong>6 times<\/strong>\u00a0 edits<\/div>\n                    <\/div>\n\n                    <!-- T\u00cdNH N\u0102NG M\u1eb6C \u0110\u1ecaNH -->\n                    <div class=\"fg-cat\">\ud83d\udd27 DEFAULT FEATURES \u2013 FREE FOR ALL PACKAGES<\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Connect GG Search Console, Analytics, Tag Manager<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Full source code handover for self-development<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Multi-platform contact CTA button installation<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Automatic weekly backup<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n                    <\/div>\n\n                    <!-- \u01afU \u0110\u00c3I C\u00d3 PH\u00cd -->\n                    <div class=\"fg-cat\">\ud83d\udc8e FEATURES &amp; OFFERS BY PACKAGE<\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">System of 50 high DR social backlinks<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">250,000 VND<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Sync products and orders with KiotViet<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">550,000 VND<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Synchronize products to Shopee, Lazada<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">550,000 VND<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Branch management<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">1,500,000 VND<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">1,200,000 VND<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Google Ads service promotion for first month<\/div>\n                        <div class=\"mid\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">5%<\/div>\n                        <div class=\"yes\" data-pkg=\"Doanh Nghi\u1ec7p\">20%<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Promotion for all website development features for 1 year<\/div>\n                        <div class=\"mid\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">5%<\/div>\n                        <div class=\"yes\" data-pkg=\"Doanh Nghi\u1ec7p\">20%<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S2: TH\u00d4NG S\u1ed0 HOSTING -->\n        <div class=\"acc-wrap\" id=\"s2\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">2<\/span>HOSTING SPECIFICATIONS<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\" style=\"padding:16px\">\n                <div class=\"fg\">\n                    <div class=\"fg-head\">\n                        <div class=\"fg-h0\">Parameters<\/div>\n                        <div class=\"fg-hg\">Standard Package<\/div>\n                        <div class=\"fg-ho\">Business Package<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Processor<\/div>\n                        <div class=\"fg-span2\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\" style=\"font-weight:600\">Intel Xeon Gold 6xxx \u2013 High-end<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">NVMe U.2 Capacity<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">10 GB<\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\">20 GB<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">CPU<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 Cores<\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\">4 Cores<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Physical Memory (RAM)<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 GB<\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\">4 GB<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Database MySQL<\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">10<\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\">15<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Bandwidth<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Addon Domain<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Subdomain<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Alias Domain<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">SSL (Zero SSL)<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Number of FTP accounts<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Multiple PHP versions<\/div>\n                        <div class=\"fg-span2\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\">From 4.4 \u2013 8.4<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Backup<\/div>\n                        <div class=\"fg-span2 free-cell\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\">Daily (automatic)<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">IO \/ Entry Processes \/ File Usage<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n                        <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S3: NH\u1eacP & C\u00c0O D\u1eee LI\u1ec6U -->\n        <div class=\"acc-wrap\" id=\"s3\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">3<\/span>DATA IMPORT &amp; SCRAPING<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\" style=\"padding:16px\">\n                <div class=\"sub-hd\" style=\"margin-bottom:0\">Data from old website<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">All packages<\/div>\n                        <div class=\"iv\" style=\"color:#15803d;font-weight:600\">\u2705 Free import of all old data to new website (including product\/service information, images \u2014 old website must allow data export)<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">Import new product data<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">Note<\/div>\n                        <div class=\"iv\">Customer prepares product images\/information according to DPS standard template instructions.<\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Standard Package<\/div>\n                        <div class=\"iv\">\n                            First bulk product import fee: <strong>550,000 VND\/time<\/strong><br>\n                            <span style=\"font-size:12.5px;color:#555\">Subsequent updates: <strong>330,000 VND\/time<\/strong><\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Business Package<\/div>\n                        <div class=\"iv\">\n                            <span style=\"color:#15803d;font-weight:600\">\u2705 First time free<\/span><br>\n                            <span style=\"font-size:12.5px;color:#555\">Subsequent updates: <strong>330,000 VND\/time<\/strong><\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">DPS writes SEO-standard content<\/div>\n                        <div class=\"iv\">\n                            <strong>100,000 VND \/ product<\/strong> (applies to both packages)<br>\n                            <span style=\"font-size:12.5px;color:#555\">Criteria: Unique &gt;70% \u00b7 Length 200\u2013300 words \u00b7 Contains main and related keywords<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">Scrape data from other websites<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">Note<\/div>\n                        <div class=\"iv\">DPS needs link for checking first \u2014 some websites cannot be crawled.<\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Standard Package<\/div>\n                        <div class=\"iv\">\n                            <div style=\"display:flex;gap:24px;flex-wrap:wrap\">\n                                <div style=\"background:#f5f7ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n                                    <div style=\"font-size:11px;color:#888;margin-bottom:4px\">Under 1,000 data<\/div>\n                                    <div style=\"font-size:15px;font-weight:800;color:var(--navy2)\">550,000 VND<\/div>\n                                    <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n                                <\/div>\n                                <div style=\"background:#f5f7ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n                                    <div style=\"font-size:11px;color:#888;margin-bottom:4px\">1,000 \u2013 3,000 data<\/div>\n                                    <div style=\"font-size:15px;font-weight:800;color:var(--navy2)\">650,000 VND<\/div>\n                                    <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Business Package<\/div>\n                        <div class=\"iv\">\n                            <div style=\"display:flex;gap:24px;flex-wrap:wrap\">\n                                <div style=\"background:#f5f0ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n                                    <div style=\"font-size:11px;color:#888;margin-bottom:4px\">Under 1,000 data<\/div>\n                                    <div style=\"font-size:15px;font-weight:800;color:#6c3bff\">330,000 VND<\/div>\n                                    <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n                                <\/div>\n                                <div style=\"background:#f5f0ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n                                    <div style=\"font-size:11px;color:#888;margin-bottom:4px\">1,000 \u2013 3,000 data<\/div>\n                                    <div style=\"font-size:15px;font-weight:800;color:#6c3bff\">430,000\u0111<\/div>\n                                    <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S4: QU\u1ea2N L\u00dd B\u00c1N H\u00c0NG -->\n        <div class=\"acc-wrap\" id=\"s4\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">4<\/span>SALES MANAGEMENT<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\">\n                <div class=\"note-box\"><strong>Note:<\/strong> All sales management features below are pre-installed and configured for both packages \u2014 no extra cost.<\/div>\n                <div class=\"fg\">\n                    <div class=\"fg-head\">\n                        <div class=\"fg-h0\">Feature<\/div>\n                        <div class=\"fg-hg\">Standard Package<\/div>\n                        <div class=\"fg-ho\">Business Package<\/div>\n                    <\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Product management<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Order Management<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Customer Management<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Sales revenue reports &amp; statistics<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Products with attributes (color, size\u2026)<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Promotion management<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Send notifications via Email<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Create discount codes<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Bank transfer \/ COD payment<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S5: QU\u1ea2N L\u00dd N\u1ed8I DUNG -->\n        <div class=\"acc-wrap\" id=\"s5\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">5<\/span>CONTENT MANAGEMENT<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\">\n                <div class=\"note-box\"><strong>Note:<\/strong> All content management features below are pre-installed and configured \u2014 no extra cost (except table of contents in Basic package).<\/div>\n                <div class=\"fg\">\n                    <div class=\"fg-head\">\n                        <div class=\"fg-h0\">Feature<\/div>\n                        <div class=\"fg-hg\">Standard Package<\/div>\n                        <div class=\"fg-ho\">Business Package<\/div>\n                    <\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Manage posts<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Post tags<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Soft delete posts (Trash)<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Post formatting tools<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Simple image editing tool<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Automatic table of contents for posts <small style=\"color:#888;display:block;font-weight:400\">Improve post SEO score<\/small><\/div>\n                        <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"cross\">\u2715<\/span><\/div>\n                        <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S6: C\u00d4NG C\u1ee4 SEO -->\n        <div class=\"acc-wrap\" id=\"s6\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">6<\/span>SEO SUPPORT TOOLS<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\">\n                <div class=\"note-box\"><strong>Note:<\/strong> All SEO tools below are pre-installed and configured for both packages \u2014 no extra cost.<\/div>\n                <div class=\"fg\">\n                    <div class=\"fg-head\">\n                        <div class=\"fg-h0\">Feature<\/div>\n                        <div class=\"fg-hg\">Standard Package<\/div>\n                        <div class=\"fg-ho\">Business Package<\/div>\n                    <\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">SEO-friendly URL<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Meta tag setup tools (Title, Description)<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Google Schema Support (Rich Snippets)<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Preview display on Facebook \/ Zalo<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Suggest internal links<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Duplicate content management (Canonical)<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Redirect management (301\/404)<\/div><div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div><div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S7: CH\u1ee8C N\u0102NG B\u1ed4 SUNG -->\n        <div class=\"acc-wrap\" id=\"s7\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">7<\/span>ADDITIONAL FEATURES \u2013 FREE FOR BOTH PACKAGES<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\">\n                <div class=\"note-box\"><strong>All features below are free<\/strong> \u2014 DPS consults and only installs features suitable for each customer's actual needs.<\/div>\n                <div class=\"fg\">\n                    <div class=\"fg-head\">\n                        <div class=\"fg-h0\">Feature<\/div>\n                        <div class=\"fg-hg\">Standard Package<\/div>\n                        <div class=\"fg-ho\">Business Package<\/div>\n                    <\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Zalo Chat<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Facebook Chat<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Tap to call hotline<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Customer feedback form<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Google Sheet integration<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Embed PDF files in posts<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Advanced product filter<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Access permission management<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Disable right-click, text selection<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Popup notifications \/ promotions<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Quick order<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Hide price and order button<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Display viewed products<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Display content by Tab<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Dealer, store list<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Advanced product attributes<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Bundle products, cross-sell<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">MailChimp integration<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Google Shopping<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n                    <div class=\"fg-row\"><div class=\"fg-label\">Advanced SEO<\/div><div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div><div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div><\/div>\n\n                    <div class=\"fg-cat\">\ud83d\udcca PAID ADD-ON FEATURES<\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Create push notifications to customers<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">550,000 VND<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">300,000 VND<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Google My Business verification<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">1,100,000 VND<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">800,000 VND<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Register website with Ministry of Industry and Trade<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">1,375,000 VND<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">1,100,000 VND<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">Reward points system (WooCommerce Rewards)<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">550,000 VND<\/div>\n                        <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">550,000 VND<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S8: T\u00cdCH H\u1ee2P V\u1eacN CHUY\u1ec2N -->\n        <div class=\"acc-wrap\" id=\"s8\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">8<\/span>SHIPPING INTEGRATION<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\" style=\"padding:16px\">\n                <div class=\"warn-box\"><strong>Note:<\/strong> Integration fee paid to DPS. API connection fee paid to developer. Contact DPS for detailed consultation per shipping provider.<\/div>\n                <div class=\"fg\" style=\"margin-top:12px\">\n                    <div class=\"fg-head\">\n                        <div class=\"fg-h0\">Shipping provider<\/div>\n                        <div class=\"fg-hg\">Cost &amp; conditions<\/div>\n                        <div class=\"fg-ho\">Note<\/div>\n                    <\/div>\n                    <div class=\"fg-row\" style=\"align-items:stretch\">\n                        <div class=\"fg-label\">\ud83d\ude9a Giao Hang Nhanh (GHN)<\/div>\n                        <div data-pkg=\"Chi ph\u00ed\" style=\"flex-direction:column;align-items:flex-start;padding:10px 12px;gap:4px\">\n                            <span style=\"font-weight:700;color:var(--navy2)\">DPS integration fee: 550,000 VND<\/span>\n                            <span style=\"font-size:12px;color:#555\">API connection fee: 500,000 VND\/year or 1,200,000 VND\/lifetime<\/span>\n                            <span style=\"font-size:12px;color:#555\">Fee per shipping gateway<\/span>\n                        <\/div>\n                        <div data-pkg=\"Ghi ch\u00fa\" style=\"flex-direction:column;align-items:flex-start;padding:10px 12px;gap:4px\">\n                            <span style=\"font-size:12.5px;color:#555\">Automatic shipping fee calculation, order tracking updates<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">\ud83d\udce6 Giao Hang Tiet Kiem (GHTK)<\/div>\n                        <div data-pkg=\"Chi ph\u00ed\" style=\"text-align:center\">Contact DPS for quotation<\/div>\n                        <div data-pkg=\"Ghi ch\u00fa\" style=\"text-align:center;color:#555;font-size:12.5px\">Similar to GHN<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">\ud83d\udcec Viettel Post<\/div>\n                        <div data-pkg=\"Chi ph\u00ed\" style=\"text-align:center\">Contact DPS for quotation<\/div>\n                        <div data-pkg=\"Ghi ch\u00fa\" style=\"text-align:center;color:#555;font-size:12.5px\">Contact DPS<\/div>\n                    <\/div>\n                    <div class=\"fg-row\">\n                        <div class=\"fg-label\">\ud83c\udfe4 VNPost<\/div>\n                        <div data-pkg=\"Chi ph\u00ed\" style=\"text-align:center\">Contact DPS for quotation<\/div>\n                        <div data-pkg=\"Ghi ch\u00fa\" style=\"text-align:center;color:#555;font-size:12.5px\">Contact DPS<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S9: THANH TO\u00c1N & CRM -->\n        <div class=\"acc-wrap\" id=\"s9\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">9<\/span>PAYMENT &amp; CRM INTEGRATION<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\" style=\"padding:16px\">\n                <div class=\"sub-hd\" style=\"margin-bottom:0\">Domestic banks \u2013 Recommended<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">Integration fee<\/div>\n                        <div class=\"iv\">\n                            <strong>550,000 VND<\/strong> initial fee paid to DPS<br>\n                            <span style=\"font-size:12.5px;color:#555\">Price per successful transaction: 500 VND \u00b7 Minimum 180 transactions\/month<br>Higher volume reduces cost per transaction<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Supported banks<\/div>\n                        <div class=\"iv\">\n                            <div style=\"display:flex;flex-wrap:wrap;gap:8px;margin-top:4px\">\n                                <span style=\"background:#e8eeff;color:#151577;font-weight:700;padding:4px 12px;border-radius:6px;font-size:12.5px\">MB Bank,<\/span>\n                                <span style=\"background:#e8eeff;color:#151577;font-weight:700;padding:4px 12px;border-radius:6px;font-size:12.5px\">OCB<\/span>\n                                <span style=\"background:#e8eeff;color:#151577;font-weight:700;padding:4px 12px;border-radius:6px;font-size:12.5px\">KienLongBank<\/span>\n                                <span style=\"background:#e8eeff;color:#151577;font-weight:700;padding:4px 12px;border-radius:6px;font-size:12.5px\">MSB<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">Onepay \u2013 International payment<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">DPS integration fee<\/div>\n                        <div class=\"iv\"><strong>1,200,000 VND<\/strong> \u2014 platform connection setup + warranty support<\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Payment support<\/div>\n                        <div class=\"iv\">\n                            Domestic bank \u00b7 Visa \/ Mastercard \/ Apple Pay \/ Amex<br>\n                            <span style=\"font-size:12px;color:#888\">Customer signs contract directly with Onepay. Transaction fee is 1% according to Onepay policy.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">Facebook Omnichannel integration (Pancake)<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">DPS integration fee<\/div>\n                        <div class=\"iv\"><strong>550,000 VND<\/strong><\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Monthly fee<\/div>\n                        <div class=\"iv\">\n                            <strong>200,000 VND\/month<\/strong> \u2014 3 Pages + 3 Staff<br>\n                            <span style=\"font-size:12.5px;color:#555\">+ 1 Page: 40,000 VND \u00b7 + 1 Staff: 20,000 VND<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Key features<\/div>\n                        <div class=\"iv\">\n                            <ul>\n                                <li>Create Pancake POS orders quickly in Livechat<\/li>\n                                <li>Lifetime data storage during usage<\/li>\n                                <li>Automatic phone number and address recognition<\/li>\n                                <li>Call center integration, call history &amp; recording<\/li>\n                                <li>Detailed comprehensive reports &amp; statistics<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Supported platforms<\/div>\n                        <div class=\"iv\">\n                            <div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-top:4px\">\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">Facebook<\/span>\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">Instagram<\/span>\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">Zalo<\/span>\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">Shopee<\/span>\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">Lazada<\/span>\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">TikTok<\/span>\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">WhatsApp<\/span>\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">Line<\/span>\n                                <span style=\"background:#f0f2ff;color:#444;font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid #e0e4f0\">WooCommerce<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">Affiliate Marketing system<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">Setup fee<\/div>\n                        <div class=\"iv\"><strong>1,100,000 VND<\/strong> \u2014 one-time setup fee via DPS agency<\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Monthly fee<\/div>\n                        <div class=\"iv\">\n                            <strong>300,000 VND\/month<\/strong> \u00b7 1,620,000 VND\/6 months \u00b7 <strong>2,880,000 VND\/year<\/strong><br>\n                            <span style=\"font-size:12px;color:#888\">Or purchase directly at <a href=\"https:\/\/affiliatewp.com\/pricing\/\" style=\"color:#151577\" target=\"_blank\" rel=\"nofollow noopener\">affiliatewp.com\/pricing<\/a><\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Feature<\/div>\n                        <div class=\"iv\">\n                            <ul>\n                                <li>Reward affiliates based on 1% order value or fixed fee<\/li>\n                                <li>Lifetime commission encourages partners to bring repeat customers<\/li>\n                                <li>Manage all referrals in one place with powerful analytics<\/li>\n                                <li>Encourage multiple actions: sales, referrals, registrations\u2026<\/li>\n                                <li>Build reward system, set commissions by membership tier<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S10: \u0110A NG\u00d4N NG\u1eee -->\n        <div class=\"acc-wrap\" id=\"s10\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">10<\/span>AUTOMATIC MULTILINGUAL<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\">\n                <div class=\"sub-hd navy\">Option 0: TranslatePress + AI API (OpenAI) \u2014 Recommended<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">How it works<\/div>\n                        <div class=\"iv\">\n                            <ul>\n                                <li>Fully automatic translation via AI API (OpenAI)<\/li>\n                                <li>Uses advanced language models to translate the entire website content<\/li>\n                                <li>Translated content can be manually edited if needed<\/li>\n                                <li>Unlimited number of languages<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Cost<\/div>\n                        <div class=\"iv\">\n                            Initial integration fee: <strong>1,000,000 VN\u0110<\/strong><br>\n                            Pay directly to OpenAI based on API pricing (~40\u0111\/1,000 words with GPT-4o mini).<br>\n                            <small style=\"color:#888\">Top up 100,000\u0111 into the Client's OpenAI account to activate.<\/small>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Note<\/div>\n                        <div class=\"iv\" style=\"color:#15803d;font-weight:600\">\u2b50 Recommended because the translation quality is much more natural and accurate than other methods.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd\">Option 1: TranslatePress + Yandex or Google Translate<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">How it works<\/div>\n                        <div class=\"iv\">\n                            <ul>\n                                <li>Automatic translation per page or article<\/li>\n                                <li>Need to visit the page to click the auto-translate button<\/li>\n                                <li>Translated content can be manually edited<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Cost<\/div>\n                        <div class=\"iv\">Free for the 2nd language.<br>From the 3rd language onwards: <strong>250,000\u0111\/language<\/strong>.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd orange\">Option 2: TranslatePress + Google Cloud Translation API<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">How it works<\/div>\n                        <div class=\"iv\">\n                            <ul>\n                                <li>Fully automatic translation via Google Cloud API<\/li>\n                                <li>Translated content can be manually edited<\/li>\n                                <li>Unlimited number of languages<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Cost<\/div>\n                        <div class=\"iv\">Pay directly to Google: <strong>20 USD\/1 million characters<\/strong>.<br>First 10 USD free every month.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S11: CAM K\u1ebeT & L\u1ed8 TR\u00ccNH -->\n        <div class=\"acc-wrap\" id=\"s11\">\n            <button class=\"acc-btn\" onclick=\"toggle(this)\">\n                <span><span class=\"num\">11<\/span>QUALITY COMMITMENT &amp; IMPLEMENTATION ROADMAP<\/span>\n                <span class=\"arrow\">\u25be<\/span>\n            <\/button>\n            <div class=\"acc-body\">\n                <div class=\"sub-hd\">11.1 Implementation roadmap<\/div>\n                <div class=\"timeline\">\n                    <div class=\"tl-item\">\n                        <div class=\"tl-no\">1<\/div>\n                        <h4>Confirmation &amp; signing<\/h4>\n                        <p>Confirm requirements, select package, sign contract, and make 1st payment (usually 50% of the value).<\/p>\n                    <\/div>\n                    <div class=\"tl-item\">\n                        <div class=\"tl-no\">2<\/div>\n                        <h4>Preparation &amp; design<\/h4>\n                        <p>Customer provides logo, images, product content. DPS designs interface and sends preview.<\/p>\n                    <\/div>\n                    <div class=\"tl-item\">\n                        <div class=\"tl-no\">3<\/div>\n                        <h4>Implementation &amp; integration<\/h4>\n                        <p>Build website, integrate cart, payment, shipping, SEO, install features per package.<\/p>\n                    <\/div>\n                    <div class=\"tl-item\">\n                        <div class=\"tl-no\">4<\/div>\n                        <h4>Handover &amp; instructions<\/h4>\n                        <p>Customer checks and confirms. DPS provides operational instructions, hands over all source code and accounts.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd\">11.2 Quality commitment<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">Quality commitment<\/div>\n                        <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/EQzKS\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/EQzKS<\/a><\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Privacy policy<\/div>\n                        <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/Fjqlj\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/Fjqlj<\/a><\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Abuse reporting policy<\/div>\n                        <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/FoAIh\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/FoAIh<\/a><\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Protect personal data<\/div>\n                        <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/lYUEW\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/lYUEW<\/a><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sub-hd\">11.3 Important terms<\/div>\n                <div class=\"ib\">\n                    <div class=\"ir\">\n                        <div class=\"il\">Out-of-scope work<\/div>\n                        <div class=\"iv\">Arising items outside the scope of the signed contract must be agreed upon by both parties for the unit price before execution. DPS commits to notifying and requesting confirmation before implementing any arising items.<\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Existing hosting<\/div>\n                        <div class=\"iv\">If the customer already has their own hosting:<br>\u2022 Standard Package: 500,000\u0111 discount<br>\u2022 Enterprise Package: 1,000,000\u0111 discount<br>Condition: Hosting must ensure requirements for features and configuration specified by DPS.<\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Source code<\/div>\n                        <div class=\"iv\">All source code is handed over free of charge. The customer has full ownership and can continue development after the project is completed.<\/div>\n                    <\/div>\n                    <div class=\"ir\">\n                        <div class=\"il\">Maintenance only (no hosting)<\/div>\n                        <div class=\"iv\">Annual cost: <strong>1,500,000 VND<\/strong><br><span style=\"font-size:12.5px;color:#888\">Condition: hosting must meet required features and configuration.<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- FOOTER -->\n        <div style=\"margin-top:32px;background:#151577;border-radius:8px;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px\">\n            <div>\n                <p style=\"color:#fff;font-weight:700;font-size:15px;margin-bottom:4px\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n                <p style=\"color:#c5caf5;font-size:13px\">56 Nguyen Dinh Chieu, Tan Dinh Ward, District 1, Ho Chi Minh City<\/p>\n                <p style=\"color:#c5caf5;font-size:13px\">Tax code: 0318 700 500 \u00b7 Vietcombank \u2013 105 116 0909<\/p>\n            <\/div>\n            <div style=\"text-align:right\">\n                <p style=\"color:#fff;font-weight:700;font-size:16px;margin-bottom:4px\">\ud83d\udcde 0961 54 54 45<\/p>\n                <a href=\"https:\/\/zalo.me\/2660820902015185905\" style=\"display:inline-block;background:#32b561;color:#fff;padding:8px 18px;border-radius:6px;font-weight:700;font-size:13px;text-decoration:none;margin-top:4px\" rel=\"nofollow noopener\" target=\"_blank\">Message Zalo for consultation now \u2192<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"footer\">Quote is valid for 30 days from the date of sending \u00b7 DPS.MEDIA \u00a9 2025<\/div>\n\n    <\/div><!-- end .page -->\n<\/div><!-- end .layout -->\n\n<script>\n    document.querySelectorAll('.fg-row').forEach(row => {\n        row.querySelectorAll('[data-pkg]').forEach(cell => {\n            if (cell.innerHTML.trim() === '') {\n                cell.innerHTML = '<span class=\"cross\">\u2715';\n            }\n        });\n    });\n\n    function openAcc(btn, body) {\n        btn.classList.add('open');\n        body.style.maxHeight = body.scrollHeight + 'px';\n        body.classList.add('open');\n        body.addEventListener('transitionend', function onEnd(e) {\n            if (e.propertyName === 'max-height' && body.classList.contains('open')) {\n                body.style.maxHeight = 'none';\n                body.removeEventListener('transitionend', onEnd);\n            }\n        });\n    }\n\n    function closeAcc(btn, body) {\n        body.style.maxHeight = body.scrollHeight + 'px';\n        body.offsetHeight;\n        btn.classList.remove('open');\n        body.style.maxHeight = '0';\n        body.classList.remove('open');\n    }\n\n    function toggle(btn) {\n        const body = btn.nextElementSibling;\n        if (body.classList.contains('open')) {\n            closeAcc(btn, body);\n        } else {\n            openAcc(btn, body);\n        }\n    }\n\n    function bindNavLinks(selector) {\n        document.querySelectorAll(selector).forEach(a => {\n            a.addEventListener('click', function(e) {\n                e.preventDefault();\n                const id = this.getAttribute('href').replace('#', '');\n                const wrap = document.getElementById(id);\n                if (wrap) {\n                    const btn = wrap.querySelector('.acc-btn');\n                    const body = wrap.querySelector('.acc-body');\n                    if (!body.classList.contains('open')) {\n                        openAcc(btn, body);\n                    }\n                    setTimeout(() => {\n                        wrap.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                    }, 60);\n                }\n                closeMobMenu();\n            });\n        });\n    }\n\n    bindNavLinks('.toc a');\n    bindNavLinks('.mob-popup-links a');\n    bindNavLinks('.sidebar-nav a');\n\n    function toggleMobMenu() {\n        const popup = document.getElementById('mob-popup');\n        const overlay = document.getElementById('mob-overlay');\n        const burger = document.getElementById('mob-hamburger');\n        const isOpen = popup.classList.contains('open');\n        if (isOpen) {\n            popup.classList.remove('open');\n            overlay.classList.remove('open');\n            burger.classList.remove('open');\n        } else {\n            popup.classList.add('open');\n            overlay.classList.add('open');\n            burger.classList.add('open');\n        }\n    }\n\n    function closeMobMenu() {\n        document.getElementById('mob-popup').classList.remove('open');\n        document.getElementById('mob-overlay').classList.remove('open');\n        const burger = document.getElementById('mob-hamburger');\n        if (burger) burger.classList.remove('open');\n    }\n\n    \/\/ Open all accordions by default\n    document.querySelectorAll('.acc-wrap .acc-btn').forEach(btn => {\n        const body = btn.nextElementSibling;\n        btn.classList.add('open');\n        body.classList.add('open');\n        body.style.maxHeight = 'none';\n    });\n\n    document.getElementById('btn-pdf').addEventListener('click', function() {\n        window.print();\n    });\n\n    \/\/ Scrollspy\n    function setActive(id) {\n        document.querySelectorAll('.sidebar-nav a, .toc a, .mob-popup-links a').forEach(a => {\n            a.classList.remove('active');\n            if (a.getAttribute('href') === `#${id}`) {\n                a.classList.add('active');\n                const sidebar = document.getElementById('sidebar');\n                if (sidebar && a.closest('.sidebar-nav')) {\n                    const aTop = a.offsetTop;\n                    const sTop = sidebar.scrollTop;\n                    const sH = sidebar.clientHeight;\n                    if (aTop < sTop + 40 || aTop > sTop + sH - 60) {\n                        sidebar.scrollTo({ top: aTop - sH \/ 2 + 20, behavior: 'smooth' });\n                    }\n                }\n            }\n        });\n    }\n\n    const sections = document.querySelectorAll('.acc-wrap[id]');\n    const io = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) setActive(entry.target.getAttribute('id'));\n        });\n    }, { root: null, rootMargin: '-15% 0px -60% 0px', threshold: 0 });\n    sections.forEach(s => io.observe(s));\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>B\u00e1o gi\u00e1 D\u1ecbch v\u1ee5 Thi\u1ebft k\u1ebf Website B\u00e1n H\u00e0ng \u2013 DPS.MEDIA T\u01b0 v\u1ea5n Zalo \u2192 \ud83d\udccb Ch\u1ecdn ph\u1ea7n b\u00e1o gi\u00e1 \u2715 1. B\u1ea3ng gi\u00e1 &#038; \u01b0u \u0111\u00e3i 2. Th\u00f4ng s\u1ed1 hosting 3. Nh\u1eadp &#038; c\u00e0o d\u1eef li\u1ec7u 4. Qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng 5. Qu\u1ea3n l\u00fd n\u1ed9i dung 6. C\u00f4ng c\u1ee5 SEO 7. Ch\u1ee9c n\u0103ng b\u1ed5 [&hellip;]<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-38023","page","type-page","status-publish","hentry"],"acf":[],"rankmath_keywords":{"primary":"","secondary":[""]},"yoast_keywords":{"primary":"","secondary":[]},"yoast_focuskw":"","rankmath_focuskw":"","seo_keywords":{"primary":"","secondary":[""]},"_links":{"self":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/38023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/comments?post=38023"}],"version-history":[{"count":4,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/38023\/revisions"}],"predecessor-version":[{"id":38029,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/38023\/revisions\/38029"}],"wp:attachment":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/media?parent=38023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}