Email archives

Archives are an easy way to keep a record of all emails that have been sent to your list. This can be very useful for groups that use Simplelists for private group discussion as new members can quickly become familiar with topics that have previously been covered. Everything that has been discussed can be seen and reviewed, like minutes of a meeting, and revisiting old topics can be streamlined by referencing the previous messages. In this short post, we tell you how to set up and personalise your email archive in Simplelists.

Group emails archives

Enable the archive

To enable email archives, simply log in, go to ‘Archive Settings’ (in the left-hand menu) and select ‘Enable archives’. You can also choose to show or hide email addresses, make archives private, or protect them with a password. When you have changed the settings, click ‘update’ to save your choices.

View the archive

To view your archive, simply go to the web address shown at the top of the ‘Archive Settings’ page. When you click on this link, you will see that each month’s emails can be viewed by date or by thread. Click on the ‘by date’ or ‘by thread’ links in the right-hand column to show the view you prefer. You can then browse to find emails that have been sent.

Personalise the archive

It is also possible to personalise your archives page by using your own logo instead of the Simplelists logo. Click on ‘General Settings’ in the left-hand menu and add the web address of the image in the ‘Custom image’ box. You can also learn more about personalising your landing pages and other Simplelists features in a previous post.

That’s all there is to setting up your email archive. Simple! You can view also these instructions in a short video in a previous post on our blog.

Daily digest summary emails

A daily digest summary is an email containing a compilation of new emails sent by members of a list. This can be a handy function to avoid clogging up members’ inboxes, reducing the number of emails they have to scan each day. To receive an email digest, members will need to opt to receive it. In this short post, we explain how to set up daily digest summaries with Simplelists.

Daily digest summary email

Pros and cons of email digests

Daily digest summaries can be useful for busy lists. Instead of receiving emails when they are posted, Simplelists list members can receive one email every 24 hours. This prevents members becoming inundated with emails when discussions are active and allows them to pick and choose which email discussions are more important for them to read, at a time that suits them.

It can sometimes be tricky to ensure optimum formatting of digest emails, when the original emails are pulled automatically into the digest. The digest needs to be appealing to read and easy to navigate. It can also be a challenge to decide which information should be included in the digest. Too much or too little information may have the same effect as being inundated with individual emails – members may simply delete it.

An easy-to-digest digest

To make sure digests are accessible and appealing to Simplelists list members, most formatting is stripped from the emails, in order to create a clean, easy to follow summary. A link is included for each message, which allows members to reply back to the list. If archives are enabled, links to attachments and the original emails are contained in the digest.

Enabling digest summaries

Enabling daily digest summaries is very easy. Log in and navigate to list members in the left hand menu. In the Address Book, you can see which members receive summaries and which don’t – a cross or a tick will appear next to their name in the ‘Digest format’ column. To enable daily digest summaries for specific members, edit their details by ticking the checkbox next to their name and selecting ‘Edit’. On the Edit Members screen, you can then check the ‘Digest’ box and then ‘Update’ to ensure that they receive it (a green tick should now show next to their name when you return to the Address Book).

When adding members to your list in bulk, you can set all members to receive digest summaries. Click on ‘Add many’ in the Address Book and then add your members’ details. Before clicking ‘Add Addresses’, make sure you have checked the ‘Set added members to receive daily digest email’ box on the left.

You can watch a demo of enabling daily digest summary emails in this short video.

Setting up multiple lists with Simplelists

Sometimes, you need more than one email list. You may need separate lists for different businesses, groups or organisations, or different lists for groups within your organisation. For example, one list for employees and another for managers, or individual lists for different topics, such as one list for marketing and another for discussion. In this short post, we tell you how to set up multiple lists using Simplelists (or watch a short video if you prefer).

Multiple email lists

Getting started

It is very straightforward to set up multiple lists. Simply go to simplelists.com, navigate to Products, select the blue ‘Sign up free for a multiple list’ arrow and fill in your details. You’ll have the option to choose a subdomain for your list (if you own your own domain, you’ll be able to add this later). There is a free, one-month trial for multiple lists so that you can try before you buy.

Managing the lists

To manage your multiple lists, simply log in using your simplelists username and password and select your multiple lists account from the ‘Account’ drop-down menu on the top right of the screen. On the next screen, verifying your account enables you to add members to your lists without needing them to confirm their email address (although you can still use the confirmation functionality to check that emails are valid). Simply enter the details of your organisation, what your list is used for, and how you obtained the emails (you can read another post about the rules around how people can opt-in to receiving your emails). Once you have done this, you can create a list by navigating to ‘manage lists’ in the left-hand menu, type in the name of the list, and click ‘Create’. This is where you could create a number of lists for your different groups (e.g. managers, employees and customers).

Adding members to your lists

Once you have created the lists, you can add some members. Select the address book from the left-hand navigation and choose to add members individually, in bulk, or by uploading a .csv file. If you choose to add them individually, you can enter their details and their email address and then select which list they will belong to. You can also add notes about the members if you wish. 

To view the members of your list, select ‘list members’ from the left-hand menu. The email address for your list can be seen at the top of this page. It is possible to use your own domain name for this email address and we will show you how to do this in an upcoming blog post, or you can view a short video that explains what to do).

Letting others manage your Simplelists account

It is possible to allow other people to manage your Simplelists account. This useful feature enables you to delegate management of your email lists, share the workload and save time. You can set permissions for each new user and you don’t have to give all users full control over your account. For example, a user can be allowed to approve messages and manage list members, but prevented from changing account settings. The ability to add delegated users means you’ll never need to share login details, which helps keep your account secure. New users can be added at any time, enabling easy expansion of your email management system as your organisation or business grows. If you’re making use of the Simplelists API, you can also add API users to your account. They can be added with either ‘read only’ or ‘full’ permissions.

Add users to account

Adding a delegated user

To add a new user, simply log in to your Simplelists account area and click on your username in the top right hand corner. A drop-down menu with a list of options will appear. Select ‘Manage Users’. On the Manage users screen, select ‘Add a delegated user’ and add a name and email address. It is important to use the correct email address as confirmation will automatically be sent to this address. You can edit the user permissions at this stage, by checking the relevant boxes. You can choose from one or more of:

  • Account administrator (allowed to add other users)
  • Allow user to manage list members
  • Allow user to approve messages
  • Allow user to manage settings

Then, click ‘Create user’ to complete the process. You will see the new user on the ‘Manage users’ page.

Adding an API user

To add an API, return to the ‘Manage users’ page (select from the drop-down menu by clicking on your username at the top right of the screen). This time, select ‘Add an API user’. Enter the username and password. You can leave the password box empty to leave this unchanged. Then, select whether the user is to have ‘read’ or ‘write’ permissions (check the box ‘user has write permissions’ if you wish the user to be able to change data in your account – leave it unticked for read only access). Select ‘Create user’. The API user will then appear in the list of users on the ‘Manage users’ screen.

That’s all there is to adding new users to your account. Simple!

You can watch these instructions in a short video in this post on our blog. The video also includes some screenshots to take you through the process.

For additional support, visit the support page on our website.

Using email aliases

Email addresses can be difficult to remember, resulting in mistakes when people send you an email. An alias can be used to make a straightforward replacement for a long or hard-to-remember address. An alias can also be used to forward messages sent to the alias on to another specified email address or group of addresses.

Email aliases

In simplelists, it is easy to use aliases as an effective way of grouping lists together. They can be a big time saver if you want to send a message to several lists. Here’s how to do it.

Send to more than one list

In practice, you simply send the message to the alias’ email address and it is sent to all the lists. You can also include normal email addresses within an alias – the message will be sent to them too.

Step-by-step

Creating an alias is easy. Login and select a multiple list account. Navigate to the aliases page and select ‘Click here to add a new alias’.

aliases_blog_1

Choose an email address for the alias. Note that, by default, the email address ends in your simplelists domain. Enter the email address(es) of the lists you want the alias to be forwarded to. In the screenshot below, we have added three lists: customers, employees and managers. A normal email address is also included. Click ‘Update’ to complete the process.

aliases_blog_2

Editing an alias

You can edit the alias details by selecting the one you wish to edit on the ‘aliases’ page under ‘Your current aliases’.

Some things to be aware of

It is important to know that, when using an email alias, it can sometimes be the case that it is harder for email recipients to know where the email has come from, especially if they have not received an email from the alias address previously. You should therefore make sure that it is still clear who the sender is and how they can ‘opt-out’ of receiving similar messages in the future, if they wish (read our earlier posts on good email etiquette and what information you can include in the email footer).

If the recipient has not received an email from the alias address before, it is also important to be aware that spam filters may be more sensitive to these emails than those sent to your familiar member list address(es). Another one of our posts on making sure your emails don’t get sent to the spam folder will help to avoid this happening.

These minor issues aside, it is also interesting to know that you can use an alias to reduce the chances of your data being compromised. By using a hard-to-guess alias as a password recovery address for your many online accounts, it can be more difficult for hackers to compromise your data.

HTML Emails – Complete Series

We have just completed the final video in our HTML emails series which takes you through everything from designing your email, to writing the code for responsive emails and finally to testing and sending the email. Here are all six parts of the series:

Part 1: Overview

Part 2: Design

Part3: Doctype, Structure & Metadata

Part 4: Adding & Styling Text

Part 5: Adding Images

Part 6: Sending & Testing

HTML Emails: Adding Images

In Part 5 in our video series on creating HTML emails we show you how to add images to the email.

We’ve included a copy of the full code here so that you can use it:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
</head>
 
<body>
    <table width="100%" style="max-width: 600px;">
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Hi Anne,</td>
        </tr>
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae feugiat ex. Donec eleifend viverra justo. Nam velit arcu, imperdiet sed ante sed, bibendum finibus erat. Maecenas ut elementum odio.</td>
        </tr>
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris est lectus, fermentum nec turpis at, dictum eleifend dolor.</td>
        </tr>
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 20px; color: #f26012; padding-top: 10px; float: left; width: 45%;">Heading 1</td>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 20px; color: #f26012; padding-top: 10px; float: right; width: 45%;">Heading 2</td>
        </tr>
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px; float: left; width: 45%;">Pellentesque dui magna, maximus ut diam eu, aliquam vehicula sapien. Suspendisse sed auctor libero. Integer id velit consectetur.</td>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px; float: right; width: 45%;">Sed in euismod odio. Mauris pulvinar sem erat, vitae suscipit nisl tincidunt a. Vivamus sed tempus metus, at dignissim ligula.</td>
        </tr>
        <tr>
            <td><img src="http://demowebsite1.co.uk/email-images/call_to_action.png"></td>
        </tr>
        <tr>
            <td width="100%" style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px;">Best regards,</td>
        </tr>
        <tr>
            <td width="100%" style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px;">John Doe</td>
        </tr>
        <tr>
            <td style="float: left; padding-right: 10px;"><img src="http://demowebsite1.co.uk/email-images/company_logo.png"></td>
            <td style="float: left; padding-right: 10px;"><img src="http://demowebsite1.co.uk/email-images/facebook.png"></td>
            <td style="float: left; padding-right: 10px;"><img src="http://demowebsite1.co.uk/email-images/google_plus.png"></td>
            <td style="float: left; padding-right: 10px;"><img src="http://demowebsite1.co.uk/email-images/twitter.png"></td>
        </tr>
    </table>
</body>
 
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

</head>

<body>
	<table width="100%" style="max-width: 600px;">
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Hi Anne,</td>
		</tr>
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae feugiat ex. Donec eleifend viverra justo. Nam velit arcu, imperdiet sed ante sed, bibendum finibus erat. Maecenas ut elementum odio.</td>
		</tr>
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris est lectus, fermentum nec turpis at, dictum eleifend dolor.</td>
		</tr>
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 20px; color: #f26012; padding-top: 10px; float: left; width: 45%;">Heading 1</td>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 20px; color: #f26012; padding-top: 10px; float: right; width: 45%;">Heading 2</td>
		</tr>
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px; float: left; width: 45%;">Pellentesque dui magna, maximus ut diam eu, aliquam vehicula sapien. Suspendisse sed auctor libero. Integer id velit consectetur.</td>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px; float: right; width: 45%;">Sed in euismod odio. Mauris pulvinar sem erat, vitae suscipit nisl tincidunt a. Vivamus sed tempus metus, at dignissim ligula.</td>
		</tr>
		<tr>
			<td><img src="http://demowebsite1.co.uk/email-images/call_to_action.png"></td>
		</tr>
		<tr>
			<td width="100%" style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px;">Best regards,</td>
		</tr>
		<tr>
			<td width="100%" style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px;">John Doe</td>
		</tr>
		<tr>
			<td style="float: left; padding-right: 10px;"><img src="http://demowebsite1.co.uk/email-images/company_logo.png"></td>
			<td style="float: left; padding-right: 10px;"><img src="http://demowebsite1.co.uk/email-images/facebook.png"></td>
			<td style="float: left; padding-right: 10px;"><img src="http://demowebsite1.co.uk/email-images/google_plus.png"></td>
			<td style="float: left; padding-right: 10px;"><img src="http://demowebsite1.co.uk/email-images/twitter.png"></td>
		</tr>
	</table>
</body>

</html>

Images Must Be Placed On A Server

If you want your email to contain images the first step is to place the images on your server. When you do this also record the path of the image so that you can point the image source to it in the email.

Put the image in a table data cell

In the email put the image in it’s own table cell and make sure that the path is correct and points to the images on the server.

For full details on how to add images to your HTML email watch this short video:

HTML Emails: Adding & Styling Text

In Part 4 of our video series on creating HTML emails we show you how to add text to the email using tables and also style the text using inline CSS.

We’ve included the code here so that you can copy it and use it to make your own HTML emails:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
</head>
 
<body>
    <table width="100%" style="max-width: 600px;">
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Hi Anne,</td>
        </tr>
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae feugiat ex. Donec eleifend viverra justo. Nam velit arcu, imperdiet sed ante sed, bibendum finibus erat. Maecenas ut elementum odio.</td>
        </tr>
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris est lectus, fermentum nec turpis at, dictum eleifend dolor.</td>
        </tr>
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 20px; color: #f26012; padding-top: 10px; float: left; width: 45%;">Heading 1</td>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 20px; color: #f26012; padding-top: 10px; float: right; width: 45%;">Heading 2</td>
        </tr>
        <tr>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px; float: left; width: 45%;">Pellentesque dui magna, maximus ut diam eu, aliquam vehicula sapien. Suspendisse sed auctor libero. Integer id velit consectetur.</td>
            <td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px; float: right; width: 45%;">Sed in euismod odio. Mauris pulvinar sem erat, vitae suscipit nisl tincidunt a. Vivamus sed tempus metus, at dignissim ligula.</td>
        </tr>
        <tr>
            <td width="100%" style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px;">Best regards,</td>
        </tr>
        <tr>
            <td width="100%" style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px;">John Doe</td>
        </tr>
    </table>
</body>
 
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

</head>

<body>
	<table width="100%" style="max-width: 600px;">
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Hi Anne,</td>
		</tr>
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae feugiat ex. Donec eleifend viverra justo. Nam velit arcu, imperdiet sed ante sed, bibendum finibus erat. Maecenas ut elementum odio.</td>
		</tr>
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px; padding-bottom: 10px;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris est lectus, fermentum nec turpis at, dictum eleifend dolor.</td>
		</tr>
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 20px; color: #f26012; padding-top: 10px; float: left; width: 45%;">Heading 1</td>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 20px; color: #f26012; padding-top: 10px; float: right; width: 45%;">Heading 2</td>
		</tr>
		<tr>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px; float: left; width: 45%;">Pellentesque dui magna, maximus ut diam eu, aliquam vehicula sapien. Suspendisse sed auctor libero. Integer id velit consectetur.</td>
			<td style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px; float: right; width: 45%;">Sed in euismod odio. Mauris pulvinar sem erat, vitae suscipit nisl tincidunt a. Vivamus sed tempus metus, at dignissim ligula.</td>
		</tr>
		<tr>
			<td width="100%" style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 10px;">Best regards,</td>
		</tr>
		<tr>
			<td width="100%" style="font-family: 'Trebuchet MS', sans-serif; font-size: 17px; color: #333333; padding-top: 6px; padding-bottom: 10px;">John Doe</td>
		</tr>
	</table>
</body>

</html>

Tables

All the content of the email is contained within a table with each paragraph of text being placed in its own table row:

1
<tr></tr>
<tr></tr>

Where text is in two columns the table row contains two table data cells:

1
<td></td>
<td></td>

Each cell contains the column’s text. The columns are given a width of 45% and floated left and right – note that a width of 50% wouldn’t give any spacing between the columns and therefore a smaller width is used.

Styling

Inline CSS is used throughout – CSS stylesheets are never used for HTML emails.

The table width is set to 100% and the max-width is also set to 600 pixels. This allows the email to be responsive – on large screens the email will be 600 pixels wide while on small screens such as smart phones the email will adjust to fill the width of the screen.

The text is styled to make it look good – the font-family, font-size, text colour and padding are all set using inline styles. These styles are applied to all table data cells.

For a full explanation please see this short video: