Pricing page i5: update copy #47389

monsieur-z · 2020-11-12T20:01:40Z

Changes proposed in this Pull Request

This PR updates the copy of pricing page i5.

Fixes 1196341175636977-as-1199149328812578

Implementation notes

Iteration checks are not ideal, it's gonna be dealt with later in another PR
Case of features is not consistent in the mockups, don't mind it
Don't check the FAQ
First feature in Anti-spam should probably be "Always-on spam protection" to match the feature in Security Daily

Testing instructions

Download the PR or visit the Calypso live link
Run Calypso or Jetpack cloud
Make sure you selected variant i5 of a/b test jetpackConversionRateOptimization
Select a self-hosted Jetpack site
Visit the pricing page
Check that the copy matches the mockups (link attached in task). Specifically:
- Check the titles of the plans and products cards
- Check that Search has been replaced by Site Search everywhere
- Check the features lists

matticbot · 2020-11-12T20:01:41Z

Test live: https://calypso.live/?branch=improve/pricing-page-i5-update-copy

a8ci18n · 2020-11-12T20:10:28Z

client/my-sites/plans-v2/constants.ts

+					em: createElement( 'em' ),
+				},
+			} ),
+			i5: translate( 'CRM Entrepreneur' ),


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 18 times:
translate( 'CRM: Entrepreneur bundle' ) ES Score: 10
See 1 additional suggestions in the PR translation status page

matticbot · 2020-11-12T20:16:24Z

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~80 bytes added 📈 [gzipped])

name        parsed_size           gzip_size
entry-main       +358 B  (+0.0%)      +80 B  (+0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~4056 bytes added 📈 [gzipped])

name                   parsed_size           gzip_size
jetpack-cloud-pricing      +1208 B  (+0.3%)     +264 B  (+0.3%)
settings-performance       +1200 B  (+0.3%)     +257 B  (+0.2%)
purchase-product           +1200 B  (+0.5%)     +257 B  (+0.4%)
plans                      +1200 B  (+0.1%)     +257 B  (+0.1%)
marketing                  +1200 B  (+0.2%)     +257 B  (+0.2%)
jetpack-connect            +1200 B  (+0.1%)     +257 B  (+0.1%)
activity                   +1200 B  (+0.2%)     +257 B  (+0.2%)
checkout                   +1130 B  (+0.1%)     +236 B  (+0.1%)
woocommerce                 +583 B  (+0.0%)     +106 B  (+0.0%)
themes                      +583 B  (+0.1%)     +106 B  (+0.1%)
theme                       +583 B  (+0.2%)     +106 B  (+0.1%)
site-purchases              +583 B  (+0.1%)     +106 B  (+0.1%)
signup                      +583 B  (+0.1%)     +106 B  (+0.1%)
settings-writing            +583 B  (+0.1%)     +106 B  (+0.1%)
settings-security           +583 B  (+0.2%)     +106 B  (+0.1%)
settings-jetpack            +583 B  (+0.2%)     +106 B  (+0.2%)
settings-discussion         +583 B  (+0.2%)     +106 B  (+0.2%)
settings                    +583 B  (+0.1%)     +106 B  (+0.1%)
purchases                   +583 B  (+0.1%)     +106 B  (+0.0%)
home                        +583 B  (+0.1%)     +106 B  (+0.1%)
help                        +583 B  (+0.1%)     +106 B  (+0.1%)
export                      +583 B  (+0.3%)     +106 B  (+0.2%)
email                       +583 B  (+0.2%)     +106 B  (+0.1%)
domains                     +583 B  (+0.0%)     +106 B  (+0.0%)
customize                   +583 B  (+0.3%)     +106 B  (+0.2%)
account-close               +583 B  (+0.2%)     +106 B  (+0.1%)
accept-invite               +583 B  (+0.1%)     +106 B  (+0.1%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~1003 bytes added 📈 [gzipped])

name                                                              parsed_size           gzip_size
async-load-calypso-blocks-editor-checkout-modal                       +1130 B  (+0.1%)     +237 B  (+0.1%)
async-load-design-blocks                                               +583 B  (+0.0%)      +96 B  (+0.0%)
async-load-design                                                      +583 B  (+0.0%)     +106 B  (+0.0%)
async-load-calypso-my-sites-current-site-stale-cart-items-notice       +583 B  (+0.7%)     +106 B  (+0.4%)
async-load-calypso-blocks-inline-help-popover                          +583 B  (+0.2%)     +106 B  (+0.1%)
async-load-signup-steps-plans-atomic-store                             +547 B  (+0.4%)     +131 B  (+0.4%)
async-load-signup-steps-plans                                          +547 B  (+0.2%)     +131 B  (+0.2%)
async-load-calypso-blocks-inline-help                                  +358 B  (+0.2%)      +90 B  (+0.2%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

a8ci18n · 2020-11-12T20:34:01Z

client/jetpack-cloud/sections/pricing/header/index.tsx

@@ -30,7 +30,9 @@ const Header: React.FC = () => {
 		{
 			[ Iterations.V1 ]: translate( 'Security, performance, and growth tools for WordPress' ),
 			[ Iterations.V2 ]: translate( 'Security, performance, and growth tools for WordPress' ),
-			[ Iterations.I5 ]: translate( 'Security, performance, and growth tools for WordPress' ),
+			[ Iterations.I5 ]: translate(
+				'Security, performance, and marketing tools made for WordPress'


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 19 times:
translate( 'Security, performance, and marketing tools for WordPress' ) ES Score: 8
See 1 additional suggestions in the PR translation status page

a8ci18n · 2020-11-12T21:28:34Z

client/lib/plans/features-list.js

+						strong: <strong />,
+					},
+				} ),
+				i5: i18n.translate( 'Backup Daily (off-site)' ),


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 25 times:
translate( 'Daily Off-site Backups' ) ES Score: 9

a8ci18n · 2020-11-12T21:28:34Z

client/lib/plans/features-list.js

+					},
+					comment: '{{nbh}} represents a non breakable hyphen',
+				} ),
+				i5: i18n.translate( 'Backup Real-time (off-site)' ),


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 25 times:
translate( 'Real-time Off-site Backups' ) ES Score: 9

a8ci18n · 2020-11-12T21:28:35Z

client/lib/plans/features-list.js

@@ -1204,11 +1208,14 @@ export const FEATURES_LIST = {
 		getSlug: () => constants.FEATURE_PRODUCT_SCAN_DAILY_V2,
 		getIcon: () => ( { icon: 'security', component: MaterialIcon } ),
 		getTitle: () =>
+			( {
+				i5: i18n.translate( 'Scan Daily (automated)' ),


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 7 times:
translate( 'Daily, automated malware scanning' ) ES Score: 8
See 1 additional suggestions in the PR translation status page

a8ci18n · 2020-11-12T21:28:36Z

client/lib/plans/features-list.js

@@ -1229,11 +1236,14 @@ export const FEATURES_LIST = {
 		getSlug: () => constants.FEATURE_PRODUCT_SCAN_REALTIME_V2,
 		getIcon: () => ( { icon: 'security', component: MaterialIcon } ),
 		getTitle: () =>
+			( {
+				i5: i18n.translate( 'Real-time Scan (automated)' ),


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 19 times:
translate( 'Automated real-time scanning' ) ES Score: 10

a8ci18n · 2020-11-12T21:28:36Z

client/lib/plans/features-list.js

+						strong: <strong />,
+					},
+				} ),
+				i5: i18n.translate( 'Site Search: up to 100k records' ),


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 18 times:
translate( 'Search: up to 100k records' ) ES Score: 11
See 1 additional suggestions in the PR translation status page

a8ci18n · 2020-11-12T21:28:37Z

client/lib/plans/plans-list.js

+				'Get next level protection. Includes all essential security tools, but with on-demand scan, real time backup & more.'
+			),
+			i5: translate(
+				'Get next-level protection with real-time backups, real-time scan and all essential security tools.'


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 17 times:
translate( 'Get next level protection. Includes all essential security tools, but with on-demand scan, real time backup & more.' ) ES Score: 8

a8ci18n · 2020-11-12T21:42:07Z

client/lib/plans/features-list.js

-		getTitle: () => i18n.translate( 'Automated real-time site backups' ),
+		getTitle: () =>
+			( {
+				i5: i18n.translate( 'Automated real-time backups' ),


🆗 This change will be queued for retranslation. We'll use the existing translations in the meantime.

a8ci18n · 2020-11-12T21:42:08Z

client/lib/plans/features-list.js

-		getTitle: () => i18n.translate( 'One-click restores from desktop or mobile' ),
+		getTitle: () =>
+			( {
+				i5: i18n.translate( 'One-click restores' ),


ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 18 times:
translate( 'Automated one-click restores' ) ES Score: 9
See 1 additional suggestions in the PR translation status page

elliottprogrammer

Awesome, this looks good @monsieur-z. Just one comment.
LGTM! 👍

elliottprogrammer · 2020-11-13T16:59:13Z

client/lib/products-values/translations.js

 		'Automatic scanning and one-click fixes keep your site one step ahead of security threats.'
 	);


I'm not sure how important this is or if it's worth a new translation, but in the Figma mockup, for Scan product, this says, "... one step ahead of security threats and malware. (missing "and malware")

Good catch, thanks!

a8ci18n · 2020-11-13T20:12:06Z

client/lib/products-values/translations.js

-	);
-	const antiSpamDescription = translate(
-		'Automated spam protection for comments and forms. Save time, get more responses, and give your visitors a better experience.'
+		'Automatic scanning and one-click fixes keep your site one step ahead of security threats and malware.'


⚠️ This change will be queued for retranslation. We'll display the English text until then.
ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 6 times:
translate( 'Stay one step ahead of security threats with automated malware scanning and one-click fixes.' ) ES Score: 7

a8ci18n · 2020-11-13T21:16:50Z

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/5181768

Hi @monsieur-z, could you please edit the description of this PR and add a screenshot for our translators? Ideally it'd include all of the following strings:

Security, performance, and marketing tools made for WordPress
Automated real-time backups
Backup Daily (off-site)
Backup Real-time (off-site)
Scan Daily (automated)
Real-time Scan (automated)
Always-on spam protection
Site Search: up to 100k records
One-click restores
Get next-level protection with real-time backups, real-time scan and all essential security tools.
Site Search
Get Site Search
Never lose a word, image, page, or time worrying about your site with automated backups & one-click restores.
Help your site visitors find answers instantly so they keep reading and buying. Great for sites with a lot of content.
Automatic scanning and one-click fixes keep your site one step ahead of security threats and malware.
Save time, get more responses, and give your visitors a better experience, by automatically blocking spam.
CRM Entrepreneur

Thank you in advance!

a8ci18n · 2020-11-20T12:28:18Z

Translation for this Pull Request has now been finished.

Pricing page i5: rename products

a5d309a

monsieur-z added Jetpack [Feature] Plans & Upgrades All of the plans on WordPress.com and flow for upgrading plans. Jetpack Cloud Anything related to the Jetpack Cloud (cloud.jetpack.com) labels Nov 12, 2020

a8ci18n reviewed Nov 12, 2020

View reviewed changes

Pricing page i5: rename Site Search card call-to-action

c57071f

Pricing page i5: update Jetpack cloud masthead copy

ab94eef

a8ci18n reviewed Nov 12, 2020

View reviewed changes

Pricing page i5: update copy for plan cards

e77caba

a8ci18n reviewed Nov 12, 2020

View reviewed changes

Pricing page i5: update product cards copy

724d3fa

monsieur-z marked this pull request as ready for review November 12, 2020 21:39

a8ci18n reviewed Nov 12, 2020

View reviewed changes

monsieur-z requested a review from a team November 13, 2020 14:22

matticbot added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Nov 13, 2020

elliottprogrammer approved these changes Nov 13, 2020

View reviewed changes

Pricing page i5: update Scan description

40f5fa5

a8ci18n reviewed Nov 13, 2020

View reviewed changes

monsieur-z merged commit 2263208 into master Nov 13, 2020

monsieur-z deleted the improve/pricing-page-i5-update-copy branch November 13, 2020 20:24

matticbot removed the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Nov 13, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Pricing page i5: update copy #47389

Pricing page i5: update copy #47389

monsieur-z commented Nov 12, 2020 •

edited

matticbot commented Nov 12, 2020

a8ci18n Nov 12, 2020

matticbot commented Nov 12, 2020 •

edited

a8ci18n Nov 12, 2020

a8ci18n Nov 12, 2020

a8ci18n Nov 12, 2020

a8ci18n Nov 12, 2020

a8ci18n Nov 12, 2020

a8ci18n Nov 12, 2020

a8ci18n Nov 12, 2020

a8ci18n Nov 12, 2020

a8ci18n Nov 12, 2020

elliottprogrammer left a comment

elliottprogrammer Nov 13, 2020 •

edited

monsieur-z Nov 13, 2020

a8ci18n Nov 13, 2020

a8ci18n commented Nov 13, 2020 •

edited

a8ci18n commented Nov 20, 2020

		'Automatic scanning and one-click fixes keep your site one step ahead of security threats.'
		);

Pricing page i5: update copy #47389

Pricing page i5: update copy #47389

Conversation

monsieur-z commented Nov 12, 2020 • edited

Changes proposed in this Pull Request

Implementation notes

Testing instructions

matticbot commented Nov 12, 2020

Choose a reason for hiding this comment

matticbot commented Nov 12, 2020 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

elliottprogrammer left a comment

Choose a reason for hiding this comment

elliottprogrammer Nov 13, 2020 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

a8ci18n commented Nov 13, 2020 • edited

a8ci18n commented Nov 20, 2020

monsieur-z commented Nov 12, 2020 •

edited

matticbot commented Nov 12, 2020 •

edited

elliottprogrammer Nov 13, 2020 •

edited

a8ci18n commented Nov 13, 2020 •

edited