Emails
Collect emails, send transactional emails, product updates, and email drip.
Last updated
Was this helpful?
Collect emails, send transactional emails, product updates, and email drip.
Last updated
Was this helpful?
I've built 5 SaaS in the last 2 years, and I know how email is crucial to engage with your customers, still in 2024.
Shipped comes with support for two popular products, and .
Both allow you to:
Collect user emails
Send product update emails to the subscribers
Configure an email drip
Send transactional emails from your product
Configure these environment variables MAILCHIMP_AUDIENCE_LIST_ID
, MAILCHIMP_API_KEY
, and MAILCHIMP_SERVER_PREFIX
.
You need it to add the users to your email list.
Log in to your account and then:
Click Audience
Click All contacts
If you have more than one audience, click the Current audience drop-down and choose the one you want to work with.
Click the Settings drop-down and choose Audience name and defaults.
In the Audience ID section, you’ll see a string of letters and numbers. This is your audience ID.
Save the value into MAILCHIMP_AUDIENCE_LIST_ID
in the .env file
Needed to send transactional emails.
Click Create New Key.
Name your key. Be descriptive, so you know what app uses that key. Keep in mind that you’ll see only this name and the first 4 key digits on your list of API keys.
Click Generate Key.
Once we generate your key, click Copy Key to Clipboard. Save your key someplace secure–you won’t be able to see or copy it again. If you lose this key, you’ll need to generate a new key and update any integration that uses it.
Click Done.
Save the value into MAILCHIMP_API_KEY
in the .env file
To find the value for the server
log into your Mailchimp account and look at the URL in your browser. You’ll see something like https://us19.admin.mailchimp.com/
The us19
part is the server prefix. Note that your specific value may be different.
Save the value into MAILCHIMP_SERVER_PREFIX
in the .env file
Open the file src/config/auth.ts
and uncomment addMailChimpListMember
in the signIn
event handler
Define and store your template in MailChimp.
To set up Loops you need to create an API Key.
Go to Settings
Click on API
Click on Generate key
Copy the key and paste it to .env
as the value for LOOPS_API_KEY
Open the file src/config/auth.ts
and uncomment createLoopsContact
in the signIn
event handler
Go to Loops and create a new Transactional. Copy the transactional id.
Navigate to the section of your account.
Learn more about the MailChimp Marketing API on the
Learn more about the MailChimp Transactional API on the
Log in to
Learn more about the Loops API in the