Footers

Footers are included at the bottom of every email. They typically include ways manage their email subscription preferences and contact the company.

Options

Email footers have several configurations depending on what type of email is being sent and from where. Transactional emails cannot be unsubscribed from, email subscriptions can be edited, Enterprise sites don’t have their own meta site.

Depending on the type of email being sent and where it comes from, different footer options can be included or excluded.

Name Description / Purpose
“You’re receiving this email because…” It’s good practice to explain why someone received the email whenever possible.
Unsubscribe link Directly unsubscribes recipient from a single email or email type.
Edit Email Settings link Links to recipient’s email settings.
Edit $name$ link Some subscription emails can be edited (eg. the parameters for a tag subscription or job alert).
Leave Feedback link Links to the appropriate meta website. If no network site user exists, links to Meta Stack Exchange.
Privacy link Fulfills a GDPR requirement.
Stack Overflow logo Adds a bit of branding.
Mailing address Anti-spam laws of most countries require a postal address for the sender.
<3 because we care

Example

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
49
50
51
52
53
54
55
56
57
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Subscription Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 10px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    You’re receiving this email because $reason$.
                </td>
            </tr>
            <tr>
                <td style="font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    <a href="" style="color: #9199A1; text-decoration: underline;">Unsubscribe from this email</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Edit email settings</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Leave feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9EA3A9; text-decoration: underline;">Privacy</a>
                </td>
            </tr>
            <!-- Subscription Info : END -->
            <!-- HR line : BEGIN -->
            <tr>
                <td style="padding: 30px 0;" valign="middle" width="100%">
                    <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
                        <tr>
                            <td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- HR line : END -->
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; text-align: left;">
                    <img src="LogoSm@2x.png" align="left" alt="" border="0" width="111" height="22" style="display: block; font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #3C3F44;">
                </td>
            </tr>
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Transactional Emails

Transactional emails are triggered by a user’s interaction with the site (like account creation, password resets, and account notifications). Since these emails are initiated by the user, transactional emails don’t have an unsubscribe link.

Transactional with Account

If a user has an account, we include a link to their email preferences.

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
49
50
51
52
53
54
55
56
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Subscription Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 10px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    You’re receiving this email because $reason$.
                </td>
            </tr>
            <tr>
                <td style="font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    <a href="" style="color: #9199A1; text-decoration: underline;">Edit email settings</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Leave feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9EA3A9; text-decoration: underline;">Privacy</a>
                </td>
            </tr>
            <!-- Subscription Info : END -->
            <!-- HR line : BEGIN -->
            <tr>
                <td style="padding: 30px 0;" valign="middle" width="100%">
                    <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
                        <tr>
                            <td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- HR line : END -->
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; text-align: left;">
                    <img src="LogoSm@2x.png" align="left" alt="" border="0" width="111" height="22" style="display: block; font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #3C3F44;">
                </td>
            </tr>
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Transactional with No Account

If a user does not have an account, we don’t include a link for email preferences.

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
49
50
51
52
53
54
55
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Subscription Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 10px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    You’re receiving this email because $reason$.
                </td>
            </tr>
            <tr>
                <td style="font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    <a href="" style="color: #9199A1; text-decoration: underline;">Leave feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9EA3A9; text-decoration: underline;">Privacy</a>
                </td>
            </tr>
            <!-- Subscription Info : END -->
            <!-- HR line : BEGIN -->
            <tr>
                <td style="padding: 30px 0;" valign="middle" width="100%">
                    <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
                        <tr>
                            <td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- HR line : END -->
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; text-align: left;">
                    <img src="LogoSm@2x.png" align="left" alt="" border="0" width="111" height="22" style="display: block; font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #3C3F44;">
                </td>
            </tr>
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Subscription Emails

Subscription emails are created by a user, usually by entering a number of parameters (like job alerts and tag subscriptions). Since subscriptions can be changed by the owner, subscription emails include an extra link to modify its parameters.

  • If person clicks “unsubscribe”, they are automatically unsubscribed from that single email only.
  • If person clicks “Edit $name$”, they’re redirected to their respective subscription view.
  • $Name$ should populate with subscription type (eg. Question Subscriptions).

Subscription with Account

If a user has an account, we include a link to their email preferences.

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
49
50
51
52
53
54
55
56
57
58
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Subscription Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 10px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    You’re receiving this email because $reason$.
                </td>
            </tr>
            <tr>
                <td style="font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    <a href="" style="color: #9199A1; text-decoration: underline;">Unsubscribe from this email</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Edit $name$</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Edit email settings</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Leave feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9EA3A9; text-decoration: underline;">Privacy</a>
                </td>
            </tr>
            <!-- Subscription Info : END -->
            <!-- HR line : BEGIN -->
            <tr>
                <td style="padding: 30px 0;" valign="middle" width="100%">
                    <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
                        <tr>
                            <td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- HR line : END -->
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; text-align: left;">
                    <img src="LogoSm@2x.png" align="left" alt="" border="0" width="111" height="22" style="display: block; font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #3C3F44;">
                </td>
            </tr>
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Subscription-only

If a user does not have an account, we don’t include a link for email preferences.

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
49
50
51
52
53
54
55
56
57
58
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Subscription Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 10px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    You’re receiving this email because $reason$.
                </td>
            </tr>
            <tr>
                <td style="font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    <a href="" style="color: #9199A1; text-decoration: underline;">Unsubscribe from this email</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Edit $name$</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Edit email settings</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Leave feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9EA3A9; text-decoration: underline;">Privacy</a>
                </td>
            </tr>
            <!-- Subscription Info : END -->
            <!-- HR line : BEGIN -->
            <tr>
                <td style="padding: 30px 0;" valign="middle" width="100%">
                    <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
                        <tr>
                            <td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- HR line : END -->
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; text-align: left;">
                    <img src="LogoSm@2x.png" align="left" alt="" border="0" width="111" height="22" style="display: block; font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #3C3F44;">
                </td>
            </tr>
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Bucketed Emails

Bucketed emails are not transactional or subscription emails.

Bucketed with Account

If person clicks “unsubscribe from emails like this”, they are automatically unsubscribed from that single bucket only.

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
49
50
51
52
53
54
55
56
57
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Subscription Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 10px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    You’re receiving this email because $reason$.
                </td>
            </tr>
            <tr>
                <td style="font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    <a href="" style="color: #9199A1; text-decoration: underline;">Unsubscribe from emails like this</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Edit email settings</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9199A1; text-decoration: underline;">Leave feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9EA3A9; text-decoration: underline;">Privacy</a>
                </td>
            </tr>
            <!-- Subscription Info : END -->
            <!-- HR line : BEGIN -->
            <tr>
                <td style="padding: 30px 0;" valign="middle" width="100%">
                    <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
                        <tr>
                            <td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- HR line : END -->
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; text-align: left;">
                    <img src="LogoSm@2x.png" align="left" alt="" border="0" width="111" height="22" style="display: block; font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #3C3F44;">
                </td>
            </tr>
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Bucketed with No Account

If a user does not have an account, we don’t include an unsubscribe link or a link for email preferences.

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
49
50
51
52
53
54
55
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Subscription Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 10px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    You’re receiving this email because $reason$.
                </td>
            </tr>
            <tr>
                <td style="font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    <a href="" style="color: #9199A1; text-decoration: underline;">Leave feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="" style="color: #9EA3A9; text-decoration: underline;">Privacy</a>
                </td>
            </tr>
            <!-- Subscription Info : END -->
            <!-- HR line : BEGIN -->
            <tr>
                <td style="padding: 30px 0;" valign="middle" width="100%">
                    <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
                        <tr>
                            <td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- HR line : END -->
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; text-align: left;">
                    <img src="LogoSm@2x.png" align="left" alt="" border="0" width="111" height="22" style="display: block; font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #3C3F44;">
                </td>
            </tr>
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Branding

Default

Use default branding for emails that are mapped to an English brand.

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
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; text-align: left;">
                    <img src="LogoSm@2x.png" align="left" alt="" border="0" width="111" height="22" style="display: block; font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #3C3F44;">
                </td>
            </tr>
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Alternate

Use alternate branding for emails that are mapped to any brand that is not Stack Overflow English brand (eg. 3D Printing, Stack Overflow en espanol).

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
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack&nbsp;Overflow / Stack&nbsp;Exchange</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->

Enterprise Emails

Enterprise is a bit unique; Enterprise sites don’t send promotional email or have meta sites, so we don’t need links for those in Enterprise emails. We also don’t need a privacy link because we don’t serve the users directly, rather we are serving the business that we sold to, making the privacy policy with regards to GDPR the responsibility of the client, not us. Lastly, some Enterprise installations are behind firewalls or require VPN access, so we remove the Stack Overflow logo to avoid a broken image (eg. if someone checks email on their phone).

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
49
<!-- Footer : BEGIN -->
<tr>
    <td style="padding: 30px;" class="sm-p">
        <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Subscription Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 10px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    You’re receiving this email because $reason$.
                </td>
            </tr>
            <tr>
                <td style="font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;">
                    <a href="" style="color: #9199A1; text-decoration: underline;">Edit email settings</a>
                </td>
            </tr>
            <!-- Subscription Info : END -->
            <!-- HR line : BEGIN -->
            <tr>
                <td style="padding: 30px 0;" valign="middle" width="100%">
                    <table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
                        <tr>
                            <td height="1" width="100%" style="font-size: 0; line-height: 0; border-top: 1px solid #D6D8DB;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- HR line : END -->
            <!-- Sender Info : BEGIN -->
            <tr>
                <td style="padding-bottom: 5px; font-size: 12px; line-height: 17px; font-family: arial, sans-serif; color: #9199A1; text-align: left;"><strong>Stack Overflow</strong>, <span class="unstyle-auto-detected-links">110 William Street, 28th Floor, New York, NY 10038</span></td>
            </tr>
            <!-- Sender Info : END -->
            <!-- Heart : BEGIN -->
            <tr>
                <td>
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff; border-radius:1px; line-height:0px">
                        <tr>
                            <td>
                                <div style="border-radius: 1px; border: 1px solid #D6D9DC; padding: 4px 6px 3px 6px; font-size: 11px; line-height: 11px; font-family: Consolas, monospace; color: #E06C77;" title="because we care">&lt;3</div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- Heart : END -->
        </table>
    </td>
</tr>
<!-- Footer : END -->