/* =========================================== A/B Test CSS - Convert.com Integration How it works: - Control (original): Shows .form (course-form block) - Variant: Convert.com adds class .leadgen-variant to - Variant shows .leadgen-step1 and hides .form =========================================== */ /* Default: Show original form, hide new form */ .leadgen-step1 { display: none; } .form { display: block; } /* Variant: Show new form, hide original form */ body.leadgen-variant .leadgen-step1 { display: block; } body.leadgen-variant .form { display: none; } /* =========================================== Convert.com Setup Instructions: 1. Create new A/B test in Convert.com 2. Visual Editor or Custom JavaScript: JavaScript to add in Convert.com (Variant): document.body.classList.add('leadgen-variant'); 3. Set traffic allocation (e.g., 50/50) 4. Set goals (conversion tracking) =========================================== */ /* Alternative: Using data attribute instead of class */ body[data-ab-test="leadgen"] .leadgen-step1 { display: block; } body[data-ab-test="leadgen"] .form { display: none; }