0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00

Updated email FAQ

refs. https://github.com/TryGhost/Team/issues/2348

- updated copy for not receiving emails FAQ. It's still WIP, from addresses need to be wired in
This commit is contained in:
Peter Zimon 2022-12-09 13:22:33 +01:00
parent 9e6f5e93d8
commit 34d99c92e0
7 changed files with 84 additions and 48 deletions

View file

@ -532,6 +532,20 @@ const FrameStyles = `
gap: 12px;
}
.gh-portal-footer-secondary {
display: flex;
font-size: 14.5px;
letter-spacing: 0.3px;
}
.gh-portal-footer-secondary button {
font-size: 14.5px;
}
.gh-portal-footer-secondary-light {
color: var(--grey7);
}
.gh-portal-list-header {
font-size: 1.25rem;
font-weight: 500;

View file

@ -121,22 +121,37 @@ export const GlobalStyles = `
}
.gh-longform {
padding: 6vmin 10vmin 4vmin 6vmin;
padding: 6vmin;
}
.gh-longform p {
margin-bottom: 1.2em;
}
.gh-longform h3 {
font-size: 27px;
margin-top: 0;
margin-bottom: 1em;
margin-bottom: 0.4em;
}
.gh-longform h4 {
font-size: 17.5px;
margin-top: 2.5em;
margin-bottom: 1.25em;
margin-bottom: 0.4em;
}
.gh-longform h5 {
margin-top: 0;
margin-bottom: 0.5em;
margin-top: 0.8em;
margin-bottom: 0.2em;
}
.gh-longform a {
color: var(--brandcolor);
font-weight: 500;
}
.gh-longform .ul {
text-decoration: underline;
}
.gh-longform .gh-portal-btn {

View file

@ -29,16 +29,6 @@ export const ActionButtonStyles = `
border-color: var(--red);
}
.gh-feature-suppressions .gh-portal-btn-destructive:not(:disabled) {
color: var(--red);
border-color: var(--red);
}
.gh-feature-suppressions .gh-portal-btn-destructive:not(:disabled):hover {
color: var(--darkerRed);
border-color: var(--darkerRed);
}
.gh-portal-btn-text {
padding: 0;
font-weight: 500;

View file

@ -199,12 +199,16 @@ export default function NewsletterManagement({
<ShowPaidMemberMessage isPaid={isPaidMember} site={site} />
</div>
{hasMemberGotEmailSuppression({member}) && !isDisabled &&
<button
className='gh-portal-btn-text gh-email-faq-page-button'
onClick={() => onAction('switchPage', {page: 'emailReceivingFAQ'})}
>
Not receiving emails? Learn more
</button>}
<div className="gh-portal-footer-secondary">
<span className="gh-portal-footer-secondary-light">Not receiving emails?</span>
<button
className="gh-portal-btn-text gh-email-faq-page-button"
onClick={() => onAction('switchPage', {page: 'emailReceivingFAQ'})}
>
Learn more &rarr;
</button>
</div>
}
</footer>
</div>
);

View file

@ -5,9 +5,10 @@ import CloseButton from 'components/common/CloseButton';
import {getSupportAddress} from 'utils/helpers';
export default function EmailReceivingPage() {
const {brandColor, onAction, site, lastPage} = useContext(AppContext);
const {brandColor, onAction, site, lastPage, member} = useContext(AppContext);
const supportAddress = `mailto:${getSupportAddress({site})}`;
const supportAddressEmail = getSupportAddress({site});
const supportAddress = `mailto:${supportAddressEmail}`;
return (
<div className="gh-email-receiving-faq">
@ -24,23 +25,34 @@ export default function EmailReceivingPage() {
<div class="gh-longform">
<h3>Help! I'm not receiving subscription emails</h3>
<p>If you're not receiving the newsletter, the first course of action is to check your account settings to ensure your email address is correct and your email preferences are set to subscribed.</p>
<h4>Check the email on your account</h4>
<p>If you need to correct a typo in your email address or change the email address associated with your membership, click <b>Edit</b> next to your address when viewing your account settings.</p>
<p>Once saved, you'll need to confirm the change by clicking the confirmation link, which will arrive via email to your new email address's inbox.</p>
<h4>Check spam & promotional folders</h4>
<p>Once the email has been confirmed, the next course of action is to check your spam folder, and any promotional folders, set up by your mail provider.</p>
<h5>Spam</h5>
<p>If the newsletter landed in spam, you can mark the email as 'not spam' within your mail client this should ensure that future newsletters arrive in your inbox going forward.</p>
<h5>Promotional folder</h5>
<p>If the newsletter arrived in your promotional folder, move the email to your main inbox. This should teach your mail client to place the newsletter in your primary inbox going forward.</p>
<h5>Add to Contacts</h5>
<p>To help avoid future emails arriving in spam or promotional folders, you can also add the newsletter 'From' email address to your contact list.</p>
<p>If you're not receiving the email newsletter you've subscribed to, here are few things to check.</p>
<h4>Verify your email address is correct</h4>
<p>The email address we have for you is <strong className="ul">{member.email}</strong> &mdash; if that's not correct, you can update it in your <a onClick={() => onAction('switchPage', {lastPage: 'emailReceivingFAQ', page: 'accountProfile'})}>account settings area</a>.</p>
<h4>Check spam & promotions folders</h4>
<p>Make sure emails aren't accidentally ending up in the Spam or Promotions folders of your inbox. If they are, click on "Mark as not spam" and/or "Move to inbox".</p>
<h4>Create a new contact</h4>
<p>In your email client add <strong className="ul">%newsletter@fromaddress.com%</strong> to your contacts list. This signals to your mail provider that emails sent from this address should be trusted.</p>
<h4>Send an email and say hi!</h4>
<p>Send an email to <strong className="ul">%newsletter@fromaddress.com%</strong> and say hello. This can also help signal to your mail provider that emails to-and-from this address should be trusted.</p>
<h4>Check with your mail provider</h4>
<p>For those with corporate-based email addresses, you may need to reach out to your help desk or IT department to troubleshoot any potential reasons that may prevent you from receiving email newsletters.</p>
<p><a className='gh-portal-btn gh-portal-btn-branded' href={supportAddress} onClick={() => {
<p>If you have a corporate or government email account, reach out to your IT department and ask them to allow emails to be received from <strong className="ul">%newsletter@fromaddress.com%</strong></p>
<h4>Get in touch for help</h4>
<p>If you've completed all these checks and you're still not receiving emails, you can reach out to get support by contacting <a href={supportAddress} onClick={() => {
supportAddress && window.open(supportAddress);
}}>Need more help? Contact support</a></p>
}}>{supportAddressEmail}</a>.</p>
</div>
</div>
);

View file

@ -15,13 +15,17 @@
color: var(--grey6);
}
.gh-email-faq-footer-text {
color: var(--grey8);
}
.gh-email-faq-page-button {
color: var(--grey6);
color: var(--brandcolor);
cursor: pointer;
font-size: 1.5rem;
text-decoration: underline;
background: none;
transition: color linear 100ms;
margin-left: 6px;
font-size: 1.45rem;
}
.gh-email-faq-page-button:hover {

View file

@ -52,19 +52,16 @@ export default function EmailSuppressedPage() {
<EmailDeliveryFailedIcon className="gh-email-suppressed-page-icon" />
<div className="gh-email-suppressed-page-text">
<h3 className="gh-portal-main-title gh-email-suppressed-page-title">Email disabled</h3>
<h3 className="gh-portal-main-title gh-email-suppressed-page-title">Emails disabled</h3>
<p>
All newsletters have been disabled on your account. <br/> This can happen due to a spam complaint or
permanent failure (bounce).
You're not receiving emails because you either marked a recent message as spam, or because messages could not be delivered to your provided email address.
</p>
<button
{/* <button
className="gh-portal-btn-text gh-email-faq-page-button"
onClick={() => onAction('switchPage', {page: 'emailSuppressionFAQ', lastPage: 'emailSuppressed'})}
>
Learn more about why this happens
</button>
</button> */}
</div>
<ActionButton