Update WooPay theme checkbox copy in settings page (#9843)

Automattic · Dec 4, 2024 · 0d80007 · 0d80007
1 parent 60cd891
commit 0d80007
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/changelog/fix-change-woopay-theming-settings-copy b/changelog/fix-change-woopay-theming-settings-copy
@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+WooPay theming copy in the settings page
diff --git a/client/settings/express-checkout-settings/woopay-settings.js b/client/settings/express-checkout-settings/woopay-settings.js
@@ -213,7 +213,7 @@ const WooPaySettings = ( { section } ) => {
 						<div className="woopay-global-theme-support">
 							<h4>
 								{ __(
-									'WooPay Global Theme Support',
+									'Checkout theme',
 									'woocommerce-payments'
 								) }
 							</h4>
@@ -227,9 +227,27 @@ const WooPaySettings = ( { section } ) => {
 										updateIsWooPayGlobalThemeSupportEnabled
 									}
 									label={ __(
-										'Enable WooPay Global Theme Support',
+										'Enable global theme support',
 										'woocommerce-payments'
 									) }
+									help={ interpolateComponents( {
+										mixedString: __(
+											'When enabled, WooPay checkout will be themed with your store’s brand colors and fonts. ' +
+												'{{docs}}Learn more {{/docs}}',
+											'woocommerce-payments'
+										),
+										components: {
+											docs: (
+												/* eslint-disable-next-line jsx-a11y/anchor-has-content */
+												<a
+													target="_blank"
+													rel="noreferrer"
+													// eslint-disable-next-line max-len
+													href="https://woocommerce.com/document/woopay-merchant-documentation/#checkout-appearance"
+												/>
+											),
+										},
+									} ) }
 								/>
 							</div>
 						</div>