ABsmartly LaunchPad

Design, launch, and manage A/B tests visually—directly on your website—without writing code. The extension lets product, growth, and design teams create DOM-based experiments with a point‑and‑click editor, then deliver those changes safely through ABsmartly’s platform and SDK.

*What it does*

🎨 Visual editing on any page
Select elements and change text, HTML, styles, attributes, classes, or inject scoped JavaScript
Drag, move, hide, delete, resize, insert blocks, and copy selectors via a fast context menu
Export/import changes as structured JSON for auditability and reuse

🧪 Experiment creation and management
Create, edit, start, and stop experiments from a sidebar
Define variants and attach DOM changes to each variant as ABsmartly variables (code‑as‑variant)
Filter by state, significance, owners, tags, and more to find the right experiment fast

⚙️ Reliable delivery via SDK
・ Variant changes are stored as variables and applied on your site via the ABsmartly JavaScript SDK plugin
・ Works on SPAs and dynamic pages by observing late‑loading content and re‑applying changes as the DOM updates
・ Supports local overrides for instant preview and QA

🧑‍🤝‍🧑 Built for teams and scale
・ Aligns with your ABsmartly environment, applications, unit types, and metrics
・Respects governance and analytics so experiments are measurable and safe

*Why install it*

🚀 Ship experiments fast without engineering sprints
Go from idea to live test in minutes; reduce dev backlog by handling presentation‑layer changes visually
📈 Confident measurement with first‑class analytics
All changes flow through ABsmartly—unit assignment, targeting, metrics, SRM detection, significance monitoring
👀 True “what you see is what visitors get”
Preview on your real site with your data; reliable application even on SPA routes and dynamic components
🛡️ Governance, auditability, and performance
DOM changes are versioned as structured variant variables; the SDK applies them efficiently and deterministically

*Key capabilities*

🖱️ Visual Editor: point‑and‑click selection; context actions for Edit Text, Edit HTML, Hide, Delete, Move Up/Down, Rearrange, Resize, Copy, Copy Selector, Insert Block, Select Relative
🧩 DOM change types: Text, HTML, Style (CSS), Class (add/remove/toggle), Attribute, JavaScript (scoped)
🧭 Workflows: create experiments, define traffic and unit types, attach DOM change payloads per variant, start/stop, filter and search
🔌 SDK integration: companion plugin loads the right variant variables and applies changes; options for debugging and dynamic DOM observation
🔍 Advanced filtering: search by name; filter by state, significance, issues (e.g., SRM/cleanup), owners, and tags

*How it works (at a glance)*

・Open the extension to show the sidebar on any page you control
・Use the Visual Editor to select elements and make changes
・Save/export changes as JSON; these are attached to variants as ABsmartly variables
・The ABsmartly JS SDK + DOM Changes plugin applies the correct changes for each user’s assigned variant
・ABsmartly tracks metrics and analyzes results for significance

*Who it’s for*

・Product managers and growth teams who want to iterate quickly
・Designers and marketers who need no‑code control over presentation changes
・Engineers who want to ship a quick change without a code deployment

*Privacy and security*

・Uses your configured ABsmartly API credentials and endpoints
・DOM changes are scoped to your sites and delivered via the ABsmartly SDK
・No extra third‑party analytics—experimentation runs through ABsmartly

*Compatibility*

・Chrome/Chromium (Manifest V3), Edge, Firefox, Safari (via Plasmo)
・Works with modern websites, including SPAs and dynamic content

Install the ABsmartly Browser Extension to turn your website into a live experimentation canvas.
Ship tests faster, learn continuously, and grow with confidence.