When I browse the inbox on iPhones and iPads, I see a short preview of the text below the subject line. Gmail also does the same thing (though I don't know if this works the same way).
Is it some way I can influence what text that should be used for the preview, instead of simply using the first sentence(s) in the mail?
Background: I am updating a newsletter that sends out news stories automatically. Usually, the subject line is identical to the header text, so the preview text is redundant. I want to make it show some of the text of the actual article instead.
Related
In our web shop we email customers after each purchase. Up until now all emails displayed properly, but now, in some cases all links inside the email is displayed as doubled plain text. This is happening only to some customers, and I can not find anything about that issue and how to solve it.
Correct Display:
Incorrect Display:
NOTE 1:
I created HTML for that email. The link is wrapped with <a> tag, but when we inspect the incorrectly displayed email, the <a> is removed and only the text is present in the DOM.
NOTE 2:
This is only happening to some customers. We checked and they don't have any ad blocked enabled. Also, this is not browser related issue since they also tried to open email on different browsers.
This happens with Outlook.com and Outlook 365 environments. If the link does not have a http:// or https:// (or other) protocol, it will do this.
Therefore, ensure all your links use a protocol, i.e. ..., and NOT ...
Just in case anyone else winds up here ... we had a similar issue
Our HTML bulk-email (sent programmatically via Exchange) showed formatted correctly in SENT ITEMS, but arrived (when viewed in Outlook) somewhat broken. It was fine if we emailed to e.g. GMail / Hotmail, so probably only a problem with Outlook rendering.
The Outlook presentation was PLAIN TEXT and not Rich / HTML. Noticeable because "View Source" was greyed out. (The content, as sent, definitely had HTML / HEEAD / BODY etc. tags, and it validated OK at W3C - Outlook removed all such HTML tags - seems strange that Outlook decided to display in plain text and then remove all the, correctly coded, HTML tags)
Some, but NOT all, yyy tags displayed wrongly - in particular the tag https://www.example.com/ was what we, eventually, found had caused the email to render (in Outlook) as plain text - all HTML tags stripped and some LINKs rendered wrongly. That HTTPS link did render correctly, but others in the same email which were coded as www.link.com/MyPath rendered as
www.link.com/MyPath<https://www.link.com/MyPath>
same with mailto: links
Removing the HTTPS:// from within the <a href...>HTTPS://xxx</a> tag fixed the problem - took us a while to find though!
So basically it seems that the HREF property should include https:// and the value within the <a> tag should NOT
I created an email signature which was working fine until August 14th when the last test was done. But today, on Outlook, the signature has this icon on top of it and it doesn't happen to everyone. The icon has the title Show original size. Nothing has changed for the HTML from where the signature is copied.
Here is the signature http://joseadrian.com/signature.html. It happens only with the visual version, not the text one on the textarea. And again, when I send it, it doesn't happen but it does when other users do it using the same email client.
While checking the message source it appears that Outlook filters the email for some people and adds the images behind a proxy //imgproxy-prod.services.web.outlook.com/proxy/?u=.... That's the only difference I could detect.
I send the email with the signature, the other user doesn't see the icon
Other user sends email to me with the signature, I see the icon
Other user sends email to another user wit the signature, they see the icon
Is there any way for that icon to not appear? The icon does not appear on the message source, it appears after one second after the email is loaded. The email clients used are Outlook for Web and for desktop (app/program)
After analyzing different emails, the icon appears when an element's width within the email is greater than the reading panel.
And somehow the email client for them is setting a fixed width to the table when the width on the HTML is '100%'.
<!-- Somehow vvvvvvvvvv turns into a fixed width `##px` in the email client -->
<table style="width:100%" width="100%">
I have created a Newsletter template on MailChimp and exported the template. I have also used the CSS Inliner tool to convert the HTML Code.
But How do I use this code to send the email from my outlook account?
Thanks in Advance for your help.
For this, you can use the import > import as text button in Outlook on the saved HTML file and it should populate into Outlook. (ref)
Open Outlook
Select the Create New-Email icon from the menu bar
From the top navigation menu options choose Insert
Select the Attach File icon
Navigate to the HTML file you want to insert
Select the file (highlight it)
From the Insert Drop Down Menu select Insert as Text
See this answer for more details on Outlook 2016: Getting my HTML into Email
Please keep in mind a couple things:
Outlook strips out all media queries when it sends, effectively removing responsive design
Outlook rewrites your code into Word HTML, which can cause discrepancies in functionality and display
MailChimp usually keeps proprietary code inside of its templates that are not read by other email clients and can cause issues
You need to ensure all CAN-SPAM regulations (physical address, unsubscribe ability) are still displayed inside the email or potentially face fines up to $10,000 per email that violates it.
The Thunderbird Addon Display Contact Photo shows a nice picture of users (or optionally their gravatar/identicon/wavatar/monsterid) next to the mail header and in the recepient list. Is it possible to have that icon also displayed in the Recepient column (or even better, the Correspondent one from Show InOut) or a separate column in the default mail list?
That is, I'd like to have the image from the left of the contacts in this screenshot
(source: mozilla.net)
also in the email overview so I can see very quickly whom each email is from.
Thunderbayes++ shows an icon in the email overview, if a mail is spam, ham or unsure. Maybe the code of this extension can help you to implement this.
Our organization is completely on Gmail (Google Apps), and we are trying to figure out a way to show/hide content in the body of the email and have the recipient decide whether to show the content or collapse it to hide it.
The reason why we need to do this is because we send out generic emails in various languages, so we want the recipient to simply click on their language and have the email show the text in that language.
Things we want to avoid:
Sending multiple emails out in different language (and have to manage email recipients languages and multiple emails).
Display the content for all the languages one after another in the body of the email and have the user scroll down to their language.
One way I thought of doing this is by using Javascript to show/hide a div in the email that would hold the content for each language. For example, I would have an "English" hyperlink, a "Spanish" hyperlink, a "Chinese" hyperlink, etc and on click, the JS would show the div associated to the language that was clicked.
However, I was not able to get Javascript to run in Gmail when I sent a HTML email from an email client (Thunderbird).
The solution I'm looking for should ideally only require Gmail as some of the users do not have access to browse any other site outside of Gmail from their Chrome browser.
The simple solution would just be an HTML (no javascript) email with a "table of contents" at the top showing the various languages. Clicking a language in the table of contents would jump to that language's anchor in the HTML (and thus, the correct language message body).
The hard way to do this would be to write a Gmail contextual gadget:
https://developers.google.com/google-apps/gmail/contextual_gadgets
Options that don't work:
JavaScript doesn't work in Gmail
Pseudo-selectors aren't supported, so you can't do anything like :active td { height:100px }
display:none and visibility:invisible aren't supported
Ideas that might work
Point the image to your server, and get the HTTP headers. With a combination of HTTP_ACCEPT_LANGUAGE and the IP address, you should be able to serve up the appropriate image.
In Gmail labs, there is an option to add apps by XML. You could write an app that lets you do more advanced stuff, and tell your users to install that.
Personally, I wouldn't worry about just displaying the content one after the other. Put an index of the languages at the top of the email, with anchor links to the relevant language.