Diff -- /var/www/vhosts/3dshawn.com/abforge.3dshawn.com/TEMPLATES/abforge_faq.html
Diff
/var/www/vhosts/3dshawn.com/abforge.3dshawn.com/TEMPLATES/abforge_faq.html
added on local at 2026-07-01 16:01:49
Added
+107
lines
Removed
-0
lines
Context
0
unchanged
Blobs
from
to fd5b7d1afc5e
to fd5b7d1afc5e
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.| 1 | <header class="landing-nav"> | |
| 2 | <div class="landing-nav-inner"> | |
| 3 | <a href="index.cgi" class="flex items-center gap-3" style="text-decoration:none"> | |
| 4 | <div class="brand-mark">A<span style="color:#ffb347">B</span></div> | |
| 5 | <div class="brand-text"><span class="brand-name">ABForge</span><span class="brand-sub">Experimentation Platform</span></div> | |
| 6 | </a> | |
| 7 | <nav class="links"> | |
| 8 | <a href="features.cgi">Features</a> | |
| 9 | <a href="why.cgi">Why ABForge</a> | |
| 10 | <a href="pricing.cgi">Pricing</a> | |
| 11 | <a href="docs.cgi">Docs</a> | |
| 12 | <a href="faq.cgi" class="text-brand">FAQ</a> | |
| 13 | <a href="about.cgi">About</a> | |
| 14 | </nav> | |
| 15 | <div class="auth-actions"> | |
| 16 | <a href="login.cgi" class="btn btn-ghost btn-sm">Sign in</a> | |
| 17 | <a href="signup.cgi" class="btn btn-primary btn-sm">Start free trial</a> | |
| 18 | </div> | |
| 19 | </div> | |
| 20 | </header> | |
| 21 | ||
| 22 | <section class="hero" style="padding-bottom:30px"> | |
| 23 | <div class="hero-grid-bg"></div> | |
| 24 | <div class="hero-glow-1"></div> | |
| 25 | <div class="hero-inner" style="grid-template-columns:1fr;text-align:center"> | |
| 26 | <div> | |
| 27 | <span class="hero-pill"><span class="dot"></span> Common questions, real answers</span> | |
| 28 | <h1 class="hero-title">Frequently <span class="grad">asked questions.</span></h1> | |
| 29 | <p class="hero-sub" style="max-width:640px;margin:18px auto 0"> | |
| 30 | The stuff people email about before they sign up. Click any question to expand. | |
| 31 | If something is missing, <a href="contact.cgi" class="text-brand">ask us directly</a>. | |
| 32 | </p> | |
| 33 | </div> | |
| 34 | </div> | |
| 35 | </section> | |
| 36 | ||
| 37 | <section class="section" style="max-width:900px;margin:0 auto;padding:0 32px 60px"> | |
| 38 | ||
| 39 | <h2 class="section-eyebrow" style="margin-top:32px">Getting started</h2> | |
| 40 | <div style="display:flex;flex-direction:column;gap:10px;margin-top:12px"> | |
| 41 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">How does the snippet actually work?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Paste <code><script async src="https://abforge.3dshawn.com/t.js?k=YOUR_KEY"></script></code> into your <code><head></code>. The tracker loads asynchronously and starts posting pageviews, sessions, click + scroll heatmap data, and any active A/B / MVT assignments. No tag manager, no SDK install, no build step. Works on React, Vue, Next, Astro, WordPress, plain HTML — anything that loads JavaScript.</p></details> | |
| 42 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Do I need to know how to code?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">No for the basics: experiments are configured in the dashboard (pick a URL pattern, define variants, pick a goal). For custom events you call <code>abforge('event','name',{prop:value})</code> from anywhere in your JS — one line. We have copy-paste snippets for every common framework in the docs.</p></details> | |
| 43 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">How long does setup take?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Most teams see their first pageview in the dashboard within 30 seconds of pasting the snippet. Spinning up an A/B test on a new headline takes another 2 minutes. The realtime view refreshes every 15 seconds so you'll know it's working immediately.</p></details> | |
| 44 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Can I run ABForge on multiple sites?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes. Each site gets its own public key and its own dashboard view. Free supports 1 site, Starter 3, Growth 10, Scale unlimited. You can run different experiments per site or share segments across them.</p></details> | |
| 45 | </div> | |
| 46 | ||
| 47 | <h2 class="section-eyebrow" style="margin-top:36px">Experiments & statistics</h2> | |
| 48 | <div style="display:flex;flex-direction:column;gap:10px;margin-top:12px"> | |
| 49 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">What's the difference between A/B and MVT?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">A/B compares two (or more) full variants of a page. MVT (multivariate) compares combinations of factors — e.g. 2 headlines × 3 CTA colors × 2 hero images = 12 variants — and tells you which combination wins AND which individual factor moves the needle most. A/B is faster to ship; MVT is more powerful when traffic allows.</p></details> | |
| 50 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">How is significance calculated?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Two-proportion z-test with configurable confidence threshold (default 95%). We display confidence interval, p-value, sample size, and a recommended sample-size to detect your minimum-effect-size at 80% power. We never declare a winner before the sample-size estimate is reached — that's how teams trick themselves with peeking.</p></details> | |
| 51 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">How are visitors assigned to variants?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">A signed cookie sets a sticky variant on first visit. Same visitor sees the same variant for the life of the experiment, across pages and sessions. You can override assignment for QA via a URL parameter (<code>?_abf=variant_b</code>).</p></details> | |
| 52 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">What goal types are supported?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Seven: page_view, url_destination, click_selector, custom_event, form_submit, revenue, and scroll. You can attach multiple goals per experiment and watch each independently.</p></details> | |
| 53 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Does the variant swap cause flicker?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">No. The tracker is loaded with a tiny inline hide-rule for elements being mutated, the swap runs synchronously before paint, and the hide-rule is removed. The result is a clean first paint of the assigned variant. We measured median FCP impact under 4ms in our own tests.</p></details> | |
| 54 | </div> | |
| 55 | ||
| 56 | <h2 class="section-eyebrow" style="margin-top:36px">Heatmaps & analytics</h2> | |
| 57 | <div style="display:flex;flex-direction:column;gap:10px;margin-top:12px"> | |
| 58 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">How do click heatmaps handle responsive layouts?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Every click is anchored to a stable DOM selector plus pixel offset within the element. When you view the heatmap at a desktop width, mobile clicks render against the desktop DOM correctly because we re-resolve the selector. No more "all clicks are at the top-left" garbage.</p></details> | |
| 59 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">How is scroll depth measured?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">We sample max-scroll-Y on a debounced scroll handler and beacon it on page unload. The dashboard renders a depth overlay showing what percentage of visitors reached each band of the page.</p></details> | |
| 60 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Is the analytics view real-time?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">The Realtime tab polls every 15 seconds. The main analytics dashboard caches for 60 seconds. The 30-day trend chart refreshes hourly. All KPIs back-fill instantly when you switch date ranges.</p></details> | |
| 61 | </div> | |
| 62 | ||
| 63 | <h2 class="section-eyebrow" style="margin-top:36px">Pricing & billing</h2> | |
| 64 | <div style="display:flex;flex-direction:column;gap:10px;margin-top:12px"> | |
| 65 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Is the free plan really free forever?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes. No credit card, no trial expiry. 10K pageviews/month, 1 site, 3 experiments, full heatmap + analytics dashboard. Upgrade when (or if) you outgrow it.</p></details> | |
| 66 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">What happens if I go over my pageview cap?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">We email you at 80% and 100%. We never stop tracking mid-month. The overage on the next invoice is prorated at the next tier's per-pageview rate — or you can upgrade and skip it.</p></details> | |
| 67 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Refund policy?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">We issue refunds as account credit applied automatically to your next invoice. Cleaner books, faster than a card refund (which takes 5–10 business days to settle). If you cancel entirely with unused credit, we work out a card refund case-by-case.</p></details> | |
| 68 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Can I switch plans any time?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes. Upgrades take effect immediately with proration. Downgrades take effect at the next billing anchor so you keep what you paid for.</p></details> | |
| 69 | </div> | |
| 70 | ||
| 71 | <h2 class="section-eyebrow" style="margin-top:36px">Data & trust</h2> | |
| 72 | <div style="display:flex;flex-direction:column;gap:10px;margin-top:12px"> | |
| 73 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Do you own my data?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">No. You retain full ownership of your visitor data, events, experiments, and heatmaps. You can export everything (CSV + JSON) at any time. If you cancel, you get a 90-day grace period to export before data is purged.</p></details> | |
| 74 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Is ABForge GDPR-friendly?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes. The tracker uses a first-party signed cookie for sticky experiment assignment — no third-party cookies, no cross-site tracking. You can configure cookie-free mode (visitor ID derived from a hash) if you'd rather skip the cookie consent banner. We have a DPA available for Growth+ plans.</p></details> | |
| 75 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Where is my data stored?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Your database lives in our US-East datacenter by default. EU-West is available on request for Scale + Enterprise. Self-hosters keep data wherever they install MariaDB.</p></details> | |
| 76 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">What security do you offer?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">2FA (TOTP), session-revoke from Settings, full audit log of admin actions, role-based access on team plans, encrypted-at-rest database, TLS 1.3 in transit. SOC 2 Type II audit in progress for 2026.</p></details> | |
| 77 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Can I self-host?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes, on Enterprise. You get the full CGI tree, MariaDB schema, and an install script. Your team manages updates. Many regulated industries prefer this — your data never leaves your infrastructure.</p></details> | |
| 78 | </div> | |
| 79 | ||
| 80 | <h2 class="section-eyebrow" style="margin-top:36px">Support</h2> | |
| 81 | <div style="display:flex;flex-direction:column;gap:10px;margin-top:12px"> | |
| 82 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">How fast is support?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Email response: same business day for Growth+, <48 hours for Starter, community-driven for Free. Scale plans get a shared Slack channel; Enterprise gets a named CSM and SLA.</p></details> | |
| 83 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Where are the docs?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Inside the dashboard at <code>/docs.cgi</code>. Every page has a Help icon up top that links to plain-English how-tos with copy-paste examples. Quick-start guides for React, Vue, Next, WordPress, and plain HTML included.</p></details> | |
| 84 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff">Can I migrate from another platform?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes. We offer free white-glove migration for Growth+ subscribers — we'll map your existing experiments, goals, and segments into ABForge so you don't rebuild them by hand.</p></details> | |
| 85 | </div> | |
| 86 | ||
| 87 | <div style="text-align:center;margin-top:50px;padding:30px;background:var(--col-surface-1);border:1px solid var(--col-border);border-radius:14px"> | |
| 88 | <h3 style="font-family:var(--font-display);font-size:22px;color:#fff;margin:0 0 8px">Question we didn't answer?</h3> | |
| 89 | <p class="text-sm text-secondary" style="margin-bottom:16px">Send it to <a href="mailto:hello\@abforge.com" class="text-brand">hello\@abforge.com</a> — we read everything.</p> | |
| 90 | <a href="contact.cgi" class="btn btn-secondary">Contact us</a> | |
| 91 | | |
| 92 | <a href="signup.cgi" class="btn btn-primary">Start free trial</a> | |
| 93 | </div> | |
| 94 | </section> | |
| 95 | ||
| 96 | <footer class="site-foot"> | |
| 97 | <div class="foot-grid"> | |
| 98 | <div class="foot-col"> | |
| 99 | <div class="flex items-center gap-3 mb-2"><div class="brand-mark" style="width:32px;height:32px;font-size:15px">A<span style="color:#ffb347">B</span></div><div class="brand-text"><span class="brand-name">ABForge</span></div></div> | |
| 100 | <p class="text-sm text-secondary" style="max-width:340px">A/B testing, MVT, heatmaps and analytics that drop into any site.</p> | |
| 101 | </div> | |
| 102 | <div class="foot-col"><h5>Platform</h5><ul><li><a href="features.cgi">Features</a></li><li><a href="why.cgi">Why ABForge</a></li><li><a href="pricing.cgi">Pricing</a></li><li><a href="docs.cgi">Docs</a></li><li><a href="faq.cgi">FAQ</a></li></ul></div> | |
| 103 | <div class="foot-col"><h5>Company</h5><ul><li><a href="about.cgi">About</a></li><li><a href="contact.cgi">Contact</a></li></ul></div> | |
| 104 | <div class="foot-col"><h5>Legal & Trust</h5><ul><li><a href="privacy.cgi">Privacy</a></li><li><a href="terms.cgi">Terms of Service</a></li></ul></div> | |
| 105 | </div> | |
| 106 | <div class="foot-bottom"><span>© 2026 ABForge, Inc. All rights reserved.</span><span>Made for teams who treat experimentation seriously.</span></div> | |
| 107 | </footer> |