diff --git a/projects/plugins/jetpack/_inc/client/newsletter/email-settings.jsx b/projects/plugins/jetpack/_inc/client/newsletter/email-settings.jsx index 2cdde7d4fa56e..b1287f70c6cd8 100644 --- a/projects/plugins/jetpack/_inc/client/newsletter/email-settings.jsx +++ b/projects/plugins/jetpack/_inc/client/newsletter/email-settings.jsx @@ -360,8 +360,19 @@ const EmailSettings = props => { disableInSiteConnectionMode module={ subscriptionsModule } className="newsletter-group" + support={ { + link: getRedirectUrl( 'jetpack-support-subscriptions', { + anchor: 'reply-to-email-address', + } ), + text: __( + "Sets the reply to email address for your newsletter emails. It's the email where subscribers send their replies.", + 'jetpack' + ), + } } > - { __( 'Sender name', 'jetpack' ) } + + { __( 'Sender name and reply-to settings', 'jetpack' ) } +

{ __( "This is the name that appears in subscribers' inboxes. It's usually the name of your newsletter or the author.", @@ -387,35 +398,8 @@ const EmailSettings = props => { { __( 'Save', 'jetpack' ) } - - { sprintf( - /* translators: 1. placeholder is the user entered value for From Name, 2. is the example email */ - __( 'Example: %1$s <%2$s>', 'jetpack' ), - fromNameState.value || siteName, - getExampleEmail( subscriptionReplyTo ) - ) } - - - - - { __( 'Reply-to email', 'jetpack' ) } - -

+

{ __( 'Choose who receives emails when subscribers reply to your newsletter.', 'jetpack' @@ -453,6 +437,16 @@ const EmailSettings = props => { ] } onChange={ handleSubscriptionReplyToChange } /> + + + { sprintf( + /* translators: 1. Site name or user entered replacement value 2. is the example email */ + __( 'Preview: %1$s <%2$s>', 'jetpack' ), + fromNameState.value || siteName, + getExampleEmail( subscriptionReplyTo ) + ) } + + ); diff --git a/projects/plugins/jetpack/_inc/client/newsletter/style.scss b/projects/plugins/jetpack/_inc/client/newsletter/style.scss index 4d1edaf7cdafa..57d5e34bdf826 100644 --- a/projects/plugins/jetpack/_inc/client/newsletter/style.scss +++ b/projects/plugins/jetpack/_inc/client/newsletter/style.scss @@ -68,7 +68,6 @@ .sender-name-example { font-size: var(--font-body-small); - color: var(--jp-gray-20); margin-top: 8px; } @@ -123,9 +122,11 @@ position: relative; margin-right: -48px; } + .jp-form-settings-group .email-settings__gravatar .jp-support-info { top: 3px; } + .email-settings__gravatar-image { width: 60px; height: 60px; @@ -140,3 +141,7 @@ #jp-settings-subscriptions .dops-textarea { field-sizing: content; } + +.newsletter-group .reply-to { + margin-top: 16px; +} \ No newline at end of file diff --git a/projects/plugins/jetpack/changelog/improve-newsletter-settings-sender-information-ia b/projects/plugins/jetpack/changelog/improve-newsletter-settings-sender-information-ia new file mode 100644 index 0000000000000..57d194d0dd2f1 --- /dev/null +++ b/projects/plugins/jetpack/changelog/improve-newsletter-settings-sender-information-ia @@ -0,0 +1,4 @@ +Significance: patch +Type: other + +Jetpack Newsletter Settings: Improve Sender Name and Reply-to IA