diff --git a/projects/plugins/jetpack/changelog/add-seo-link-help-center b/projects/plugins/jetpack/changelog/add-seo-link-help-center new file mode 100644 index 0000000000000..c1e4a32da4b2b --- /dev/null +++ b/projects/plugins/jetpack/changelog/add-seo-link-help-center @@ -0,0 +1,4 @@ +Significance: patch +Type: other + +Open SEO upsell post in help center diff --git a/projects/plugins/jetpack/extensions/plugins/seo/components/upsell.js b/projects/plugins/jetpack/extensions/plugins/seo/components/upsell.js index 5abbf09ede8c6..e7a972c1b3cf0 100644 --- a/projects/plugins/jetpack/extensions/plugins/seo/components/upsell.js +++ b/projects/plugins/jetpack/extensions/plugins/seo/components/upsell.js @@ -1,5 +1,6 @@ import { useAnalytics } from '@automattic/jetpack-shared-extension-utils'; import { Button, ExternalLink } from '@wordpress/components'; +import { useDispatch } from '@wordpress/data'; import { __, sprintf } from '@wordpress/i18n'; import { external } from '@wordpress/icons'; import clsx from 'clsx'; @@ -15,6 +16,7 @@ const UpsellNotice = ( { requiredPlan } ) => { const buttonText = __( 'Upgrade now', 'jetpack' ); const supportUrl = 'https://wordpress.com/support/seo-tools/'; + const supportLinkTitle = __( 'Learn more about the SEO feature.', 'jetpack' ); const onClickHandler = event => { event.preventDefault(); @@ -22,6 +24,10 @@ const UpsellNotice = ( { requiredPlan } ) => { goToCheckoutPage( event ); }; + const helpCenterDispatch = useDispatch( 'automattic/help-center' ); + const setShowHelpCenter = helpCenterDispatch?.setShowHelpCenter; + const setShowSupportDoc = helpCenterDispatch?.setShowSupportDoc; + return ( <>
@@ -33,9 +39,20 @@ const UpsellNotice = ( { requiredPlan } ) => {
- - { __( 'Learn more about SEO feature.', 'jetpack' ) } - + { setShowHelpCenter ? ( + + ) : ( + { supportLinkTitle } + ) }