Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update the help text for newsletters

Browse Source
This commit is contained in:
Jackson Harper
2022-02-22 21:58:03 -08:00
parent 9dbf54c528
commit 66a65d31aa
2 changed files with 44 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
packages/web/pages/help/newsletters.tsx
View File

@ -35,23 +35,43 @@ export default function Newsletters(): JSX.Element {
},
}}
>
<h1>All your Newsletters in One Place</h1>
<h1>Read Newsletters in Omnivore</h1>
<hr />
<p>There are two ways to have newsletters delivered directly to your Omnivore Library:</p>
<ul>
<li><Link href="#directly">Subscribe directly to the newsletter with an Omnivore email address</Link></li>
<li><Link href="#forwarding">Create a forwarding rule to forward emails from your regular email account to your Omnivore email address</Link></li>
</ul>
<p>
Currently Omnivore supports newsletters from the following providers.
<ul>
<li>Newsletters hosted on <a href="https://substack.com" target="_blank">substack.com</a></li>
<li>The <a href="https://www.axios.com/newsletters" target="_blank">Axios Daily</a> newsletters</li>
<li><a href="https://golangweekly.com/" target="_blank">Golang Weekly</a></li>
</ul>
If there is a newsletter you would like to read in Omnivore, please let us know.
</p>
<h2>Omnivore Email Addresses</h2>
<p>Omnivore allows you to create unique email addresses for subscribing to email newsletters. You can reuse one address for all your newsletters, or you can create a unique address for each.</p>
<p>An Omnivore email address will receive email, detect whether the email is a newsletter, and add the newsletter content to your library. If the email does not appear to be an email, it will be forwarded to the email address you used when you registered for Omnivore.</p>
<p>
Omnivore allows you to create unique email addresses for subscribing to newsletters.
You can reuse one address for all your newsletters, or you can create a unique address
for each.
</p>
<p>
An Omnivore email address will receive email, detect whether the email is a newsletter,
and add the newsletter content to your library. If the email does not appear to be a newsletter,
it will be forwarded to the email address you used when you registered for Omnivore.</p>
<h2>Notifications</h2>
<p>If you are a registered iOS user and have granted push notification permission to Omnivore, you will be sent a notification when a newsletter is added to your library. Otherwise, you will be notified via your registered email address.</p>
<p>There are multiple ways to have newsletters added directly to your Omnivore library:</p>
<ul>
<li><Link href="#directly">Subscribe to the newsletter with an Omnivore email address</Link></li>
<li><Link href="#forwarding">Create a forwarding rule from your email account</Link></li>
</ul>
<h2 id="directly">Subscribing directly to a newsletter with an Omnivore Email Address</h2>
<p>Create your first email address by clicking the <HighlightText>Create New Email</HighlightText> button on the <Link href='/settings/subscriptions/newsletters'>newsletters page</Link>. Copy the email address to your clipboard, and enter that email address into an email subscription box. If you are already logged into Substack you might need to logout to use your new email address.</p>
{/* <h2>Notifications</h2>
<p>If you are a registered iOS user and have granted push notification permission to Omnivore, you will be sent a notification when a newsletter is added to your library. Otherwise, you will be notified via your registered email address.</p> */}
<h2 id="directly">Subscribing Directly</h2>
<p>Create your first email address by clicking the <HighlightText>Create New Email</HighlightText> button on
the <Link href='/settings/emails'>emails page</Link>. Copy the email address to your clipboard using the
copy button, and enter that email address into an email subscription box. If you are already logged into
Substack you might need to logout to use your new email address.</p>
<HStack distribution="center" css={{ width: '100%', my: '32px' }}>
<img
@ -60,13 +80,18 @@ export default function Newsletters(): JSX.Element {
/>
</HStack>
<h2 id="forwarding">Creating forwarding rules to forward emails from your regular email account to your Omnivore email address</h2>
<p>
If you want all your substack newsletters sent to Omnivore, you can login and change the
address on <a href="https://substack.com/account/settings">your account page</a> in Substack.
</p>
<h2 id="forwarding">Create a Forwarding Rule</h2>
<p>If you are a Gmail user you can create a forwarding rule to send email from your regular account to your Omnivore email address. This is useful if you have an existing paid newsletter subscription. For free newsletters we recommend subscribing directly to the newsletter with your Omnivore email address.</p>
<p>Before you start:</p>
<ul>
<li>Create an Omnivore Email Address by clicking the <HighlightText>Create New Email</HighlightText> button on the <Link href='/settings/subscriptions/newsletters'>newsletters page</Link>.</li>
<li>Create an Omnivore Email Address by clicking the <HighlightText>Create New Email</HighlightText> button on the <Link href='/settings/emails'>emails page</Link>.</li>
<li>Make a note of the Newsletter&apos;s sender email address. For example <code>omnivore@substack.com</code>.</li>
</ul>

6
packages/web/pages/settings/emails.tsx
View File

@ -9,6 +9,7 @@ import { useCopyLink } from '../../lib/hooks/useCopyLink'
import { toast, Toaster } from 'react-hot-toast'
import { useCallback } from 'react'
import Link from 'next/link'
import { StyledText } from '../../components/elements/StyledText'
enum TextType {
EmailAddress,
@ -60,7 +61,10 @@ export default function EmailsPage(): JSX.Element {
},
}}
>
<h1>Email Addresses</h1>
<StyledText style='fixedHeadline' css={{ mb: '8px' }}>Email Addresses</StyledText>
<StyledText style="body" css={{ mb: '42px', mt: '0px' }}>
Add PDFs to your library, or subscribe to emails using an Omnivore email address.
</StyledText>
{emailAddresses && emailAddresses.map((email) => {
return (
<Box css={{ marginBottom: '26px' }} key={email.id}>