A4A Dev Sites: Update copy related to the "create free development si…

…te" CTA and `isFullyManagedAgencySite` setting section (#94412) * Update copy of the `isFullyManagedAgencySite` setting section * Update copy of the "create free development site" CTA * Add linebreak * Update A4A dev site CTA copy
Automattic · Sep 11, 2024 · 477543d · 477543d
1 parent b7ad9ab
commit 477543d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 18 deletions.
diff --git a/client/a8c-for-agencies/components/add-new-site-button/index.tsx b/client/a8c-for-agencies/components/add-new-site-button/index.tsx
@@ -207,13 +207,13 @@ export default function AddNewSiteButton( {
 			{ devSitesEnabled && (
 				<div className="site-selector-and-importer__popover-column">
 					{ menuItem( {
-						icon: <img src={ devSiteBanner } alt="WordPress.com Development Site" />,
-						heading: translate( 'WordPress.com Development Site' ),
+						icon: <img src={ devSiteBanner } alt="Start Building for Free" />,
+						heading: translate( 'Start Building for Free' ),
 						description: translate(
-							'Try our hosting for free indefinitely.{{br/}}Only pay when you launch.',
+							'Develop up to 5 WordPress.com sites at{{nbsp/}}once with free development licenses.{{br/}}Only pay when you launch!',
 							{
-								components: { br: <br /> },
-								comment: 'br is a line break',
+								components: { br: <br />, nbsp: <>&nbsp;</> },
+								comment: 'br is a line break, nbsp is a non-breaking space character',
 							}
 						),
 						disabled: ! hasAvailableDevSites,
@@ -237,17 +237,12 @@ export default function AddNewSiteButton( {
 						extraContent: (
 							<div>
 								<div className="site-selector-and-importer__popover-site-count">
-									{ translate(
-										'%(pendingSites)d site available',
-										'%(pendingSites)d sites available',
-										{
-											args: {
-												pendingSites: availableDevSites,
-											},
-											count: availableDevSites,
-											comment: '%(pendingSites)s is the number of sites available.',
-										}
-									) }
+									{ translate( '%(pendingSites)d of 5 free licenses available', {
+										args: {
+											pendingSites: availableDevSites,
+										},
+										comment: '%(pendingSites)s is the number of free licenses available.',
+									} ) }
 								</div>
 								<div
 									className={ clsx( 'site-selector-and-importer__popover-development-site-cta', {

diff --git a/client/my-sites/site-settings/a4a-fully-managed-site-setting.tsx b/client/my-sites/site-settings/a4a-fully-managed-site-setting.tsx
@@ -60,7 +60,7 @@ export function A4AFullyManagedSiteSetting( {
 	return (
 		<div className="site-settings__a4a-fully-managed-container">
 			<SettingsSectionHeader
-				title={ translate( 'Help Center and hosting features visibility' ) }
+				title={ translate( 'Agency settings' ) }
 				id="site-settings__a4a-fully-managed-header"
 				disabled={ disabled }
 				isSaving={ isSaving }
@@ -71,7 +71,7 @@ export function A4AFullyManagedSiteSetting( {
 				{ isDevSite ? (
 					<p className="form-setting-explanation">
 						{ translate(
-							"Clients can't access the {{HcLink}}WordPress.com Help Center{{/HcLink}} or {{HfLink}}hosting features{{/HfLink}} on development sites. Once the site is launched, enable access in Site Settings.",
+							"Clients can't access the {{HcLink}}WordPress.com Help Center{{/HcLink}} or {{HfLink}}hosting features{{/HfLink}} on development sites. You may configure access after the site is launched.",
 							{
 								components: translationComponents,
 							}