You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/release-notes/2018-08-08.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,4 +7,4 @@ releaseType:
7
7
8
8
### Unsubscribe Group Workflow
9
9
10
-
We’ve made managing your Unsubscribe Groups more intuitive and beautiful than ever. Create and edit Unsubscribe Groups with confidence, knowing exactly what your recipients will see, thanks to a side-by-side preview of both your Unsubscribe Preferences and confirmation pages. To learn more, take a look at our [documentation]({{root_url}}/User_Guide/Marketing_Campaigns/create-and-manage-unsubscribe-groups.html).
10
+
We’ve made managing your Unsubscribe Groups more intuitive and beautiful than ever. Create and edit Unsubscribe Groups with confidence, knowing exactly what your recipients will see, thanks to a side-by-side preview of both your Unsubscribe Preferences and confirmation pages. To learn more, take a look at our [documentation]({{root_url}}/help-support/sending-email/create-and-manage-unsubscribe-groups/).
You can purchase an additional dedicated IP Address from the IP Addresses Settings page or from your [Plan & Billing Details](https://app.sendgrid.com/settings/billing) page.
43
+
=======
40
44
41
45
You can purchase an additional d IP Address from the IP Addresses Settings page or from your [Plan & Billing Details](https://app.sendgrid.com/settings/billing) page.
Copy file name to clipboardExpand all lines: content/docs/ui/sending-email/cross-platform-html-design.md
+32-34Lines changed: 32 additions & 34 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,83 +17,81 @@ All Mail clients render HTML/CSS differently, in their own ways and for their ow
17
17
## Layout
18
18
19
19
-**Avoid Using padding or margins**
20
+
- Certain email clients don't support these formatting settings. For example, Outlook cannot support padding, and Hotmail cannot support margins.
21
+
- These can be especially problematic when added inside of a table in either mail client.
20
22
21
-
- Outlook cannot support padding, and Hotmail cannot support margins
22
-
- Especially problematic when added inside of a table in either mail client
23
-
24
-
-**Always use _inline _CSS**
25
23
24
+
-**Always use inline CSS**
26
25
- Most webmail clients (outlook.com, yahoo.com, gmail, etc) will strip CSS out when stripping the head and body tags.
27
26
28
-
-Have to render coding very carefully so it conforms to their already set HTML that you would view the message in.
27
+
-Make sure you render coding very carefully so it conforms to the email client's pre-set HTML.
29
28
30
29
-**Avoid BR, HR, and height tags in your emails**
31
30
32
-
- Every browser/client has their own default line height and will default to this. most of the time.
31
+
- Every browser/client has their own default line height and will default to this. most of the time.
33
32
- Work around in next bullet point below.
34
33
34
+
35
35
-**Use Tables to create general layout of email**
36
36
37
-
- Be sure that you set the width of each cell in the table
37
+
- Set the width of each cell in the table.
38
+
39
+
- Avoid cell spacing and padding.
38
40
39
-
- Try to avoid cellspacing and padding
40
41
-**Always set a "doctype" in your code**
41
42
-**Set wrapper reset styles in "wrapper div"**
42
43
43
44
- This can override a browser or client's default styling of certain elements.
44
-
- For more info - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
45
+
- Click [here](http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) for more information on reset styles.
46
+
47
+
45
48
-**Be aware of text and font changes per device (mobile especially) and browsers**
46
49
47
-
- Mobile devices and different browsers may change the font styling to increase readability
48
-
-ie. comic sans not supported on mobile devices
50
+
- Mobile devices and different browsers may change the font styling to increase readability.
51
+
-For example, comic sans not supported on mobile devices.
49
52
50
53
## Backgrounds
51
54
52
55
-**Use the older more basic background HTML tags**
53
56
54
57
- "background-image" ; "bgcolor" ; "background"
55
58
- Many browsers and clients experience issues when trying to support compound CSS values so be sure to use individual values such as "background-image" and "background-repeat"
59
+
60
+
56
61
-**Always offer reset background colors or fall back background colors to defer to if your specific background isn't supported**
57
62
58
63
## Images
59
64
60
-
-**Always avoid PNG images ->** Try to always use either JPEG or GIF images
65
+
-**Always avoid PNG images** - Try to always use either JPEG or GIF images
61
66
-**Always provide image dimensions**
62
67
63
-
-some clients will automatically apply their own if none are given which can lead to major issues when rendering these images in relation to spacing and alignment.
68
+
-Some mail clients will automatically apply their own if none are given which can lead to major issues when rendering these images in relation to spacing and alignment.
64
69
65
-
- it is important to note however that some mail clients will do this regardless as a default setting
66
-
-**Make sure to give ALL of your images 'alt' attributes**
70
+
- It is important to note however that some mail clients will do this regardless as a default setting.
67
71
68
-
- This simple step will keep the overall sizing of your images the same across platforms
-**Make sure to give ALL of your images 'alt' attributes**- This simple step will keep the overall sizing of your images the same across platforms.
73
+
70
74
-**Outlook.com adds some pixels at the end of each image which can rearrange spacing, alignment, or padding**
71
75
72
-
- Use the "Outlook.com hack"
73
-
74
-
- img {display:block;}
75
-
- This removes the padding in outlook.com and gives predictable results across many other email clients in terms of added spacing or padding to images.
76
-
-**Avoid 'float' tags**
76
+
- Use the "Outlook.com hack" - `img {display:block;}`. This removes the padding in outlook.com and gives predictable results across many other email clients in terms of added spacing or padding to images.
77
77
78
-
- Outlook cannot support these tags
79
-
- Instead use 'align'
80
78
81
-
- ie. `<img src="image.jpeg" align="right">`
82
-
-_Seeing issues with Yahoo! as well in this respect?_
79
+
-**Avoid 'float' tags**
83
80
84
-
- Try align="top" to the image in question.
81
+
- Outlook cannot support these tags, so SendGrid recommends using align tags. For example, `<img src="image.jpeg" align="right">`.
82
+
83
+
- Yahoo! has similar issues, so SendGrid recommends using align="top" for the image in question.
85
84
86
85
87
86
## Controlling converted plain text email output
88
87
89
-
_To control the output of plain-text conversion do one of the following:_
90
-
91
-
* Turn off the filters causing the conversion from plain text to HTML.
92
-
* Start each line with a space, this will add a "preformatted" `<pre>` tag around the line.
93
-
* Separate new sentences with double newlines, which will add a "paragraph" `<p>` tag around the sentence.
94
-
* Convert your message to HTML, bypassing our need to convert it altogether.
88
+
*To control the output of plain-text conversion do one of the following:*
95
89
96
-
- To disable conversion globally, click **Mail Settings** and select **Plain Content** and enable the suppression.
90
+
1. Turn off the filters causing the conversion from plain text to HTML.
91
+
1. Start each line with a space, this will add a "preformatted" `<pre>` tag around the line.
92
+
1. Separate new sentences with double newlines, which will add a "paragraph" `<p>` tag around the sentence.
93
+
1. Convert your message to HTML, bypassing our need to convert it altogether.
94
+
1. To disable conversion globally, click **Mail Settings** and select **Plain Content** and enable the suppression.
97
95
98
96
**Why can't you just automatically add `<br />` tags to newlines upon conversion?**
Copy file name to clipboardExpand all lines: content/docs/ui/sending-email/warming-up-an-ip-address.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,7 +19,7 @@ IP warming is the practice of gradually increasing the volume of mail sent with
19
19
20
20
When an ISP observes email suddenly coming from a new or "cold" IP address, they will take notice and immediately begin evaluating the traffic coming from that IP. Since ISPs treat email volume as a key determining factor when detecting spam, it is best to begin sending a low to moderate volume, eventually working your way up to larger volumes. This gives the receiving email providers a chance to closely observe your sending habits and record how your recipients engage with your email.
21
21
22
-
A gradual warm-up does not always guarantee a perfect sending reputation. It is still important to follow sending [best practices](https://sendgrid.com/blog/10-tips-to-keep-email-out-of-the-spam-folder/).
22
+
A gradual warmup does not always guarantee a perfect sending reputation. It is still important to follow sending [best practices](https://sendgrid.com/blog/10-tips-to-keep-email-out-of-the-spam-folder/).
0 commit comments