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:
parent
9e6f5e93d8
commit
34d99c92e0
7 changed files with 84 additions and 48 deletions
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 →
|
||||
</button>
|
||||
</div>
|
||||
}
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -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> — 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>
|
||||
);
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Add table
Reference in a new issue