{"id":5157,"date":"2025-01-12T08:14:08","date_gmt":"2025-01-12T08:14:08","guid":{"rendered":"https:\/\/crowdytheme.com\/animation-addon\/smart-marketing-tool\/?page_id=10"},"modified":"2026-08-05T07:14:04","modified_gmt":"2026-08-05T01:14:04","slug":"home","status":"publish","type":"page","link":"https:\/\/whatsping.com\/bn\/","title":{"rendered":"\u09b9\u09cb\u09ae"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5157\" class=\"elementor elementor-5157\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c302b8 e-con-full e-flex e-con e-parent\" data-id=\"5c302b8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0008564 elementor-widget elementor-widget-html\" data-id=\"0008564\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  \/* ============================================================\n     Palette matched to the WhatsPing marketing design:\n     deep violet brand \u00b7 vibrant orange CTA \u00b7 light lavender.\n     Fonts name Space Grotesk \/ Inter first (the app's faces),\n     with system fallbacks \u2014 webfont CDNs are blocked here.\n  ============================================================ *\/\n  :root {\n    --violet:       #7c3aed;\n    --violet-deep:  #5b21b6;\n    --violet-pale:  #f3ecfe;\n    --violet-brd:   #ddd0fa;\n    --brand:        #4c2c94;   \/* deep nav \/ footer violet *\/\n    --grad-nav:     linear-gradient(100deg, #43277f 0%, #5d35a8 100%);\n    --grad-band:    linear-gradient(120deg, #6a45cf 0%, #8560d8 100%);\n    --grad-panel:   linear-gradient(135deg, #5b39ad 0%, #7b52d6 100%);\n\n    --orange:       #f97316;\n    --orange-deep:  #ea580c;\n    --grad-orange:  linear-gradient(135deg, #ff8a3d 0%, #f36c16 100%);\n\n    --wa:           #25d366;\n    --green:        #16a34a;   \/* trust checks *\/\n    --lime:         #b6f334;   \/* checks on violet bands *\/\n\n    --paper:   #ffffff;\n    --paper-2: #f6f4fc;\n    --surface-2: #f2edfc;\n    --card:    #ffffff;\n    --line:    #e9e3f6;\n    --line-2:  #d9d0ef;\n\n    --heading: #1e1b2e;\n    --text:    #4a4463;\n    --muted:   #6b7280;\n    --muted-2: #9aa1b2;\n\n    --radius: 16px;\n    --maxw: 1160px;\n    --sans:    \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif;\n    --display: \"Space Grotesk\", \"Poppins\", \"Inter\", system-ui, sans-serif;\n    --mono:    ui-monospace, \"SF Mono\", \"JetBrains Mono\", \"Menlo\", monospace;\n  }\n  @media (prefers-color-scheme: dark) {\n    :root {\n      --violet: #a78bfa; --violet-deep: #8b5cf6; --violet-pale: #241a3e; --violet-brd: #3d3163;\n      --orange: #fb8a3c; --orange-deep: #f97316; --green: #34d399;\n      --paper: #14112a; --paper-2: #1b1738; --surface-2: #201a3c; --card: #221c40; --line: #322a54; --line-2: #3e3563;\n      --heading: #f3f0fb; --text: #d8d2ec; --muted: #a79fc4; --muted-2: #7d7699;\n    }\n  }\n  :root[data-theme=\"dark\"] {\n    --violet: #a78bfa; --violet-deep: #8b5cf6; --violet-pale: #241a3e; --violet-brd: #3d3163;\n    --orange: #fb8a3c; --orange-deep: #f97316; --green: #34d399;\n    --paper: #14112a; --paper-2: #1b1738; --surface-2: #201a3c; --card: #221c40; --line: #322a54; --line-2: #3e3563;\n    --heading: #f3f0fb; --text: #d8d2ec; --muted: #a79fc4; --muted-2: #7d7699;\n  }\n  :root[data-theme=\"light\"] {\n    --violet: #7c3aed; --violet-deep: #5b21b6; --violet-pale: #f3ecfe; --violet-brd: #ddd0fa;\n    --orange: #f97316; --orange-deep: #ea580c; --green: #16a34a;\n    --paper: #ffffff; --paper-2: #f6f4fc; --surface-2: #f2edfc; --card: #ffffff; --line: #e9e3f6; --line-2: #d9d0ef;\n    --heading: #1e1b2e; --text: #4a4463; --muted: #6b7280; --muted-2: #9aa1b2;\n  }\n\n  * { box-sizing: border-box; }\n  body { margin: 0; background: var(--paper); color: var(--text); font-family: var(--sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }\n  .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }\n  h1, h2, h3, h4 { font-family: var(--display); text-wrap: balance; margin: 0; letter-spacing: -0.02em; line-height: 1.1; color: var(--heading); }\n  a { color: inherit; text-decoration: none; }\n  .eyebrow { font-family: var(--mono); font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--violet); }\n\n  .blueprint-note { background: var(--grad-nav); color: #fff; text-align: center; font-family: var(--mono); font-size: 11.5px; letter-spacing: 0.05em; padding: 8px 16px; text-transform: uppercase; opacity: .96; }\n\n  \/* ---------- NAV (deep violet bar) ---------- *\/\n  .nav { position: sticky; top: 0; z-index: 30; background: var(--grad-nav); }\n  .nav-in { display: flex; align-items: center; gap: 30px; height: 66px; }\n  .logo { display: flex; align-items: center; gap: 9px; font-family: var(--display); font-weight: 700; font-size: 20px; letter-spacing: -0.02em; color: #fff; }\n  .logo-mark { width: 30px; height: 30px; border-radius: 9px; background: var(--grad-orange); display: grid; place-items: center; color: #fff; font-size: 16px; box-shadow: 0 4px 12px -3px rgba(249,115,22,.6); }\n  .logo span { color: var(--orange); }\n  .nav-links { display: flex; gap: 26px; margin-left: 10px; }\n  .nav-links a { font-size: 14.5px; color: #d7cff0; font-weight: 500; }\n  .nav-links a:hover { color: #fff; }\n  .nav-cta { margin-left: auto; display: flex; gap: 12px; align-items: center; }\n  .btn { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14.5px; padding: 11px 20px; border-radius: 10px; cursor: pointer; border: 1px solid transparent; transition: transform .12s, box-shadow .12s, background .12s, opacity .12s; }\n  .btn-orange { background: var(--grad-orange); color: #fff; box-shadow: 0 8px 20px -8px rgba(249,115,22,.7); }\n  .btn-orange:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -8px rgba(249,115,22,.8); }\n  .btn-violet { background: var(--violet); color: #fff; }\n  .btn-violet:hover { transform: translateY(-1px); background: var(--violet-deep); }\n  .btn-outline { border-color: var(--line-2); color: var(--heading); background: var(--card); }\n  .btn-outline:hover { border-color: var(--violet); color: var(--violet); }\n  .btn-ghost-light { color: #fff; border-color: rgba(255,255,255,.35); }\n  .btn-ghost-light:hover { background: rgba(255,255,255,.1); }\n  .theme-btn { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28); border-radius: 9px; width: 40px; height: 40px; color: #fff; font-size: 15px; cursor: pointer; }\n\n  \/* ---------- HERO (light) ---------- *\/\n  .hero { background: radial-gradient(120% 90% at 88% 0%, var(--violet-pale) 0%, var(--paper) 55%); overflow: hidden; }\n  .hero-in { display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 52px; align-items: center; padding: 76px 24px 84px; }\n  .hero h1 { font-size: clamp(38px, 5.4vw, 62px); font-weight: 700; margin: 18px 0 22px; letter-spacing: -0.03em; }\n  .hero h1 em { font-style: normal; color: var(--violet); }\n  .hero p.lede { font-size: 18px; line-height: 1.6; color: var(--muted); max-width: 42ch; margin: 0 0 28px; }\n  .hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }\n  .trust { display: flex; gap: 22px; margin-top: 22px; flex-wrap: wrap; }\n  .trust span { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--muted); font-weight: 500; }\n  .trust .ck { color: var(--green); font-weight: 800; }\n\n  \/* hero panel *\/\n  .panel { background: var(--grad-panel); border-radius: 22px; padding: 20px; box-shadow: 0 40px 80px -34px rgba(76,44,148,.6); position: relative; }\n  .panel::after { content:\"\"; position:absolute; inset:0; border-radius:22px; background: radial-gradient(60% 40% at 80% 10%, rgba(255,255,255,.14), transparent 70%); pointer-events:none; }\n  .mock { background: #1b1730; border: 1px solid #342c52; border-radius: 16px; padding: 12px; position: relative; }\n  .mock-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 9px; }\n  .mock-list { background: #14111f; border-radius: 11px; padding: 9px; display: flex; flex-direction: column; gap: 7px; }\n  .mock-conv { display: flex; gap: 8px; align-items: center; padding: 6px; border-radius: 9px; }\n  .mock-conv.active { background: rgba(124,58,237,.28); }\n  .mock-av { width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg, #7c3aed, #f97316); display: grid; place-items: center; font-size: 11px; font-weight: 700; color: #fff; }\n  .mock-conv .l1 { font-size: 12px; font-weight: 600; color: #ece8f6; }\n  .mock-conv .l2 { font-size: 10.5px; color: #8b84a4; }\n  .mock-chat { background: #14111f; border-radius: 11px; padding: 11px; display: flex; flex-direction: column; gap: 8px; justify-content: flex-end; }\n  .bub { max-width: 84%; padding: 8px 11px; border-radius: 12px; font-size: 12px; line-height: 1.4; }\n  .bub.in { background: #292340; color: #d8d3e8; align-self: flex-start; border-bottom-left-radius: 4px; }\n  .bub.out { background: var(--wa); color: #06311a; align-self: flex-end; border-bottom-right-radius: 4px; font-weight: 500; }\n  .bub.bot { background: rgba(124,58,237,.22); color: #cbb6ff; align-self: flex-start; border: 1px solid rgba(124,58,237,.5); font-family: var(--mono); font-size: 10.5px; }\n  .mock-chan { display: flex; gap: 8px; justify-content: center; margin-top: 11px; }\n  .mock-chan i { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; color: #fff; font-style: normal; }\n\n  \/* trusted-by *\/\n  .trusted { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); }\n  .trusted-in { padding: 26px 24px; text-align: center; }\n  .trusted .lbl { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); }\n  .trusted-row { display: flex; gap: 44px; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 16px; opacity: .72; }\n  .trusted-row span { font-family: var(--display); font-weight: 600; font-size: 17px; color: var(--muted); display: inline-flex; align-items: center; gap: 7px; }\n\n  \/* sections *\/\n  section { padding: 84px 0; }\n  .sec-head { max-width: 660px; margin-bottom: 46px; }\n  .sec-head.center { margin-left: auto; margin-right: auto; text-align: center; }\n  .sec-head h2 { font-size: clamp(28px, 3.6vw, 40px); font-weight: 700; margin: 14px 0 14px; }\n  .sec-head p { font-size: 17.5px; color: var(--muted); margin: 0; }\n\n  \/* feature grid *\/\n  .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n  .feat { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; transition: transform .14s, border-color .14s, box-shadow .14s; }\n  .feat:hover { transform: translateY(-3px); border-color: var(--violet-brd); box-shadow: 0 22px 44px -30px rgba(124,58,237,.5); }\n  .feat-ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 20px; margin-bottom: 15px; background: var(--violet-pale); color: var(--violet); }\n  .feat h3 { font-size: 18px; font-weight: 600; margin-bottom: 8px; letter-spacing: -0.01em; }\n  .feat p { font-size: 14.5px; color: var(--muted); margin: 0; line-height: 1.55; }\n\n  \/* why-choose row *\/\n  .why { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }\n  .why-it { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }\n  .why-ic { width: 76px; height: 76px; border-radius: 50%; background: var(--grad-orange); display: grid; place-items: center; font-size: 30px; color: #fff; box-shadow: 0 16px 32px -12px rgba(249,115,22,.55); }\n  .why-it h4 { font-size: 16.5px; font-weight: 600; }\n  .why-it p { font-size: 13.5px; color: var(--muted); margin: 0; max-width: 24ch; }\n  .why-ic .gi { filter: brightness(0) invert(1); display: inline-block; line-height: 1; }\n\n  \/* stats band *\/\n  .statband { background: var(--grad-band); border-radius: 22px; padding: 40px 30px; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; position: relative; overflow: hidden; }\n  .statband::after { content:\"\"; position:absolute; inset:0; background: radial-gradient(50% 120% at 85% 0%, rgba(255,255,255,.14), transparent 60%); pointer-events:none; }\n  .st { text-align: center; color: #fff; position: relative; }\n  .st .ic { font-size: 27px; opacity: 1; margin-bottom: 8px; filter: brightness(0) invert(1); }\n  .st .n { font-family: var(--display); font-size: 34px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }\n  .st .l { font-size: 13px; color: #e6ddf8; margin-top: 2px; }\n\n  \/* deep-dive *\/\n  .dive { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }\n  .dive.flip .dive-visual { order: -1; }\n  .dive h3 { font-size: clamp(24px, 3vw, 32px); font-weight: 700; margin: 14px 0 16px; }\n  .dive p { color: var(--muted); font-size: 16.5px; margin: 0 0 20px; }\n  .ticks { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }\n  .ticks li { display: flex; gap: 11px; align-items: flex-start; font-size: 15px; }\n  .ticks .tk { color: var(--green); flex-shrink: 0; margin-top: 2px; font-weight: 700; }\n  .dive-visual { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 22px; min-height: 300px; box-shadow: 0 30px 60px -42px rgba(124,58,237,.55); }\n\n  .stat-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 16px; }\n  .stat { background: var(--surface-2); border-radius: 12px; padding: 13px 14px; }\n  .stat .n { font-family: var(--display); font-size: 22px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--heading); }\n  .stat .lb { font-size: 11px; color: var(--muted); font-family: var(--mono); letter-spacing: 0.06em; text-transform: uppercase; }\n  .bars { display: flex; align-items: flex-end; gap: 7px; height: 120px; padding: 12px; background: var(--surface-2); border-radius: 12px; }\n  .bars i { flex: 1; border-radius: 5px 5px 0 0; background: linear-gradient(var(--violet), color-mix(in srgb, var(--violet) 45%, transparent)); display: block; }\n  .bars i:last-child { background: linear-gradient(var(--orange), color-mix(in srgb, var(--orange) 45%, transparent)); }\n\n  .stcard { display: flex; flex-direction: column; gap: 10px; }\n  .strow { display: flex; justify-content: space-between; align-items: center; padding: 11px 13px; background: var(--surface-2); border-radius: 11px; font-size: 14px; }\n  .pill { font-family: var(--mono); font-size: 11px; padding: 3px 10px; border-radius: 999px; letter-spacing: 0.04em; }\n  .pill.ok { background: color-mix(in srgb, var(--green) 16%, transparent); color: var(--green); }\n  .pill.warn { background: color-mix(in srgb, var(--orange) 18%, transparent); color: var(--orange-deep); }\n\n  .integ { display: grid; grid-template-columns: repeat(6,1fr); gap: 12px; }\n  .ichip { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 16px 10px; text-align: center; font-size: 13px; font-weight: 600; color: var(--muted); display: flex; flex-direction: column; align-items: center; gap: 8px; }\n  .ichip .ii { font-size: 20px; }\n\n  \/* channels *\/\n  .chgrid { display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; }\n  .ch { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 24px 16px; text-align: center; }\n  .ch .ci { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 12px; font-size: 22px; color: #fff; font-style: normal; }\n  .ch h4 { font-size: 15.5px; font-weight: 600; margin-bottom: 5px; }\n  .ch p { font-size: 12.5px; color: var(--muted); margin: 0; }\n  .ch .soon { display: inline-block; margin-top: 8px; font-family: var(--mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted-2); border: 1px solid var(--line-2); border-radius: 999px; padding: 2px 8px; }\n\n  \/* pricing *\/\n  .plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }\n  .plan { position: relative; background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 30px 26px; display: flex; flex-direction: column; }\n  .plan.pop { border-color: var(--violet); box-shadow: 0 30px 70px -40px rgba(124,58,237,.65); }\n  .plan .badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: var(--grad-orange); color: #fff; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 14px; border-radius: 999px; white-space: nowrap; box-shadow: 0 8px 18px -6px rgba(249,115,22,.6); }\n  .plan .pname { font-family: var(--display); font-size: 20px; font-weight: 600; color: var(--heading); }\n  .plan .pdesc { font-size: 13.5px; color: var(--muted); margin: 6px 0 18px; min-height: 40px; }\n  .plan .price { display: flex; align-items: baseline; gap: 4px; margin-bottom: 4px; }\n  .plan .price .amt { font-family: var(--display); font-size: 42px; font-weight: 700; color: var(--heading); letter-spacing: -0.03em; }\n  .plan .price .cur { font-size: 22px; font-weight: 600; color: var(--heading); }\n  .plan .price .per { font-size: 14px; color: var(--muted); }\n  .plan .free-note { font-size: 12.5px; color: var(--violet); font-weight: 600; margin-bottom: 18px; }\n  .plan .plist { list-style: none; padding: 0; margin: 8px 0 24px; display: flex; flex-direction: column; gap: 11px; font-size: 14px; color: var(--text); }\n  .plan .plist li { display: flex; gap: 10px; align-items: flex-start; }\n  .plan .plist .tk { color: var(--green); flex-shrink: 0; margin-top: 1px; font-weight: 700; }\n  .plan .btn { width: 100%; justify-content: center; margin-top: auto; }\n  .plans-note { text-align: center; margin-top: 26px; font-size: 13.5px; color: var(--muted); }\n\n  \/* faq \u2014 accordion *\/\n  .faq { max-width: 820px; margin: 34px auto 0; border-top: 1px solid var(--line); }\n  .qa { border-bottom: 1px solid var(--line); }\n  .qa summary { list-style: none; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 40px 20px 0; font-size: 16.5px; font-weight: 600; color: var(--heading); transition: color .18s ease; }\n  .qa summary::-webkit-details-marker { display: none; }\n  .qa summary:hover { color: var(--violet); }\n  .qa summary::after { content: \"\"; position: absolute; right: 4px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background-color: var(--violet); transition: transform .28s ease; flex: 0 0 auto;\n    -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\") no-repeat center \/ contain;\n    mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\") no-repeat center \/ contain; }\n  .qa[open] summary::after { transform: rotate(180deg); }\n  .qa p { font-size: 14.5px; color: var(--muted); margin: 0; padding: 0 40px 22px 0; line-height: 1.72; }\n  .qa[open] p { animation: qaReveal .28s ease; }\n  @keyframes qaReveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }\n\n  \/* final band *\/\n  .final-band { background: var(--grad-band); border-radius: 24px; padding: 52px 44px; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; position: relative; overflow: hidden; }\n  .final-band::after { content:\"\"; position:absolute; inset:0; background: radial-gradient(50% 120% at 90% 10%, rgba(255,255,255,.14), transparent 60%); pointer-events:none; }\n  .final-band h2 { color: #fff; font-size: clamp(24px, 3vw, 34px); font-weight: 700; position: relative; max-width: 22ch; }\n  .final-band p { color: #e6ddf8; margin: 10px 0 0; position: relative; }\n\n  \/* footer (deep violet) *\/\n  footer { background: linear-gradient(180deg, #2a1a4f 0%, #1e1338 100%); color: #cfc6e6; padding: 56px 0 32px; }\n  .foot-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: 30px; }\n  .foot-brand .logo { color: #fff; margin-bottom: 12px; }\n  .foot-brand p { font-size: 13.5px; color: #a89fc4; max-width: 26ch; margin: 0 0 16px; }\n  .foot-social { display: flex; gap: 10px; }\n  .foot-social a { width: 34px; height: 34px; border-radius: 8px; background: transparent; display: grid; place-items: center; color: #cfc6e6; font-size: 14px; transition: transform .18s ease; }\n  .foot-social a:hover { background: transparent; transform: translateY(-2px); }\n  .foot-col h5 { font-family: var(--display); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: #fff; margin: 4px 0 14px; }\n  .foot-col a { display: block; font-size: 13.5px; color: #b3aacb; margin-bottom: 9px; }\n  .foot-col a:hover { color: #fff; }\n  .foot-bottom { border-top: 1px solid rgba(255,255,255,.1); margin-top: 34px; padding-top: 18px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: #8b83a6; }\n  .foot-bottom a { color: #8b83a6; margin-left: 18px; }\n\n  @media (max-width: 960px) {\n    .hero-in, .dive, .grid, .integ, .faq, .stat-row, .plans, .why, .statband, .chgrid, .foot-grid { grid-template-columns: 1fr; }\n    .dive.flip .dive-visual { order: 0; }\n    .grid { grid-template-columns: 1fr 1fr; }\n    .why { grid-template-columns: 1fr 1fr; }\n    .statband { grid-template-columns: 1fr 1fr; }\n    .chgrid { grid-template-columns: 1fr 1fr; }\n    .integ { grid-template-columns: repeat(3,1fr); }\n    .foot-grid { grid-template-columns: 1fr 1fr; }\n    .plan.pop { order: -1; }\n    .nav-links { display: none; }\n  }\n  @media (max-width: 560px) { .grid, .why, .chgrid { grid-template-columns: 1fr; } .integ { grid-template-columns: repeat(2,1fr); } }\n  @media (prefers-reduced-motion: reduce) { * { transition: none !important; } }\n  :focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; border-radius: 6px; }\n\n  \/* ---- real brand assets ---- *\/\n  .logo-img { height: 30px; width: auto; display: block; }\n  .foot-brand .logo-img { height: 30px; margin-bottom: 14px; }\n  .ci-img { background: transparent !important; box-shadow: none !important; width: 68px !important; height: 68px !important; }\n  .ci-img img { width: 68px; height: 68px; object-fit: contain; display: block; }\n  .mock-chan img { width: 30px; height: 30px; object-fit: contain; transition: transform .3s, filter .3s; opacity: .55; filter: grayscale(.3); }\n  .mock-chan img.on, .mock-chan i.on { opacity: 1; filter: none; transform: translateY(-3px) scale(1.12); }\n  .mock-chan i { transition: transform .3s, opacity .3s; opacity: .55; }\n\n  \/* ---- live chat animation ---- *\/\n  .panel { position: relative; }\n  .panel::before { content:\"\"; position:absolute; inset:-14%; z-index:-1; border-radius:40px;\n    background: radial-gradient(45% 45% at 30% 20%, color-mix(in srgb,var(--violet) 45%,transparent), transparent 70%),\n                radial-gradient(45% 45% at 80% 90%, color-mix(in srgb,var(--orange) 38%,transparent), transparent 70%);\n    filter: blur(36px); animation: glowPulse 6s ease-in-out infinite; }\n  @keyframes glowPulse { 0%,100%{ opacity:.6; transform:scale(1);} 50%{ opacity:.95; transform:scale(1.06);} }\n  .chat-hd { display:flex; align-items:center; gap:9px; padding:2px 2px 10px; border-bottom:1px solid #241f38; margin-bottom:10px; }\n  .chat-av { width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#7c3aed,#f97316); display:grid; place-items:center; font-size:11px; font-weight:700; color:#fff; flex-shrink:0; }\n  .chat-nm { font-size:12.5px; font-weight:600; color:#ece8f6; }\n  .chat-on { font-size:10.5px; color:#7fdca0; display:flex; align-items:center; gap:5px; }\n  .chat-on .odot { width:7px; height:7px; border-radius:50%; background:#25d366; box-shadow:0 0 0 0 rgba(37,211,102,.6); animation:onPulse 2s infinite; }\n  @keyframes onPulse { 0%{box-shadow:0 0 0 0 rgba(37,211,102,.55);} 70%{box-shadow:0 0 0 6px rgba(37,211,102,0);} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0);} }\n  .live { margin-left:auto; font-family:var(--mono); font-size:9.5px; font-weight:700; letter-spacing:.08em; color:#ff9d4d; background:rgba(249,115,22,.16); border:1px solid rgba(249,115,22,.4); border-radius:999px; padding:3px 8px; display:flex; align-items:center; gap:5px; }\n  .live::before { content:\"\"; width:6px; height:6px; border-radius:50%; background:#f97316; animation:onPulse 1.6s infinite; }\n  .chat-thread { display:flex; flex-direction:column; gap:8px; justify-content:flex-end; height:236px; overflow:hidden; }\n  .chat-thread .bub { opacity:0; transform:translateY(10px) scale(.96); animation:bubIn .34s cubic-bezier(.2,.8,.3,1) forwards; }\n  @keyframes bubIn { to { opacity:1; transform:none; } }\n  .bub .rr { font-size:10px; color:#a7ecc4; margin-left:6px; }\n  .typing { align-self:flex-end; background:#241f33; border-radius:12px; border-bottom-right-radius:4px; padding:9px 12px; display:inline-flex; gap:4px; }\n  .typing.in { align-self:flex-start; border-bottom-right-radius:12px; border-bottom-left-radius:4px; }\n  .typing span { width:6px; height:6px; border-radius:50%; background:#8b84a4; animation:typedot 1.1s infinite; }\n  .typing span:nth-child(2){ animation-delay:.18s; } .typing span:nth-child(3){ animation-delay:.36s; }\n  @keyframes typedot { 0%,60%,100%{ transform:translateY(0); opacity:.5;} 30%{ transform:translateY(-4px); opacity:1;} }\n  .conv-typing { color:#7fdca0 !important; display:inline-flex; align-items:center; gap:4px; }\n  .conv-typing i { width:4px; height:4px; border-radius:50%; background:#7fdca0; display:inline-block; animation:typedot 1.1s infinite; }\n  .conv-typing i:nth-child(2){animation-delay:.18s;} .conv-typing i:nth-child(3){animation-delay:.36s;}\n  @media (prefers-reduced-motion: reduce) {\n    .panel::before, .chat-on .odot, .live::before { animation: none; }\n    .chat-thread { height:auto; overflow:visible; }\n    .chat-thread .bub { opacity:1; transform:none; animation:none; }\n  }\n  .foot-social a.icimg { background: transparent; width: 32px; height: 32px; padding: 0; }\n  .foot-social a.icimg:hover { background: transparent; transform: translateY(-2px); }\n  .foot-social a.icimg img { width: 32px; height: 32px; object-fit: contain; display: block; }\n\n  \/* ============ MOBILE RESPONSIVENESS ============ *\/\n  html, body { max-width: 100%; overflow-x: hidden; }\n  img, pre, table, iframe, video { max-width: 100%; }\n\n  @media (max-width: 820px) {\n    .wrap { padding-left: 18px; padding-right: 18px; }\n    section { padding: 54px 0; }\n    .sec-head { margin-bottom: 30px; }\n    \/* Nav fits on phones *\/\n    .nav-in { gap: 12px; height: 60px; }\n    .nav-cta { gap: 8px; }\n    .btn { padding: 9px 14px; font-size: 13.5px; }\n    .nav-cta .btn-ghost-light, .nav-cta .btn-ghost { display: none; }\n    .logo-img { height: 24px; }\n    .logo { font-size: 17px; }\n    .theme-btn { width: 36px; height: 36px; }\n    \/* Data tables scroll horizontally instead of overflowing *\/\n    .htab, .logs, .limits { display: block; overflow-x: auto; white-space: nowrap; }\n  }\n\n  @media (max-width: 620px) {\n    .hero-in { padding: 40px 18px 48px !important; gap: 30px; }\n    .hero h1 { font-size: 33px; }\n    .hero p.lede { font-size: 15.5px; }\n    .hero-cta { width: 100%; }\n    .hero-cta .btn { flex: 1 1 150px; justify-content: center; }\n    \/* Homepage hero: focus on the live chat, drop the contact list *\/\n    .panel .mock-grid { grid-template-columns: 1fr; }\n    .panel .mock-list { display: none; }\n    \/* Sections tighten *\/\n    .statband { padding: 28px 20px; grid-template-columns: 1fr 1fr; }\n    .why-ic { width: 66px; height: 66px; font-size: 26px; }\n    .dive { gap: 30px; }\n    .dive-visual { padding: 16px; }\n    .plan { padding: 26px 22px; }\n    .card { padding: 20px; }\n    \/* Bands + CTAs stack full width *\/\n    .final-band, .pricewrap { padding: 30px 22px; }\n    .final-band .btn, .final-band .fcta { width: 100%; }\n    .final-band .fcta { flex-direction: column; }\n    .final-band .fcta .btn { width: 100%; }\n    \/* Developer\/webhook panels *\/\n    .cat { gap: 16px; }\n    .catlist { position: static; }\n    .flow { gap: 6px; }\n    .fnode { min-width: 78px; }\n    .fnode .fi, .fnode img { width: 46px; height: 46px; }\n    \/* Footer *\/\n    .foot-grid { gap: 22px 24px; }\n  }\n\n  @media (max-width: 430px) {\n    .hero h1 { font-size: 28px; }\n    .grid, .integ, .chgrid, .why, .statband, .evgrid { grid-template-columns: 1fr !important; }\n    .hero-proof { gap: 14px; }\n    .foot-grid { grid-template-columns: 1fr 1fr; }\n    .foot-brand { grid-column: 1 \/ -1; }\n  }\n\n\n  \/* ---- mobile hamburger nav ---- *\/\n  .hamb { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28); border-radius: 9px; cursor: pointer; padding: 0 10px; }\n  .hamb span { display: block; height: 2px; width: 100%; background: #fff; border-radius: 2px; transition: transform .22s, opacity .22s; }\n  .nav.open .hamb span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n  .nav.open .hamb span:nth-child(2) { opacity: 0; }\n  .nav.open .hamb span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n  .mobmenu { display: none; }\n  @media (max-width: 820px) {\n    .nav-links { display: none; }\n    .nav-cta .btn { display: none; }\n    .hamb { display: flex; }\n    .mobmenu { position: absolute; top: 100%; left: 0; right: 0; background: var(--grad-nav); border-top: 1px solid rgba(255,255,255,.14); padding: 12px 18px 18px; flex-direction: column; gap: 8px; box-shadow: 0 24px 44px -20px rgba(0,0,0,.55); max-height: calc(100vh - 60px); overflow-y: auto; }\n    .nav.open .mobmenu { display: flex; }\n    .mobmenu .link { color: #e7dffb; font-weight: 500; font-size: 15px; padding: 11px 6px; border-bottom: 1px solid rgba(255,255,255,.09); }\n    .mobmenu .link:active { color: #fff; }\n    .mobmenu .btn { width: 100%; justify-content: center; margin-top: 4px; display: inline-flex; }\n  }\n\n\n  \/* ===== constant header\/footer ===== *\/\n  .nav{position:sticky;top:0;z-index:40;background:var(--grad-nav);}\n  .nav-in{display:flex;align-items:center;gap:26px;height:64px;}\n  .logo-img{height:29px;width:auto;display:block;}\n  .nav-links{display:flex;gap:22px;margin-left:8px;}\n  .nav-links a{font-size:14.5px;color:#d7cff0;font-weight:500;}\n  .nav-links a:hover,.nav-links a.active{color:#fff;}\n  .nav-cta{margin-left:auto;display:flex;gap:12px;align-items:center;}\n  .hamb{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:9px;cursor:pointer;padding:0 10px;}\n  .hamb span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:transform .22s,opacity .22s;}\n  .nav.open .hamb span:nth-child(1){transform:translateY(7px) rotate(45deg);}\n  .nav.open .hamb span:nth-child(2){opacity:0;}\n  .nav.open .hamb span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\n  .mobmenu{display:none;}\n  footer{background:linear-gradient(180deg,#2a1a4f 0%,#1e1338 100%);color:#cfc6e6;padding:54px 0 30px;margin-top:24px;}\n  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:30px;}\n  .foot-brand .logo-img{height:30px;margin-bottom:14px;}\n  .foot-brand p{font-size:13.5px;color:#a89fc4;max-width:26ch;margin:0 0 16px;}\n  .foot-social{display:flex;gap:10px;}\n  .foot-social a{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;}\n  .foot-social a img{width:34px;height:34px;object-fit:contain;}\n  .foot-social a:hover{transform:translateY(-2px);}\n  .foot-col h5{font-family:var(--display);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:4px 0 14px;}\n  .foot-col a{display:block;font-size:13.5px;color:#b3aacb;margin-bottom:9px;}\n  .foot-col a:hover{color:#fff;}\n  .foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;font-size:12.5px;color:#8b83a6;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}\n  .foot-bottom a{color:#8b83a6;} .foot-bottom a:hover{color:#fff;}\n  .subnav{top:64px;}\n  @media(max-width:820px){\n    .nav-in{gap:12px;height:60px;}\n    .nav-links{display:none;}\n    .nav-cta{gap:8px;}\n    .nav-cta .btn{display:none;}\n    .hamb{display:flex;}\n    .logo-img{height:24px;}\n    .mobmenu{position:absolute;top:100%;left:0;right:0;background:var(--grad-nav);border-top:1px solid rgba(255,255,255,.14);padding:12px 18px 18px;flex-direction:column;gap:8px;box-shadow:0 24px 44px -20px rgba(0,0,0,.55);max-height:calc(100vh - 60px);overflow-y:auto;}\n    .nav.open .mobmenu{display:flex;}\n    .mobmenu .link{color:#e7dffb;font-weight:500;font-size:15px;padding:11px 6px;border-bottom:1px solid rgba(255,255,255,.09);}\n    .mobmenu .btn{width:100%;justify-content:center;margin-top:4px;display:inline-flex;}\n    .foot-grid{grid-template-columns:1fr 1fr;}\n  }\n  @media(max-width:520px){.foot-grid{grid-template-columns:1fr 1fr;}.foot-brand{grid-column:1\/-1;}}\n\n<\/style>\n<header class=\"nav\">\r\n  <div class=\"wrap nav-in\">\r\n    <a href=\"\/\" aria-label=\"WhatsPing home\"><img decoding=\"async\" class=\"logo-img\" src=\"\/whatsping-site\/assets\/img\/logo-white.png\" alt=\"WhatsPing\"><\/a>\r\n    <nav class=\"nav-links\">\r\n      <a href=\"\/features\/\" class=\"active\">Features<\/a>\r\n      <a href=\"\/pricing\/\">Pricing<\/a>\r\n      <a href=\"\/integrations\/\">Integrations<\/a>\r\n      <a href=\"\/api\/\">Developers<\/a>\r\n      <a href=\"\/blog\/\">Blog<\/a>\r\n    <\/nav>\r\n    <div class=\"nav-cta\">\r\n      <button class=\"theme-btn\" id=\"themeBtn\" aria-label=\"Toggle theme\">\u25d0<\/button>\r\n      <a class=\"btn btn-ghost-light\" href=\"https:\/\/app.whatsping.com\/login\">Log in<\/a>\r\n      <a class=\"btn btn-orange\" href=\"https:\/\/app.whatsping.com\/register\">Get Started Free<\/a>\r\n      <button class=\"hamb\" id=\"hambBtn\" aria-label=\"Open menu\" aria-expanded=\"false\"><span><\/span><span><\/span><span><\/span><\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"mobmenu\" id=\"mobMenu\">\r\n      <a href=\"\/features\/\" class=\"link\">Features<\/a>\r\n      <a href=\"\/pricing\/\" class=\"link\">Pricing<\/a>\r\n      <a href=\"\/integrations\/\" class=\"link\">Integrations<\/a>\r\n      <a href=\"\/api\/\" class=\"link\">Developers<\/a>\r\n      <a href=\"\/blog\/\" class=\"link\">Blog<\/a>\r\n      <a class=\"btn btn-ghost-light\" href=\"https:\/\/app.whatsping.com\/login\">Log in<\/a>\r\n      <a class=\"btn btn-orange\" href=\"https:\/\/app.whatsping.com\/register\">Get Started Free<\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"hero\" style=\"padding:0;\">\r\n  <div class=\"wrap hero-in\">\r\n    <div>\r\n      <span class=\"eyebrow\">Official WhatsApp Business Platform<\/span>\r\n      <h1>One platform for WhatsApp <em>marketing, sales &amp; support<\/em><\/h1>\r\n      <p class=\"lede\">Connect the official WhatsApp Cloud API in minutes. Run bulk campaigns, answer every chat from one shared team inbox, and automate conversations with keyword bots, no-code flows and AI \u2014 plus Messenger, Telegram and a web widget.<\/p>\r\n      <div class=\"hero-cta\">\r\n        <a class=\"btn btn-orange\" href=\"https:\/\/app.whatsping.com\/register\">Start Free \u2014 No Credit Card<\/a>\r\n        <a class=\"btn btn-outline\" href=\"\/contact\/\">Book a Demo<\/a>\r\n      <\/div>\r\n      <div class=\"trust\">\r\n        <span><span class=\"ck\">\u2713<\/span> Free for 30 days<\/span>\r\n        <span><span class=\"ck\">\u2713<\/span> No setup fee<\/span>\r\n        <span><span class=\"ck\">\u2713<\/span> Cancel anytime<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"panel\" aria-hidden=\"true\">\r\n      <div class=\"mock\">\r\n        <div class=\"mock-grid\">\r\n          <div class=\"mock-list\">\r\n            <div class=\"mock-conv active\"><div class=\"mock-av\">EH<\/div><div><div class=\"l1\">Eva Howard<\/div><div class=\"l2 conv-typing\"><i><\/i><i><\/i><i><\/i> typing\u2026<\/div><\/div><\/div>\r\n            <div class=\"mock-conv\"><div class=\"mock-av\">MA<\/div><div><div class=\"l1\">Mohammad A.<\/div><div class=\"l2\">New customer<\/div><\/div><\/div>\r\n            <div class=\"mock-conv\"><div class=\"mock-av\">SL<\/div><div><div class=\"l1\">Sarah Lin<\/div><div class=\"l2\">Lead<\/div><\/div><\/div>\r\n            <div class=\"mock-conv\"><div class=\"mock-av\">AD<\/div><div><div class=\"l1\">Alex D.<\/div><div class=\"l2\">Returning customer<\/div><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"mock-chat\">\r\n            <div class=\"chat-hd\">\r\n              <span class=\"chat-av\">EH<\/span>\r\n              <div><div class=\"chat-nm\">Eva Howard<\/div><div class=\"chat-on\"><span class=\"odot\"><\/span>online now<\/div><\/div>\r\n              <span class=\"live\">LIVE<\/span>\r\n            <\/div>\r\n            <div class=\"chat-thread\" id=\"liveChat\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mock-chan\">\r\n          <img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/whatsapp.png\" alt=\"WhatsApp\">\r\n          <img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/messenger.png\" alt=\"Messenger\">\r\n          <img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/telegram.png\" alt=\"Telegram\">\r\n          <i style=\"background:#7c3aed\">\u25c8<\/i>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TRUSTED BY ============ -->\r\n<div class=\"trusted\">\r\n  <div class=\"wrap trusted-in\">\r\n    <div class=\"lbl\">Trusted by businesses around the world<\/div>\r\n    <style id=\"wpsb-marquee-css\">.wpsb-marquee{overflow:hidden;margin-top:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.wpsb-marquee__track{display:flex;align-items:center;gap:56px;width:max-content;animation:wpsb-marq 34s linear infinite}.wpsb-marquee:hover .wpsb-marquee__track{animation-play-state:paused}.wpsb-marquee .wpsb-logo{height:34px;width:auto;object-fit:contain;opacity:.72;filter:grayscale(1);transition:opacity .2s,filter .2s;flex:0 0 auto}.wpsb-marquee .wpsb-logo:hover{opacity:1;filter:none}.wpsb-marquee__track span{font-family:var(--display,inherit);font-weight:600;font-size:17px;color:var(--muted,#6b7280);white-space:nowrap;opacity:.72;flex:0 0 auto}@keyframes wpsb-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.wpsb-marquee__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.wpsb-marquee{-webkit-mask-image:none;mask-image:none}}<\/style><div class=\"wpsb-marquee\" aria-label=\"Trusted by businesses\"><div class=\"wpsb-marquee__track\"><span>techwave<\/span><span>Alpha Co.<\/span><span>nextmove<\/span><span>RiseUp<\/span><span>cloudify<\/span><span>Digitech<\/span><span>Northwind<\/span><span>Vertex<\/span><span>techwave<\/span><span>Alpha Co.<\/span><span>nextmove<\/span><span>RiseUp<\/span><span>cloudify<\/span><span>Digitech<\/span><span>Northwind<\/span><span>Vertex<\/span><\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ FEATURE GRID ============ -->\r\n<section id=\"features\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head center\">\r\n      <span class=\"eyebrow\">Everything you need to grow<\/span>\r\n      <h2>The complete WhatsApp toolkit for growing businesses<\/h2>\r\n      <p>From your first broadcast to your thousandth support chat \u2014 every tool your team needs, built on the official WhatsApp Cloud API.<\/p>\r\n    <\/div>\r\n    <div class=\"grid\">\r\n      <div class=\"feat\"><div class=\"feat-ic\">\ud83d\udce3<\/div><h3>Broadcast campaigns<\/h3><p>Send bulk WhatsApp campaigns to contacts or segments. Import from CSV, schedule for later, attach a chatbot, and track delivery in real time.<\/p><\/div>\r\n      <div class=\"feat\"><div class=\"feat-ic\">\ud83d\udcac<\/div><h3>Shared team inbox<\/h3><p>Every conversation in one live inbox. Assign chats to agents, leave private notes, and reply together without stepping on each other.<\/p><\/div>\r\n      <div class=\"feat\"><div class=\"feat-ic\">\ud83d\udc65<\/div><h3>Contacts &amp; segments<\/h3><p>A built-in CRM: unlimited contacts, custom fields, groups and tags, bulk import, and subscribe \/ unsubscribe handling.<\/p><\/div>\r\n      <div class=\"feat\"><div class=\"feat-ic\">\ud83e\udd16<\/div><h3>Chatbots &amp; keyword replies<\/h3><p>Auto-reply on an exact match, when a message contains a word, or with a welcome message \u2014 then build full no-code flows for the rest.<\/p><\/div>\r\n      <div class=\"feat\"><div class=\"feat-ic\">\u2728<\/div><h3>AI replies &amp; translate<\/h3><p>Plug in GPT, Flowise or Voiceflow for AI answers, and auto-translate conversations so you can support customers in any language.<\/p><\/div>\r\n      <div class=\"feat\"><div class=\"feat-ic\">\ud83d\udcca<\/div><h3>Analytics &amp; account health<\/h3><p>Message volume, campaign performance, agent activity, and live WhatsApp account status \u2014 quality rating and messaging tier.<\/p><\/div>\r\n      <div class=\"feat\"><div class=\"feat-ic\">\ud83d\udccb<\/div><h3>Template builder<\/h3><p>Build WhatsApp templates with image, video or PDF headers and submit them to Meta for approval \u2014 right from the app.<\/p><\/div>\r\n      <div class=\"feat\"><div class=\"feat-ic\">\ud83d\uddc2\ufe0f<\/div><h3>Sales pipeline<\/h3><p>Move conversations through visual kanban journeys \u2014 from new lead to closed deal, without ever leaving the chat.<\/p><\/div>\r\n      <div class=\"feat\"><div class=\"feat-ic\">\ud83e\udde9<\/div><h3>Integrations &amp; API<\/h3><p>Shopify, WooCommerce, webhooks and a full REST API to connect WhatsPing to the tools you already run.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ WHY CHOOSE ============ -->\r\n<section style=\"background:var(--paper-2);\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head center\">\r\n      <span class=\"eyebrow\">Built for teams that care<\/span>\r\n      <h2>Why businesses choose WhatsPing<\/h2>\r\n    <\/div>\r\n    <div class=\"why\">\r\n      <div class=\"why-it\"><div class=\"why-ic\"><span class=\"gi\">\u26a1<\/span><\/div><h4>Real-time conversations<\/h4><p>Respond instantly and delight your customers.<\/p><\/div>\r\n      <div class=\"why-it\"><div class=\"why-ic\"><span class=\"gi\">\ud83d\udee1\ufe0f<\/span><\/div><h4>Secure &amp; reliable<\/h4><p>Built on the official API you can trust.<\/p><\/div>\r\n      <div class=\"why-it\"><div class=\"why-ic\"><span class=\"gi\">\ud83d\ude80<\/span><\/div><h4>Scale with ease<\/h4><p>From small teams to large enterprises.<\/p><\/div>\r\n      <div class=\"why-it\"><div class=\"why-ic\"><span class=\"gi\">\ud83c\udfa7<\/span><\/div><h4>Dedicated support<\/h4><p>We're here to help you succeed.<\/p><\/div>\r\n    <\/div>\r\n    <div class=\"statband\" style=\"margin-top:48px\" aria-label=\"Illustrative metrics\">\r\n      <div class=\"st\"><div class=\"ic\">\ud83d\udc65<\/div><div class=\"n\">18.4K+<\/div><div class=\"l\">Active businesses<\/div><\/div>\r\n      <div class=\"st\"><div class=\"ic\">\ud83d\udcac<\/div><div class=\"n\">95%<\/div><div class=\"l\">Response rate<\/div><\/div>\r\n      <div class=\"st\"><div class=\"ic\">\u2708<\/div><div class=\"n\">2.48B+<\/div><div class=\"l\">Messages sent<\/div><\/div>\r\n      <div class=\"st\"><div class=\"ic\">\u263a<\/div><div class=\"n\">24\/7<\/div><div class=\"l\">Support<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DEEP DIVE: INBOX ============ -->\r\n<section id=\"inbox\">\r\n  <div class=\"wrap\">\r\n    <div class=\"dive\">\r\n      <div>\r\n        <span class=\"eyebrow\">Team inbox<\/span>\r\n        <h3>Answer every message \u2014 as a team, in real time<\/h3>\r\n        <p>Sales, support and marketing share one live inbox. Conversations update instantly, so nobody double-replies and nothing slips through.<\/p>\r\n        <ul class=\"ticks\">\r\n          <li><span class=\"tk\">\u2713<\/span> Real-time chat with typing and delivery status<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Assign conversations to agents and managers<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Private internal notes on any chat<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Set a language per contact for auto-translation<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Roles &amp; permissions \u2014 owner, manager, agent<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Multiple organizations under one login<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"dive-visual\">\r\n        <div class=\"mock-grid\" style=\"grid-template-columns:1fr 1.15fr;\">\r\n          <div class=\"mock-list\" style=\"background:var(--surface-2)\">\r\n            <div class=\"mock-conv active\" style=\"background:color-mix(in srgb,var(--violet) 15%,transparent)\"><div class=\"mock-av\">SA<\/div><div><div class=\"l1\" style=\"color:var(--heading)\">Sara Ahmed<\/div><div class=\"l2\" style=\"color:var(--muted)\">assigned to you<\/div><\/div><\/div>\r\n            <div class=\"mock-conv\"><div class=\"mock-av\">MK<\/div><div><div class=\"l1\" style=\"color:var(--heading)\">Mohammed K.<\/div><div class=\"l2\" style=\"color:var(--muted)\">Aisha \u00b7 support<\/div><\/div><\/div>\r\n            <div class=\"mock-conv\"><div class=\"mock-av\">LR<\/div><div><div class=\"l1\" style=\"color:var(--heading)\">Layla R.<\/div><div class=\"l2\" style=\"color:var(--muted)\">unassigned<\/div><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"mock-chat\" style=\"background:var(--surface-2)\">\r\n            <div class=\"bub in\" style=\"background:var(--card);color:var(--text);border:1px solid var(--line)\">Can I change my delivery date?<\/div>\r\n            <div class=\"bub bot\" style=\"background:var(--violet-pale);color:var(--violet);border-color:var(--violet-brd)\">\ud83d\udccc note: VIP \u2014 offer free reschedule<\/div>\r\n            <div class=\"bub out\">Of course! Which day works for you?<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DEEP DIVE: AUTOMATION ============ -->\r\n<section id=\"automation\" style=\"background:var(--paper-2);\">\r\n  <div class=\"wrap\">\r\n    <div class=\"dive flip\">\r\n      <div>\r\n        <span class=\"eyebrow\">Automation &amp; AI<\/span>\r\n        <h3>From instant keyword replies to full AI<\/h3>\r\n        <p>Start with simple auto-responders in minutes, grow into no-code flows, then hand the tricky questions to AI. Automation for every level \u2014 your team only touches the chats that need a human.<\/p>\r\n        <ul class=\"ticks\">\r\n          <li><span class=\"tk\">\u2713<\/span> Keyword auto-replies \u2014 on an exact match, when a message <em>contains<\/em> a word, or a welcome message on first contact<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Saved quick replies agents drop into any chat<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Visual no-code flow builder for multi-step conversations<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> AI answers via OpenAI GPT, Flowise or Voiceflow<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Auto-translate incoming and outgoing messages<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Schedule messages and campaigns to send later<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"dive-visual\">\r\n        <div style=\"display:flex;flex-direction:column;gap:10px;\">\r\n          <div class=\"bub in\" style=\"background:var(--surface-2);color:var(--text);max-width:100%\">Customer: \"Do you ship to Dubai?\"<\/div>\r\n          <div style=\"display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.05em\"><span style=\"width:8px;height:8px;border-radius:50%;background:var(--violet)\"><\/span>KEYWORD \"SHIP\" \u2192 FLOW \"Shipping\" \u2192 AI DRAFT<\/div>\r\n          <div class=\"bub out\" style=\"background:var(--wa);color:#06311a;max-width:100%\">Yes! We ship to the UAE in 2\u20134 days. Want a shipping quote?<\/div>\r\n          <div class=\"strow\" style=\"margin-top:6px\"><span>\ud83d\udc4b Welcome auto-reply<\/span><span class=\"pill ok\">on<\/span><\/div>\r\n          <div class=\"strow\"><span>\ud83c\udf10 Auto-translated \u00b7 AR \u2192 EN<\/span><span class=\"pill ok\">on<\/span><\/div>\r\n          <div class=\"strow\"><span>\u23f0 Scheduled follow-up \u00b7 Fri 9:00<\/span><span class=\"pill warn\">queued<\/span><\/div>\r\n          <div class=\"strow\"><span>\ud83e\udd16 AI confidence<\/span><span class=\"pill ok\">94%<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DEEP DIVE: ANALYTICS ============ -->\r\n<section id=\"analytics\">\r\n  <div class=\"wrap\">\r\n    <div class=\"dive\">\r\n      <div>\r\n        <span class=\"eyebrow\">Analytics &amp; account health<\/span>\r\n        <h3>Know what's working \u2014 and keep your number healthy<\/h3>\r\n        <p>Track message volume, campaign results and agent activity. Monitor your WhatsApp account status, quality rating and messaging limit right from the dashboard.<\/p>\r\n        <ul class=\"ticks\">\r\n          <li><span class=\"tk\">\u2713<\/span> Message performance over time<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Campaign delivery &amp; engagement reports<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Agent &amp; team activity overview<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Live account status, quality &amp; messaging tier<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"dive-visual\">\r\n        <div class=\"stat-row\">\r\n          <div class=\"stat\"><div class=\"n\">18.4k<\/div><div class=\"lb\">Sent<\/div><\/div>\r\n          <div class=\"stat\"><div class=\"n\">96%<\/div><div class=\"lb\">Delivered<\/div><\/div>\r\n          <div class=\"stat\"><div class=\"n\">2,486<\/div><div class=\"lb\">Contacts<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"bars\" aria-hidden=\"true\">\r\n          <i style=\"height:42%\"><\/i><i style=\"height:64%\"><\/i><i style=\"height:50%\"><\/i><i style=\"height:88%\"><\/i><i style=\"height:72%\"><\/i><i style=\"height:100%\"><\/i><i style=\"height:80%\"><\/i>\r\n        <\/div>\r\n        <div class=\"stcard\" style=\"margin-top:14px\">\r\n          <div class=\"strow\"><span>WhatsApp account<\/span><span class=\"pill ok\">Active<\/span><\/div>\r\n          <div class=\"strow\"><span>Quality rating<\/span><span class=\"pill ok\">High<\/span><\/div>\r\n          <div class=\"strow\"><span>Messaging tier<\/span><span class=\"pill warn\">TIER_10K<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ CHANNELS ============ -->\r\n<section id=\"channels\" style=\"background:var(--paper-2);\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head center\">\r\n      <span class=\"eyebrow\">Multi-channel, one platform<\/span>\r\n      <h2>Connect beyond WhatsApp<\/h2>\r\n      <p>WhatsApp first \u2014 with embedded signup and Coexistence \u2014 plus Facebook Messenger, Telegram and a web widget, all in the same shared inbox.<\/p>\r\n    <\/div>\r\n    <div class=\"chgrid\">\r\n      <div class=\"ch\"><div class=\"ci ci-img\"><img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/whatsapp.png\" alt=\"WhatsApp\"><\/div><h4>WhatsApp<\/h4><p>The world's most popular messaging app.<\/p><\/div>\r\n      <div class=\"ch\"><div class=\"ci ci-img\"><img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/messenger.png\" alt=\"Messenger\"><\/div><h4>Messenger<\/h4><p>Connect with customers on Facebook Messenger.<\/p><\/div>\r\n      <div class=\"ch\"><div class=\"ci ci-img\"><img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/telegram.png\" alt=\"Telegram\"><\/div><h4>Telegram<\/h4><p>Automate conversations on Telegram.<\/p><\/div>\r\n      <div class=\"ch\"><div class=\"ci ci-img\"><img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/webwidget.png\" alt=\"Web widget\"><\/div><h4>Web widget<\/h4><p>Add a chat widget to your own website.<\/p><\/div>\r\n      <div class=\"ch\"><div class=\"ci\" style=\"background:#b9b3cc\">\u22ef<\/div><h4>More coming<\/h4><p>We're adding more channels.<\/p><span class=\"soon\">Soon<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DEVELOPERS ============ -->\r\n<section id=\"developers\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head\" style=\"max-width:560px\">\r\n      <span class=\"eyebrow\">Connect your stack<\/span>\r\n      <h2>Integrations &amp; developer API<\/h2>\r\n      <p>Sync your store, trigger messages from anything, and build on top with webhooks and a full REST API.<\/p>\r\n    <\/div>\r\n    <div class=\"integ\" style=\"margin-bottom:34px\">\r\n      <div class=\"ichip\"><span class=\"ii\">\ud83d\udecd\ufe0f<\/span>Shopify<\/div>\r\n      <div class=\"ichip\"><span class=\"ii\">\ud83d\udfe3<\/span>WooCommerce<\/div>\r\n      <div class=\"ichip\"><span class=\"ii\">\ud83d\udd17<\/span>Webhooks<\/div>\r\n      <div class=\"ichip\"><span class=\"ii\">\u2699\ufe0f<\/span>REST API<\/div>\r\n      <div class=\"ichip\"><span class=\"ii\">\ud83d\udcb3<\/span>Stripe<\/div>\r\n      <div class=\"ichip\"><span class=\"ii\">\ud83d\udca0<\/span>Razorpay<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dive\">\r\n      <div>\r\n        <span class=\"eyebrow\">Built for developers<\/span>\r\n        <h3>Send a message with one API call<\/h3>\r\n        <p>A full REST API and inbound webhooks let you send templates and media to any number, manage contacts, groups and campaigns, and pull conversations \u2014 so WhatsPing plugs into whatever you already run.<\/p>\r\n        <ul class=\"ticks\">\r\n          <li><span class=\"tk\">\u2713<\/span> Send templates, media or text to any phone number<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Full CRUD on contacts, groups and campaigns<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Pull conversations and message history<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Inbound webhooks to trigger two-way automation<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"dive-visual\" style=\"background:#191330;border-color:#33295a\">\r\n        <div style=\"display:flex;gap:6px;padding-bottom:10px\"><i style=\"width:10px;height:10px;border-radius:50%;background:#4a4368;display:inline-block\"><\/i><i style=\"width:10px;height:10px;border-radius:50%;background:#4a4368;display:inline-block\"><\/i><i style=\"width:10px;height:10px;border-radius:50%;background:#4a4368;display:inline-block\"><\/i><\/div>\r\n        <pre style=\"margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:#d8d3e8;white-space:pre-wrap;word-break:break-word\"><span style=\"color:#34d399\">POST<\/span> \/api\/wpbox\/sendtemplatemessage\r\n<span style=\"color:#8b84a4\">Authorization:<\/span> Bearer <span style=\"color:#b79bff\">wp_live_\u2022\u2022\u2022<\/span>\r\n\r\n{\r\n  <span style=\"color:#b79bff\">\"phone\"<\/span>: <span style=\"color:#f9a34a\">\"+9715\u2022\u2022\u2022\u2022\u2022\"<\/span>,\r\n  <span style=\"color:#b79bff\">\"template\"<\/span>: <span style=\"color:#f9a34a\">\"order_shipped\"<\/span>,\r\n  <span style=\"color:#b79bff\">\"params\"<\/span>: [<span style=\"color:#f9a34a\">\"#4821\"<\/span>, <span style=\"color:#f9a34a\">\"2\u20134 days\"<\/span>]\r\n}\r\n\r\n<span style=\"color:#34d399\">\u2192 200<\/span> <span style=\"color:#8b84a4\">{ \"status\": \"sent\", \"id\": \"wamid.\u2022\u2022\u2022\" }<\/span><\/pre>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PRICING ============ -->\r\n<section id=\"pricing\" style=\"background:var(--paper-2);\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head center\">\r\n      <span class=\"eyebrow\">Simple, transparent pricing<\/span>\r\n      <h2>Start free. Upgrade when you grow.<\/h2>\r\n      <p>Begin free for 30 days, then move to Standard or Premium as your volume, team and channels expand. Billed per organization, per month.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"plans\">\r\n      <div class=\"plan\">\r\n        <div class=\"pname\">Free 30 Days<\/div>\r\n        <div class=\"pdesc\">Everything you need to launch on WhatsApp and try the platform.<\/div>\r\n        <div class=\"price\"><span class=\"cur\">$<\/span><span class=\"amt\">0<\/span><\/div>\r\n        <div class=\"free-note\">Free for 30 days \u00b7 no card needed<\/div>\r\n        <ul class=\"plist\">\r\n          <li><span class=\"tk\">\u2713<\/span> Official WhatsApp API via embedded signup<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> 100 free service messages \/ month<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> 100 contacts &amp; contact groups<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> 2 campaigns per month<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Live chat replies to user messages<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> WhatsApp widget for your website<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> 1 agent per organization<\/li>\r\n        <\/ul>\r\n        <a class=\"btn btn-outline\" href=\"https:\/\/app.whatsping.com\/register\">Start free<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"plan pop\">\r\n        <div class=\"badge\">Most popular<\/div>\r\n        <div class=\"pname\">Standard<\/div>\r\n        <div class=\"pdesc\">For growing teams running regular campaigns across a full toolkit.<\/div>\r\n        <div class=\"price\"><span class=\"cur\">$<\/span><span class=\"amt\">29.99<\/span><span class=\"per\">\/ month<\/span><\/div>\r\n        <div class=\"free-note\">Everything in Free, plus:<\/div>\r\n        <ul class=\"plist\">\r\n          <li><span class=\"tk\">\u2713<\/span> Unlimited messages per month<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Up to 100 campaigns per month<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Unlimited contact uploads<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> 10 agents per organization<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Shopify &amp; WooCommerce integration<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Customer journey tracking<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Live-chat translation &amp; advanced flows<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Custom website widget<\/li>\r\n        <\/ul>\r\n        <a class=\"btn btn-orange\" href=\"https:\/\/app.whatsping.com\/register\">Choose Standard<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"plan\">\r\n        <div class=\"pname\">Premium<\/div>\r\n        <div class=\"pdesc\">For high-volume businesses that automate bookings and build on the API.<\/div>\r\n        <div class=\"price\"><span class=\"cur\">$<\/span><span class=\"amt\">99.99<\/span><span class=\"per\">\/ month<\/span><\/div>\r\n        <div class=\"free-note\">Everything in Standard, plus:<\/div>\r\n        <ul class=\"plist\">\r\n          <li><span class=\"tk\">\u2713<\/span> Unlimited messages per month<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Up to 500 campaigns per month<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Unlimited contact uploads<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Access to Voiceflow AI<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Booking &amp; reservation automation<\/li>\r\n          <li><span class=\"tk\">\u2713<\/span> Connect external APIs<\/li>\r\n        <\/ul>\r\n        <a class=\"btn btn-violet\" href=\"https:\/\/app.whatsping.com\/register\">Choose Premium<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <p class=\"plans-note\">All plans include the official WhatsApp Cloud API, the shared team inbox, and no-code automation. Pay with Stripe, Razorpay or bKash.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FAQ ============ -->\r\n<section class=\"wps-testi-sec\" style=\"padding:64px 0\"><div class=\"wrap\"><div class=\"sec-head center\"><span class=\"eyebrow\">Testimonials<\/span><h2>Loved by teams that sell on chat<\/h2><p class=\"lede\">Thousands of businesses use WhatsPing to talk to customers, automate replies and close more sales.<\/p><\/div><style id=\"wpsb-testi-css\">.wps-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.wps-testi{background:var(--card,#fff);border:1px solid var(--line,#e9e3f6);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:14px;margin:0;box-shadow:0 20px 40px -30px rgba(76,44,148,.35)}.wps-testi__stars{font-size:15px;letter-spacing:2px}.wps-testi__on{color:#f97316}.wps-testi__off{color:var(--line-2,#d9d0ef)}.wps-testi__quote{margin:0;font-size:15.5px;line-height:1.72;color:var(--text,#4a4463);flex:1}.wps-testi__quote::before{content:\"\\201C\"}.wps-testi__quote::after{content:\"\\201D\"}.wps-testi__who{display:flex;align-items:center;gap:12px}.wps-testi__av{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto}.wps-testi__av--ini{display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#f97316);color:#fff;font-weight:700;font-size:15px}.wps-testi__meta{display:flex;flex-direction:column;line-height:1.3}.wps-testi__name{font-weight:700;color:var(--heading,#1e1b2e);font-size:14.5px}.wps-testi__role{font-size:13px;color:var(--muted,#6b7280)}@media(max-width:900px){.wps-testi-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.wps-testi-grid{grid-template-columns:1fr}}<\/style><div class=\"wps-testi-grid\"><figure class=\"wps-testi\"><div class=\"wps-testi__stars\" aria-label=\"5 \/ 5\"><span class=\"wps-testi__on\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div><blockquote class=\"wps-testi__quote\">WhatsPing paid for itself in the first week. Our broadcast open rates are around 90% and the shared inbox means no customer message slips through.<\/blockquote><figcaption class=\"wps-testi__who\"><span class=\"wps-testi__av wps-testi__av--ini\">AR<\/span><span class=\"wps-testi__meta\"><span class=\"wps-testi__name\">Aisha Rahman<\/span><span class=\"wps-testi__role\">Founder, Bloom Cosmetics<\/span><\/span><\/figcaption><\/figure><figure class=\"wps-testi\"><div class=\"wps-testi__stars\" aria-label=\"5 \/ 5\"><span class=\"wps-testi__on\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div><blockquote class=\"wps-testi__quote\">The automation flows are genuinely no-code. We set up keyword replies and order updates in an afternoon and support tickets dropped by a third.<\/blockquote><figcaption class=\"wps-testi__who\"><span class=\"wps-testi__av wps-testi__av--ini\">DC<\/span><span class=\"wps-testi__meta\"><span class=\"wps-testi__name\">David Chen<\/span><span class=\"wps-testi__role\">Head of Growth, Nimbus<\/span><\/span><\/figcaption><\/figure><figure class=\"wps-testi\"><div class=\"wps-testi__stars\" aria-label=\"5 \/ 5\"><span class=\"wps-testi__on\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div><blockquote class=\"wps-testi__quote\">Connecting WhatsApp, Messenger and Telegram in one place changed how our team works. Campaigns, replies and analytics \u2014 all in one clean dashboard.<\/blockquote><figcaption class=\"wps-testi__who\"><span class=\"wps-testi__av wps-testi__av--ini\">SO<\/span><span class=\"wps-testi__meta\"><span class=\"wps-testi__name\">Sara Okonkwo<\/span><span class=\"wps-testi__role\">Ecommerce Manager, Vela<\/span><\/span><\/figcaption><\/figure><\/div><\/div><\/section><section>\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head center\"><span class=\"eyebrow\">FAQ<\/span><h2>Everything you might be wondering<\/h2><\/div>\r\n    <div class=\"faq\">\r\n      <details class=\"qa\" name=\"faq\"><summary>What is WhatsPing?<\/summary><p>An all-in-one WhatsApp Business platform for marketing, sales and support \u2014 campaigns, a shared inbox, chatbots, AI and multi-channel messaging on the official API.<\/p><\/details>\r\n      <details class=\"qa\" name=\"faq\"><summary>Do I need WhatsApp Business API access?<\/summary><p>WhatsPing uses embedded signup, so you connect your WhatsApp Business account through Meta in a few minutes \u2014 no long application process.<\/p><\/details>\r\n      <details class=\"qa\" name=\"faq\"><summary>Is there a free trial?<\/summary><p>Yes \u2014 start free for 30 days with the official API, 100 service messages a month, 100 contacts and your first campaigns. No credit card required.<\/p><\/details>\r\n      <details class=\"qa\" name=\"faq\"><summary>Can I use my existing WhatsApp number?<\/summary><p>Yes. With WhatsApp Coexistence you can keep chatting from your phone while WhatsPing runs automations and campaigns on the same number.<\/p><\/details>\r\n      <details class=\"qa\" name=\"faq\"><summary>Can I integrate with other tools?<\/summary><p>Connect Shopify and WooCommerce, use webhooks, and build on a full REST API to send messages and sync data with your stack.<\/p><\/details>\r\n      <details class=\"qa\" name=\"faq\"><summary>How does billing work?<\/summary><p>Simple monthly plans \u2014 Free, Standard and Premium \u2014 billed per organization and payable via Stripe, Razorpay or bKash.<\/p><\/details>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FINAL CTA ============ -->\r\n<section style=\"padding-top:0;\">\r\n  <div class=\"wrap\">\r\n    <div class=\"final-band\">\r\n      <div>\r\n        <h2>Ready to transform your customer conversations?<\/h2>\r\n        <p>Join businesses growing with WhatsPing \u2014 reach customers, close deals and answer faster.<\/p>\r\n      <\/div>\r\n      <a class=\"btn btn-orange\" href=\"https:\/\/app.whatsping.com\/register\" style=\"position:relative\">Get Started Free \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FOOTER ============ -->\r\n<footer>\r\n  <div class=\"wrap\">\r\n    <div class=\"foot-grid\">\r\n      <div class=\"foot-brand\">\r\n        <a href=\"\/\"><img decoding=\"async\" class=\"logo-img\" src=\"\/whatsping-site\/assets\/img\/logo-white.png\" alt=\"WhatsPing\"><\/a>\r\n        <p>One platform for WhatsApp marketing, sales &amp; support.<\/p>\r\n        <div class=\"foot-social\"><a href=\"#\" aria-label=\"Facebook\"><img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/facebook.png\" alt=\"Facebook\"><\/a><a href=\"#\" aria-label=\"Instagram\"><img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/instagram.png\" alt=\"Instagram\"><\/a><a href=\"#\" aria-label=\"LinkedIn\"><img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/linkedin.png\" alt=\"LinkedIn\"><\/a><a href=\"#\" aria-label=\"YouTube\"><img decoding=\"async\" src=\"\/whatsping-site\/assets\/img\/icons\/youtube.png\" alt=\"YouTube\"><\/a><\/div>\r\n      <\/div>\r\n      <div class=\"foot-col\"><h5>Product<\/h5><a href=\"\/features\/\">Features<\/a><a href=\"\/pricing\/\">Pricing<\/a><a href=\"\/integrations\/\">Integrations<\/a><a href=\"\/blog\/\">Blog<\/a><\/div>\r\n      <div class=\"foot-col\"><h5>Company<\/h5><a href=\"\/about-us\/\">About Us<\/a><a href=\"\/careers\/\">Careers<\/a><a href=\"\/partners\/\">Partners<\/a><a href=\"\/contact\/\">Contact<\/a><\/div>\r\n      <div class=\"foot-col\"><h5>Developers<\/h5><a href=\"\/api\/\">API Docs<\/a><a href=\"\/webhooks\/\">Webhooks<\/a><a href=\"#\">Status<\/a><a href=\"#\">Changelog<\/a><\/div>\r\n      <div class=\"foot-col\"><h5>Resources<\/h5><a href=\"#\">Help Center<\/a><a href=\"#\">Templates<\/a><a href=\"#\">Case Studies<\/a><a href=\"\/privacy-policy\/\">Privacy<\/a><\/div>\r\n    <\/div>\r\n    <div class=\"foot-bottom\"><span>\u00a9 2026 WhatsPing<\/span><span><a href=\"\/privacy-policy\/\">Privacy<\/a> \u00b7 <a href=\"\/terms-of-service\/\">Terms<\/a><\/span><\/div>\r\n  <\/div>\r\n<\/footer>\n<script>\n      \/* Exclusive-accordion fallback for browsers without <details name> support. *\/\n      (function () {\n        var d = document.createElement('details');\n        if ('name' in d) return; \/* native exclusive accordion \u2014 nothing to do *\/\n        var items = document.querySelectorAll('.faq details[name=\"faq\"]');\n        items.forEach(function (el) {\n          el.addEventListener('toggle', function () {\n            if (!el.open) return;\n            items.forEach(function (other) { if (other !== el) other.open = false; });\n          });\n        });\n      })();\n    <\/script>\n<script>\n  (function () {\n    var btn = document.getElementById('themeBtn');\n    var root = document.documentElement;\n    btn.addEventListener('click', function () {\n      var cur = root.getAttribute('data-theme');\n      if (!cur) cur = matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n      root.setAttribute('data-theme', cur === 'dark' ? 'light' : 'dark');\n    });\n\n    \/\/ ---- Live conversation animation ----\n    var thread = document.getElementById('liveChat');\n    var reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;\n    \/\/ [type, text, delayBeforeMs]  type: in|out|bot|type-in|type-out\n    var script = [\n      ['in',       \"Hi, I'm interested in your product.\", 300],\n      ['bot',      '\u26a1 keyword \"product\" \u2192 flow: \"Sales\"', 750],\n      ['type-out', '', 700],\n      ['out',      \"Great! I'd be happy to help you.\", 1100],\n      ['in',       \"Can you show me the latest offers?\", 1000],\n      ['type-out', '', 700],\n      ['out',      \"Yes! Here you go. \ud83c\udf81\", 1100],\n      ['in',       \"Perfect! I want to place an order.\", 1000],\n      ['type-out', '', 700],\n      ['out',      \"Order link sent \u2014 reply STOP to opt out.\", 1100],\n    ];\n\n    function bubble(type, text, receipt) {\n      var d = document.createElement('div');\n      d.className = 'bub ' + type;\n      d.innerHTML = text + (receipt ? ' <span class=\"rr\">\u2713\u2713<\/span>' : '');\n      return d;\n    }\n    function typingEl(side) {\n      var d = document.createElement('div');\n      d.className = 'typing ' + side;\n      d.innerHTML = '<span><\/span><span><\/span><span><\/span>';\n      return d;\n    }\n\n    function playConversation() {\n      if (!thread) return;\n      if (reduce) {\n        \/\/ static full thread, no looping\n        script.forEach(function (s) { if (s[0] !== 'type-out') thread.appendChild(bubble(s[0], s[1], s[0] === 'out')); });\n        return;\n      }\n      var i = 0, timers = [];\n      function clearAll() { timers.forEach(clearTimeout); timers = []; }\n      function step() {\n        if (i >= script.length) {\n          timers.push(setTimeout(function () {\n            thread.style.transition = 'opacity .5s'; thread.style.opacity = '0';\n            timers.push(setTimeout(function () {\n              thread.innerHTML = ''; thread.style.opacity = '1'; i = 0; step();\n            }, 550));\n          }, 2600));\n          return;\n        }\n        var s = script[i], type = s[0], text = s[1], delay = s[2];\n        timers.push(setTimeout(function () {\n          if (type === 'type-out' || type === 'type-in') {\n            var t = typingEl(type === 'type-out' ? '' : 'in');\n            thread.appendChild(t);\n            timers.push(setTimeout(function () { t.remove(); }, delay - 40));\n          } else {\n            thread.appendChild(bubble(type, text, type === 'out'));\n          }\n          i++; step();\n        }, delay));\n      }\n      step();\n    }\n\n    \/\/ ---- Channel icons: cycle an active highlight ----\n    function cycleChannels() {\n      var icons = document.querySelectorAll('.mock-chan img, .mock-chan i');\n      if (!icons.length || reduce) { if (icons[0]) icons[0].classList.add('on'); return; }\n      var n = 0;\n      setInterval(function () {\n        icons.forEach(function (el) { el.classList.remove('on'); });\n        icons[n % icons.length].classList.add('on');\n        n++;\n      }, 1400);\n    }\n\n    playConversation();\n    cycleChannels();\n\n    \/\/ ---- mobile hamburger menu ----\n    var hamb = document.getElementById('hambBtn');\n    var navEl = document.querySelector('.nav');\n    if (hamb && navEl) {\n      hamb.addEventListener('click', function () {\n        var open = navEl.classList.toggle('open');\n        hamb.setAttribute('aria-expanded', open ? 'true' : 'false');\n      });\n      navEl.querySelectorAll('.mobmenu a').forEach(function (a) {\n        a.addEventListener('click', function () {\n          navEl.classList.remove('open');\n          hamb.setAttribute('aria-expanded', 'false');\n        });\n      });\n    }\n\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Simplify WhatsApp Marketing with WhatsPing Automate chats, send personalized campaigns, and build stronger customer relationships \u2014 all from one intuitive dashboard. No credit card required 15 days free trial Get started ImprovedUser Interface Everything You Need to Grow on WhatsApp From automated campaigns to AI-driven chatflows \u2014 Whatsping empowers you to connect, convert, and grow [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5157","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/whatsping.com\/bn\/wp-json\/wp\/v2\/pages\/5157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whatsping.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whatsping.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whatsping.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whatsping.com\/bn\/wp-json\/wp\/v2\/comments?post=5157"}],"version-history":[{"count":178,"href":"https:\/\/whatsping.com\/bn\/wp-json\/wp\/v2\/pages\/5157\/revisions"}],"predecessor-version":[{"id":5412,"href":"https:\/\/whatsping.com\/bn\/wp-json\/wp\/v2\/pages\/5157\/revisions\/5412"}],"wp:attachment":[{"href":"https:\/\/whatsping.com\/bn\/wp-json\/wp\/v2\/media?parent=5157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}