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