Matt Stodolnic VP Marketing & Alliances Pantheon Brad Taylor Senior Frontend Engineer Optimizely Matthew Auerbach Developer Evangelist Optimizely
➔ ➔ ➔ ➔ ➔
Importance of Experimentation ● ● ○ ●
What is A/B Testing? Comparing two variations of a webpage to see which performs better
Hypothesis: Attracting more attention to the SHOP NOW button will increase impressions to the item catalog A B
Business Objective: Reduce cost of free shipping program and deliver better online shopping experience Goal: Encourage visitors to purchase only one instead of multiple sizes Experiment: Target a helpful modal to ‘size-conscious’ shoppers to assist them with finding the correct fit Impact: 80% decrease in return rate for ‘size-conscious’ shoppers Case Study Brooks
VARIATION 80% Fewer returns
Visual Editor
The Optimizely Snippet https://help.optimizely.com/Set_Up_Optimizely/Implement_the_Optimizely_snippet Each project has its own project code, called the snippet. Optimizely snippet contents: • Active Experiments / Campaigns* • Draft Experiments / Campaigns* • Project Metrics • Project Audiences • Extensions* • Optimizely execution and tracking logic * Optimizely can be configured to either remove these from the snippet or load them asynchronously.
Drupal Module Makes it easy to define which pages to load the Optimizely JS, no native editor functionality. WordPress Install JS snippet directly in the head module Easy Access to A/B Testing
● Secure the necessary tools ● Observe user behavior ● Develop a hypothesis ● Create tests for your hypothesis ● Analyze results
● Google Analytics or other analytics tool (make sure tools are working). ● Optimizely or other easy to use, easy to setup (SaaS/JS include) testing tool. ● Crazy Egg or other user behavior / click tracking tool
Google Behavior Flow. Where are people going on our website? Click-path analysis (by URL) Crazy Egg What are people clicking on our website? More visual click-path analysis (by clicks)
More clicks, please.
More clicks, please.
● New Messaging will connect with our visitors and more our our visitors will navigate to the tools pages of our website. ● Sign-Ups will increase because we are our value propositions are more aligned to our audience.
● A| B Testing Almost anything on your website that affects visitor behavior can be A/B tested. ● Testing Complete Pages like Pantheon did for this test requires more planning for redirection of traffic and measuring multiple changes at once.
50% - CONTROL 50% - VARIATION
● Engagement - % of visitors who clicked on any part of the experiment page ● Traffic to new user-specific landing pages - % of visitors who visited any of the three new landing pages ● Developer Registration - % of visitors who registered for a free developer account
A B C
● New Homepage - A new homepage is both an A/B test and a multivariate test. ● Just Start Testing - Agree with testing purists and move on. Improve the site, create new tests. Improve the site, create new tests.
• Improve the user experience • Verify new product features • Drive specific KPIs • Test messaging • Measure algorithm performance • Build a culture of experimentation Why is A/B testing important?
Working with your organization
Enable Rapid Experimentation by Everyone Built for business users See results in real-time Act with confidence and developers Always-on experimentation
Experiment across your organization and business objectives Marketing Data Science Engineering Operations Product Grow revenue Reduce costs Build brand Maximize Profits Experiment to roll out new features Experiment to optimize your site’s functionality Experiment with user experience to drive engagement Experiment to better understand recommendation algorithms Experiment for lead generation and conversion rate
Why stats engine
1920s Data is expensive Data is slow Practitioners are trained experts 2017 Data is cheap Data is real-time Everyone is a practitioner Back then, stats was hard!
Before Stats Engine: Lots of work to get valid results To get valid results for a test, you had to follow some rules: ● Set a sample size in advance ● No peeking ● Can’t test too many goals and variations
After Stats Engine: Always valid results to make decisions in real-time Sequential testing Look at results in real time False discovery rate control Test as many goals and variations as needed = Always valid results with Stats Engine
Optimizely platform from a dev perspective Experiment SDKs Developer Tools REST API Behavior API Event API Data Export Extensions Web Tools Customer Profiles
Optimizely X: Operationalize Experimentation Across the Organization Enable Rapid Experimentation by Everyone Experiment Everywhere on Any Channel and Device Deliver High-Performing Personalized Experiences Optimize Anything that Matters to your Business
Extensions • Reusable templates for making changes in the visual editor. • A developer can build a extension with HTML, CSS, and JavaScript • Customizable fields allow any user to alert the Extension • Pop-up message, banner, countdown timer, etc… • Sample Library
Extensions
Get started with experimentation today! Documentation and developer information: developers.optimizely.com Free trial: optimizely.com/free-trial
A/B Testing for WordPress & Drupal

A/B Testing for WordPress & Drupal

  • 2.
    Matt Stodolnic VP Marketing& Alliances Pantheon Brad Taylor Senior Frontend Engineer Optimizely Matthew Auerbach Developer Evangelist Optimizely
  • 3.
  • 5.
  • 7.
    What is A/BTesting? Comparing two variations of a webpage to see which performs better
  • 8.
    Hypothesis: Attracting moreattention to the SHOP NOW button will increase impressions to the item catalog A B
  • 9.
    Business Objective: Reducecost of free shipping program and deliver better online shopping experience Goal: Encourage visitors to purchase only one instead of multiple sizes Experiment: Target a helpful modal to ‘size-conscious’ shoppers to assist them with finding the correct fit Impact: 80% decrease in return rate for ‘size-conscious’ shoppers Case Study Brooks
  • 10.
  • 11.
  • 12.
    The Optimizely Snippet https://help.optimizely.com/Set_Up_Optimizely/Implement_the_Optimizely_snippet Eachproject has its own project code, called the snippet. Optimizely snippet contents: • Active Experiments / Campaigns* • Draft Experiments / Campaigns* • Project Metrics • Project Audiences • Extensions* • Optimizely execution and tracking logic * Optimizely can be configured to either remove these from the snippet or load them asynchronously.
  • 13.
    Drupal Module Makes iteasy to define which pages to load the Optimizely JS, no native editor functionality. WordPress Install JS snippet directly in the head module Easy Access to A/B Testing
  • 15.
    ● Secure thenecessary tools ● Observe user behavior ● Develop a hypothesis ● Create tests for your hypothesis ● Analyze results
  • 16.
    ● Google Analyticsor other analytics tool (make sure tools are working). ● Optimizely or other easy to use, easy to setup (SaaS/JS include) testing tool. ● Crazy Egg or other user behavior / click tracking tool
  • 17.
    Google Behavior Flow. Whereare people going on our website? Click-path analysis (by URL) Crazy Egg What are people clicking on our website? More visual click-path analysis (by clicks)
  • 18.
  • 19.
  • 22.
    ● New Messagingwill connect with our visitors and more our our visitors will navigate to the tools pages of our website. ● Sign-Ups will increase because we are our value propositions are more aligned to our audience.
  • 24.
    ● A| BTesting Almost anything on your website that affects visitor behavior can be A/B tested. ● Testing Complete Pages like Pantheon did for this test requires more planning for redirection of traffic and measuring multiple changes at once.
  • 28.
    50% - CONTROL50% - VARIATION
  • 29.
    ● Engagement -% of visitors who clicked on any part of the experiment page ● Traffic to new user-specific landing pages - % of visitors who visited any of the three new landing pages ● Developer Registration - % of visitors who registered for a free developer account
  • 30.
  • 33.
    ● New Homepage- A new homepage is both an A/B test and a multivariate test. ● Just Start Testing - Agree with testing purists and move on. Improve the site, create new tests. Improve the site, create new tests.
  • 36.
    • Improve theuser experience • Verify new product features • Drive specific KPIs • Test messaging • Measure algorithm performance • Build a culture of experimentation Why is A/B testing important?
  • 37.
    Working with yourorganization
  • 38.
    Enable Rapid Experimentationby Everyone Built for business users See results in real-time Act with confidence and developers Always-on experimentation
  • 39.
    Experiment across yourorganization and business objectives Marketing Data Science Engineering Operations Product Grow revenue Reduce costs Build brand Maximize Profits Experiment to roll out new features Experiment to optimize your site’s functionality Experiment with user experience to drive engagement Experiment to better understand recommendation algorithms Experiment for lead generation and conversion rate
  • 40.
  • 41.
    1920s Data is expensive Datais slow Practitioners are trained experts 2017 Data is cheap Data is real-time Everyone is a practitioner Back then, stats was hard!
  • 42.
    Before Stats Engine:Lots of work to get valid results To get valid results for a test, you had to follow some rules: ● Set a sample size in advance ● No peeking ● Can’t test too many goals and variations
  • 43.
    After Stats Engine:Always valid results to make decisions in real-time Sequential testing Look at results in real time False discovery rate control Test as many goals and variations as needed = Always valid results with Stats Engine
  • 44.
    Optimizely platform froma dev perspective Experiment SDKs Developer Tools REST API Behavior API Event API Data Export Extensions Web Tools Customer Profiles
  • 45.
    Optimizely X: OperationalizeExperimentation Across the Organization Enable Rapid Experimentation by Everyone Experiment Everywhere on Any Channel and Device Deliver High-Performing Personalized Experiences Optimize Anything that Matters to your Business
  • 47.
    Extensions • Reusable templatesfor making changes in the visual editor. • A developer can build a extension with HTML, CSS, and JavaScript • Customizable fields allow any user to alert the Extension • Pop-up message, banner, countdown timer, etc… • Sample Library
  • 48.
  • 49.
    Get started withexperimentation today! Documentation and developer information: developers.optimizely.com Free trial: optimizely.com/free-trial