From d73cb499206e195f621449cb1fd7c633e6ce3f8c Mon Sep 17 00:00:00 2001 From: Brie Anne Demkiw Date: Wed, 2 Mar 2016 09:05:38 -0800 Subject: [PATCH 1/6] Domain Search: Add a/b test for the placeholder text in the domains search field. --- client/components/domains/register-domain-step/index.jsx | 8 +++++++- client/lib/abtest/active-tests.js | 9 ++++++++- 2 files changed, 15 insertions(+), 2 deletions(-) diff --git a/client/components/domains/register-domain-step/index.jsx b/client/components/domains/register-domain-step/index.jsx index 01493958080fe..ecc0f39f27449 100644 --- a/client/components/domains/register-domain-step/index.jsx +++ b/client/components/domains/register-domain-step/index.jsx @@ -166,6 +166,12 @@ var RegisterDomainStep = React.createClass( { }, searchForm: function() { + var placeholderText = this.translate( 'Enter a domain or keyword', { textOnly: true } ); + + if ( abtest( 'domainSearchPlaceholderText' ) === 'searchForADomain' ) { + placeholderText = this.translate( 'Search for a domain', { textOnly: true } ); + } + return (
Date: Wed, 2 Mar 2016 09:07:29 -0800 Subject: [PATCH 2/6] Domain Search: Update placeholder a/b test start date. --- client/lib/abtest/active-tests.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/lib/abtest/active-tests.js b/client/lib/abtest/active-tests.js index 4a589de701435..6f84bc7f68750 100644 --- a/client/lib/abtest/active-tests.js +++ b/client/lib/abtest/active-tests.js @@ -80,7 +80,7 @@ module.exports = { excludeSitesWithPaidPlan: true }, domainSearchPlaceholderText: { - datestamp: '20000302', + datestamp: '20160302', variations: { original: 50, searchForADomain: 50 From 97a6b2ff6ed468d9ba9e5f6ca41b1cfb4163900d Mon Sep 17 00:00:00 2001 From: Brie Anne Demkiw Date: Wed, 2 Mar 2016 10:27:50 -0800 Subject: [PATCH 3/6] Domain Search: Remove unnecessary textOnly parameters. --- client/components/domains/register-domain-step/index.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/client/components/domains/register-domain-step/index.jsx b/client/components/domains/register-domain-step/index.jsx index ecc0f39f27449..33410b69831cd 100644 --- a/client/components/domains/register-domain-step/index.jsx +++ b/client/components/domains/register-domain-step/index.jsx @@ -166,10 +166,10 @@ var RegisterDomainStep = React.createClass( { }, searchForm: function() { - var placeholderText = this.translate( 'Enter a domain or keyword', { textOnly: true } ); + var placeholderText = this.translate( 'Enter a domain or keyword' ); if ( abtest( 'domainSearchPlaceholderText' ) === 'searchForADomain' ) { - placeholderText = this.translate( 'Search for a domain', { textOnly: true } ); + placeholderText = this.translate( 'Search for a domain' ); } return ( From b3c7fe07550faec91138f0748a5b70f78715eb9a Mon Sep 17 00:00:00 2001 From: Brie Anne Demkiw Date: Wed, 2 Mar 2016 16:55:32 -0800 Subject: [PATCH 4/6] Domain Search: Add domain examples to a/b test and limit to non-signup domain searches. --- .../domains/register-domain-step/index.jsx | 12 ++++++++++-- .../domains/register-domain-step/style.scss | 7 +++++++ client/signup/steps/domains/index.jsx | 3 ++- 3 files changed, 19 insertions(+), 3 deletions(-) diff --git a/client/components/domains/register-domain-step/index.jsx b/client/components/domains/register-domain-step/index.jsx index 33410b69831cd..2cc3f73324f37 100644 --- a/client/components/domains/register-domain-step/index.jsx +++ b/client/components/domains/register-domain-step/index.jsx @@ -166,10 +166,17 @@ var RegisterDomainStep = React.createClass( { }, searchForm: function() { - var placeholderText = this.translate( 'Enter a domain or keyword' ); + var placeholderText = this.translate( 'Enter a domain or keyword' ), + exampleDomains = ''; - if ( abtest( 'domainSearchPlaceholderText' ) === 'searchForADomain' ) { + if ( ! this.props.isInSigup && abtest( 'domainSearchPlaceholderText' ) === 'searchForADomain' ) { placeholderText = this.translate( 'Search for a domain' ); + + exampleDomains = ( +
+ { this.translate( 'Example' ) }: example.com, example.net +
+ ); } return ( @@ -186,6 +193,7 @@ var RegisterDomainStep = React.createClass( { delaySearch={ true } delayTimeout={ 2000 } /> + { exampleDomains }
); }, diff --git a/client/components/domains/register-domain-step/style.scss b/client/components/domains/register-domain-step/style.scss index 87bb87c1fde91..97303b8a11191 100644 --- a/client/components/domains/register-domain-step/style.scss +++ b/client/components/domains/register-domain-step/style.scss @@ -26,6 +26,13 @@ } } +.register-domain-step__search-examples { + color: $gray; + font-size: 13px; + font-style: italic; + margin: 8px 0 0 0; +} + @keyframes shake { 0%, 100% { transform: translate3d( 0, 0, 0 ); diff --git a/client/signup/steps/domains/index.jsx b/client/signup/steps/domains/index.jsx index b7fab64264647..aa24ef67b818b 100644 --- a/client/signup/steps/domains/index.jsx +++ b/client/signup/steps/domains/index.jsx @@ -163,7 +163,8 @@ module.exports = React.createClass( { offerMappingOption analyticsSection="signup" includeWordPressDotCom - showExampleSuggestions /> + showExampleSuggestions + isInSigup /> ); }, From 90994842807d7fd4fe031946f68e5c94c8b80c63 Mon Sep 17 00:00:00 2001 From: Brie Anne Demkiw Date: Wed, 2 Mar 2016 19:52:01 -0800 Subject: [PATCH 5/6] Domain Search: Update example copy for search field a/b test. --- client/components/domains/register-domain-step/index.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/components/domains/register-domain-step/index.jsx b/client/components/domains/register-domain-step/index.jsx index 2cc3f73324f37..9743894a06dab 100644 --- a/client/components/domains/register-domain-step/index.jsx +++ b/client/components/domains/register-domain-step/index.jsx @@ -174,7 +174,7 @@ var RegisterDomainStep = React.createClass( { exampleDomains = (
- { this.translate( 'Example' ) }: example.com, example.net + { this.translate( 'e.g.' ) } example.com, example.net
); } From e19014de1a7c0fa8001645025518f8504a98422c Mon Sep 17 00:00:00 2001 From: Brie Anne Demkiw Date: Thu, 3 Mar 2016 14:58:25 -0800 Subject: [PATCH 6/6] Domain Search: Remove unnecessary translation and update test start date. --- client/components/domains/register-domain-step/index.jsx | 4 ++-- client/lib/abtest/active-tests.js | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/client/components/domains/register-domain-step/index.jsx b/client/components/domains/register-domain-step/index.jsx index 9743894a06dab..6c86892cbc112 100644 --- a/client/components/domains/register-domain-step/index.jsx +++ b/client/components/domains/register-domain-step/index.jsx @@ -170,11 +170,11 @@ var RegisterDomainStep = React.createClass( { exampleDomains = ''; if ( ! this.props.isInSigup && abtest( 'domainSearchPlaceholderText' ) === 'searchForADomain' ) { - placeholderText = this.translate( 'Search for a domain' ); + placeholderText = 'Search for a domain'; exampleDomains = (
- { this.translate( 'e.g.' ) } example.com, example.net + e.g. example.com, example.net
); } diff --git a/client/lib/abtest/active-tests.js b/client/lib/abtest/active-tests.js index 6f84bc7f68750..707614e65b373 100644 --- a/client/lib/abtest/active-tests.js +++ b/client/lib/abtest/active-tests.js @@ -80,7 +80,7 @@ module.exports = { excludeSitesWithPaidPlan: true }, domainSearchPlaceholderText: { - datestamp: '20160302', + datestamp: '20160304', variations: { original: 50, searchForADomain: 50