Upluggit

<p>VariantFlow is a blazingly fast, zero-bloat A/B testing tool built natively for the WordPress Gutenberg editor. Instead of relying on heavy third-party SaaS platforms or bloated plugins that ruin your site speed, VariantFlow runs entirely within your WordPress dashboard.</p>
<p>Major Features:<br />
* <strong>Native Gutenberg Experience:</strong> Design your Variation A and Variation B directly inside the block editor. No external builders.<br />
* <strong>100% Cache Compatible:</strong> The plugin uses a lightweight client-side script (< 1kb) to randomize variations, guaranteeing it works perfectly with WP Rocket, LiteSpeed Cache, W3 Total Cache, and any host-level page caching.<br />
* <strong>Zero Performance Hit:</strong> The tracking REST API endpoint is asynchronously called, ensuring your page load speed is never affected.<br />
* <strong>Clean Analytics:</strong> View a beautifully designed, minimal dashboard right in your WordPress admin to see Views, Clicks, and Click-Through Rates (CTR).<br />
* <strong>Smart Winner Declaration:</strong> Set a custom “Minimum Views” threshold (e.g., 50 or 100 views) before the plugin automatically highlights the statistically winning variation, preventing false positives.<br />
* <strong>Privacy Focused:</strong> Stores data securely in your own database. No tracking pixels, no third-party data sharing.</p>
<h3>Common Use Cases</h3>
<p>Not sure what to test? Here are a few ways VariantFlow can instantly increase your conversions:<br />
* <strong>Call-to-Action (CTA) Buttons:</strong> Test “Buy Now” vs. “Add to Cart” or “Get Started” vs. “Learn More”. See which text generates more clicks.<br />
* <strong>Pricing Pages:</strong> Test displaying a monthly pricing table vs. an annual pricing table to see which yields a higher click-through rate to your checkout.<br />
* <strong>Landing Page Headlines:</strong> Write two drastically different H1 headlines for your sales page to see which hooks more readers into clicking your links.<br />
* <strong>Lead Generation Forms:</strong> Test a short, simple form against a longer form with more details to find the sweet spot for email signups.</p>


VariantFlow – Lightweight A/B Testing Block


I think this is a great idea and a really solid start. I like that you're keeping a simple, native Gutenberg feel.


Great Start for Native Gutenberg A/B Testing

A lightweight, native Gutenberg block A/B tester with zero bloat. 100% compatible with page caching.

<p>This plugin simplifies the process of adding the VWO SmartCode to your WordPress site and enables automatic tracking of WooCommerce events like product views, add-to-cart actions, and completed purchases. It also offers optional server-side tracking to bypass client-side blockers and improve event reliability.</p>
<h3>Key Features</h3>
<ul>
<li>Easy VWO (Wingify) SmartCode integration</li>
<li>Automatic WooCommerce event tracking</li>
<li>Event-level data passed to VWO for advanced reporting</li>
<li>Support for asynchronous and synchronous SmartCode types</li>
<li>Optional server-side tracking for more accurate analytics</li>
<li>Works seamlessly with WooCommerce</li>
</ul>
<h3>Configuration and Setup</h3>
<h3>Configuring General Settings</h3>
<ol>
<li>Go to <strong>Settings > VWO</strong>.</li>
<li>Enter your VWO Account ID.</li>
<li>Choose your preferred code type:
<ul>
<li><strong>Asynchronous (Recommended)</strong>: Loads faster, doesn’t block elements.</li>
<li><strong>Synchronous</strong>: Not recommended for performance reasons.</li>
</ul>
</li>
<li>Click <strong>Save Changes</strong>.</li>
</ol>
<h3>Configuring WooCommerce Settings</h3>
<ol>
<li>Open the <strong>WooCommerce</strong> tab in the VWO settings.</li>
<li>Enable WooCommerce Event Tracking.</li>
<li>Enable the specific events you want to track:
<ul>
<li>Product Viewed</li>
<li>Add to Cart</li>
<li>Product Removed From Cart</li>
<li>Purchase Order</li>
</ul>
</li>
<li>Click <strong>Save Changes</strong>.</li>
</ol>
<h3>Configuring Server-Side Tracking (Optional)</h3>
<ol>
<li>Enable <strong>Server-Side Tracking</strong> from the WooCommerce tab.</li>
<li>Click <strong>Save Changes</strong>.</li>
</ol>
<h3>Verifying Event Tracking in VWO</h3>
<ol>
<li>Log in to your VWO account.</li>
<li>Go to <strong>Data360 > Events</strong>.</li>
<li>Perform sample actions on your WooCommerce store.</li>
<li>Check the events list in Data360.</li>
<li>Register any events listed under “Unregistered Events”.</li>
</ol>
<h3>WooCommerce Events Imported Into VWO</h3>
<h3>Product Viewed</h3>
<ul>
<li><strong>Event API Name</strong>: <code>woocommerce.productViewed</code></li>
<li>Payload:
<ul>
<li>price, currency, productId, productTitle, productUrl, productCategory, productSku, quantity, variantId</li>
</ul>
</li>
</ul>
<h3>Add To Cart</h3>
<ul>
<li><strong>Event API Name</strong>: <code>woocommerce.addToCart</code></li>
<li>Payload:
<ul>
<li>price, currency, productId, productTitle, productUrl, productCategory, productSku, quantity, variantId</li>
</ul>
</li>
</ul>
<h3>Remove from Cart</h3>
<ul>
<li><strong>Event API Name</strong>: <code>woocommerce.removeFromCart</code></li>
<li>Payload:
<ul>
<li>price, currency, productId, productTitle, productUrl, productCategory, productSku, quantity, variantId</li>
</ul>
</li>
</ul>
<h3>Purchase</h3>
<ul>
<li><strong>Event API Name</strong>: <code>woocommerce.purchase</code></li>
<li>Payload:
<ul>
<li>orderId, productId, productSku, productPrice, productQuantity, discount, shippingPrice, totalTax, totalPrice, currencyCode</li>
</ul>
</li>
</ul>


Visual Website Optimizer

VWO is the all-in-one platform that helps you conduct visitor research, build an optimization roadmap, and run continuous experimentation.

VariantFlow – Lightweight A/B Testing Block vs Visual Website Optimizer