Adds copy adjustments for the new Pro plan

client/lib/plans/features-list.js

@@ -1440,7 +1440,7 @@ export const FEATURES_LIST = {
 	},
 	/* END - Jetpack tiered product-specific features */
 
-	/* START - New features Flexible and Managed plans introduced. */
+	/* START - New features Flexible and Pro plans introduced. */
 	[ FEATURE_UNLIMITED_USERS ]: {
 		getSlug: () => FEATURE_UNLIMITED_USERS,
 		getTitle: () => i18n.translate( 'Unlimited users' ),
@@ -1477,7 +1477,7 @@ export const FEATURES_LIST = {
 		getSlug: () => FEATURE_WOOCOMMERCE,
 		getTitle: () => i18n.translate( 'WooCommerce' ),
 	},
-	/* END - New features Flexible and Managed plans introduced. */
+	/* END - New features Flexible and Pro plans introduced. */
 };
 
 export const getPlanFeaturesObject = ( planFeaturesList ) => {

client/my-sites/plans-comparison/plans-comparison-action.tsx

@@ -1,5 +1,5 @@
 import { recordTracksEvent } from '@automattic/calypso-analytics';
-import { TYPE_FREE, TYPE_FLEXIBLE } from '@automattic/calypso-products';
+import { TYPE_FREE, TYPE_FLEXIBLE, PLAN_WPCOM_PRO } from '@automattic/calypso-products';
 import { Button } from '@automattic/components';
 import classNames from 'classnames';
 import { useTranslate } from 'i18n-calypso';
@@ -23,12 +23,15 @@ interface Props {
 type TranslateFunc = ReturnType< typeof useTranslate >;
 
 function getButtonText( props: Partial< Props >, translate: TranslateFunc ): TranslateResult {
-	const { isCurrentPlan, isInSignup, plan } = props;
+	const { isCurrentPlan, plan } = props;
 
-	if ( isInSignup ) {
-		return translate( 'Start with %(plan)s', {
+	const planTitle = plan?.getTitle();
+	const planSlug = plan?.getStoreSlug();
+
+	if ( planSlug === PLAN_WPCOM_PRO ) {
+		return translate( 'Try %(plan)s risk-free', {
 			args: {
-				plan: plan?.getTitle(),
+				plan: planTitle,
 			},
 		} );
 	}
@@ -37,11 +40,10 @@ function getButtonText( props: Partial< Props >, translate: TranslateFunc ): Tra
 		return props.canPurchase ? translate( 'Manage plan' ) : translate( 'View plan' );
 	}
 
-	return translate( 'Select %(plan)s', {
+	return translate( 'Start with %(plan)s', {
 		args: {
-			plan: plan?.getTitle(),
+			plan: planTitle,
 		},
-		comment: 'Button to select a paid plan by plan name, e.g., "Select Managed"',
 	} );
 }
 

client/my-sites/plans-comparison/plans-comparison-features.tsx

@@ -156,9 +156,9 @@ export const planComparisonFeatures: PlanComparisonFeature[] = [
 		},
 	},
 	{
-		title: translate( 'Storage space' ),
+		title: translate( 'Storage' ),
 		description: translate(
-			'The free plan allows a maximum storage of 500MB, which equals to approximately 100 high quality images, whilst with Managed WordPress you may go all the way up to 50GB, enough space for 10,000 high quality images of the same size.'
+			'The free plan allows a maximum storage of 500MB, which equals to approximately 100 high quality images, whilst with Pro you may go all the way up to 50GB, enough space for 10,000 high quality images of the same size.'
 		),
 		features: [ FEATURE_500MB_STORAGE, FEATURE_50GB_STORAGE ],
 		getCellText: ( feature, isMobile = false ) => {
@@ -191,7 +191,7 @@ export const planComparisonFeatures: PlanComparisonFeature[] = [
 	{
 		title: translate( 'Visits per month' ),
 		description: translate(
-			"WordPress Managed bundles up to 100,000 visits a month to help you rest assured traffic won't be a concern."
+			"WordPress Pro bundles up to 100,000 visits a month to help you rest assured traffic won't be a concern."
 		),
 		features: [ FEATURE_10K_VISITS, FEATURE_100K_VISITS ],
 		getCellText: ( feature, isMobile = false ) => {

client/signup/steps/plans/index.jsx

@@ -278,7 +278,7 @@ export class PlansStep extends Component {
 		const { headerText, translate, eligibleForProPlan } = this.props;
 
 		if ( eligibleForProPlan ) {
-			return translate( 'Managed WordPress made just for you' );
+			return translate( 'WordPress Pro made just for you' );
 		}
 
 		if ( this.state.isDesktop ) {

packages/calypso-products/src/constants/wpcom.ts

@@ -31,7 +31,7 @@ export const PLAN_VIP = 'vip';
 export const PLAN_P2_PLUS = 'wp_p2_plus_monthly';
 export const PLAN_P2_FREE = 'p2_free_plan'; // Not a real plan; it's a renamed WP.com Free for the P2 project.
 export const PLAN_WPCOM_FLEXIBLE = 'wpcom-flexible'; // Not a real plan; it's a renamed WP.com Free for the plans overhaul.
-export const PLAN_WPCOM_PRO = 'pro-bundle';
+export const PLAN_WPCOM_PRO = 'pro-plan';
 
 export const WPCOM_PLANS = <const>[
 	PLAN_BUSINESS_MONTHLY,

packages/calypso-products/src/plans-list.tsx

@@ -1581,10 +1581,10 @@ PLANS_LIST[ PLAN_WPCOM_FLEXIBLE ] = {
 	...PLANS_LIST[ PLAN_FREE ],
 	group: GROUP_WPCOM,
 	type: TYPE_FLEXIBLE,
-	getBillingTimeFrame: WPComGetBillingTimeframe,
+	getBillingTimeFrame: () => i18n.translate( 'upgrade when you need' ),
 	getDescription: () =>
 		i18n.translate(
-			'Start your free WordPress.com website. Limited functionalities, storage and visits.'
+			'Start your free WordPress.com website. Limited functionality, storage and visits.'
 		),
 	getPlanCompareFeatures: () => [
 		FEATURE_10K_VISITS,
@@ -1598,13 +1598,13 @@ PLANS_LIST[ PLAN_WPCOM_PRO ] = {
 	group: GROUP_WPCOM,
 	type: TYPE_PRO,
 	term: TERM_ANNUALLY,
-	getTitle: () => i18n.translate( 'WordPress Pro' ),
+	getTitle: () => i18n.translate( 'Pro' ),
 	getProductId: () => 1032,
 	getStoreSlug: () => PLAN_WPCOM_PRO,
 	getPathSlug: () => 'pro',
 	getDescription: () =>
 		i18n.translate( 'Enjoy the classic WordPress.com experience using plugins and much more.' ),
-	getBillingTimeFrame: WPComGetBillingTimeframe,
+	getBillingTimeFrame: () => i18n.translate( 'per month, billed yearly' ),
 	getPlanCompareFeatures: () => [
 		FEATURE_ADDITIONAL_SITES,
 		FEATURE_100K_VISITS,

packages/components/src/product-icon/config.ts

@@ -76,7 +76,7 @@ export type SupportedSlugs =
 	| 'business-bundle'
 	| 'business-bundle-2y'
 	| 'business-bundle-monthly'
-	| 'pro-bundle'
+	| 'pro-plan'
 	| 'jetpack_free'
 	| 'jetpack_personal'
 	| 'jetpack_personal_monthly'
@@ -166,7 +166,7 @@ export const iconToProductSlugMap: Record< keyof typeof paths, readonly Supporte
 		'value_bundle-2y',
 		'value_bundle-monthly',
 		'value_bundle_monthly',
-		'pro-bundle',
+		'pro-plan',
 	],
 	'wpcom-ecommerce': [ 'ecommerce-bundle', 'ecommerce-bundle-2y', 'ecommerce-bundle-monthly' ],
 	'wpcom-business': [ 'business-bundle', 'business-bundle-2y', 'business-bundle-monthly' ],