Inline/Base64 Images in GMail - html

It's quite common for users to paste screenshots from their computer's clipboard into the body of an email but there seems to be problems associated with this.
The main one is that GMail doesn't seem to render the mails (Lotus Notes does) but in some cases shows no image or the actual HTML:
I've posted the decoded HTML of the mail here: http://cl1p.net/base63emailex and it renders in IE11 and Chrome just fine.
The relevant RAW mail body is available here: https://cl1p.net/base63emailexraw
1) Why does GMail not render the images.
2) Is there a better way of offering users the simple Ctrl+V method of embedding images.
I mean this is 2015 and users of mail clients creating attachments for each image is surely something from the dark ages of computing...

Related

Hyperlinks within email body work in browser but not Gmail mobile app

I've got a program that generates email reports and sends to certain recipients. The email contains a table of contents with hyperlinks to bookmarks later in the email.
This works perfectly when viewing mails in the browser, e.g. on gmail.com. However, recently something seems to have changed in the Gmail mobile app, and my hyperlinks no longer work there.
When generating the email, the link is of the form:
Section 1
and the bookmark is of the form:
<a name="section_1"/>
In the browser, the link URL appears in the form:
https://mail.google.com/mail/u/0/#m_3653008429050877336_1
In the Gmail app, however, the link appears in the form:
x-thread://-90370221/435827759917983#m_3653008429050877336_1
Any ideas what has changed, and how to make my intra-document hyperlinks work again?
Orignal Answer
This functionality is not available in gmail app. Here is the link to google forum where you can confirm:
https://productforums.google.com/forum/#!topic/gmail/CdhA_3Z1yTo
You can insert link in the gmail app (like http://www.google.com) in Gmail app which is automatically converted to clickable link when you send the message but if you want hyperlink (like "click here" and when you click on it you are directed to the link to the page) you will have to do it from your browser only. There is no option available in Gmail app to do that.
The alternate solution is to use Microsoft Outlook. Add your google account in Outlook app.
In the compose section long press in the area then you get option to add hyperlink.
Answer after discussion in chat
It seems that the problem is with the gmail app version. If you want to open links received in your gmail app so that you are redirected to the location of message in the same mail you need to have minimum version 8 of gmail app. Verified this as I was able to access the links in my gmail app as well as my browser.
Platforms on which veried the links:
Android 6.0.1 - Gmail Version: 8.1.7.182107449.release
Windows 10 - Chrome: Version 63.0.3239.132
Ubuntu 16.04 (xenial) - Firefox: Version 57.0.4
To get around the Gmail app not having an option to insert a link into text (hyperlink) on my mobile device I use another mobile app to compose the email first. Currently, the only app I have discovered to be compatible with this trick is Google Docs. I find it works for typing, formatting, inserting images and creating hyperlinks.
To upload from Google Docs into Gmail I am presently only aware of the ability to highlight the planned body of the email in Google Docs then pasting it into Gmail.
Using Google Docs I am aware of the ability to carry over changes to some features of the hypertext. Such as colour, boldness, italics, size, underline. There are possibly more customizable options available before inserting what you have composed into Gmail.
I am unaware of any tricks to create a usable hyperlink of images for use in the Gmail app.
Such a feature outside the “Signature” on Gmail desktop could prove most beneficial.
I had the same issue. I was adding hyperlinks as following
Click Here
I did it to handle the possibility of https not available on the website as links are dynamic in the email. When I changed it to following then it worked on gmail app as well.
Click Here
You can’t do it in the gmail mobile app. Sorry. Also, it matters what version you have.
I found a link on these forums with a fix. Essentially they said that if you put a span inside the link, it will fix the problem. I've not yet had a chance to test it however. According to the post:
This won't work:
Bar
But either of the following will:
<span>Bar</span>
<font>Bar</font>

How to code propper HTML mails for MS Outlook

I am developing an php app which sends finally styled html mails with PHPMailer, inlcuding logos etc.. A number of mail apps receive and displays this mails perfect, but not Outlook on PC. It simply ignores all : HTML code and simple text. Weired.
Does anyone can give some hints what to do , where to look to satisfy MS Outlook ?
This question is NOT about common HTML programming issues but about WHAT does OUTLOOK need to get satisfied to show html mails. I red that OUTLOOK uses Word to render mails. So which kind of HTML does Word expect ?

Gmail breaks the formatting of my HTML email?

I am attempting to create an HTML newsletter to send out. I have created the newsletter in Microsoft Publisher and exported it to HTML. I then open the HTML file and select all and paste it into a Gmail draft. In the preview, the newsletter looks great but when I send it to myself and receive it, Gmail completely breaks the formatting and pushes all the text below the image. When I tested this with my AOL email, the formatting was fine and the text was on top of the image where its supposed to be. I even tried using Mailchimp to code the newsletter and it also appeared to be fine but when I sent it to all my emails, Gmail was the only one that broke the format. The email looks perfect on AOL and even on my iPhone Mail App which is connected to my Gmail. What am I doing wrong?
It looks to me like the columns are being lined up wrong, but from the code you have sent this is probably the least of your worries. Creating a html email in Microsoft Publisher is a bad idea. You might be better using something like mailchimp's free builder and copying the html out of that (or even just sending from there)

Link to mail server from website

I have an email page on my website with a form and tinyMCE and all that fancy stuff, but I also want to add a couple of links to the popular mail servers such as gmail, yahoo, and hotmail.
I've seen some links that go to the my Microsoft Office Outlook (which I never use), and I've also seen a gmail link that opens up gmail in a new tab with a form already open and a mailto: value already given. Just wondering how this is done if I, lets say, have a mailto: value to send and perhaps a subject and message.
Just to make it clear, I want three or four image links on my page, each one for a different mail server (gmail, yahoo...) and when clicked on, it opens a form partly filled out (a mailto:value and possibly a subject and/or message) fullscreen. Thanks.
It's not going to be easy, as you'll have to integrate with each one of these services. How about going at it a different way? For GMail (at least on Chrome) you can figure the web app as the handler for your mailto: links. With that, you can create a link that opens GMail, optionally with subject and body filled in. See RFC2368 for details, or try this link.
Most users don't have accounts on all of the web mail services you mentioned anyways, and using the mailto link allow the mail to the sent using the user's default e-mail client (may it be Outlook, or GMail) which most people prefer anyways.

Mailto Link Not Working in Hotmail

So I have an html email that I am creating for my company for an email campaign we are going to be sending soon for an organization we represent. It contains 2 primary links, one to email a person at the organization we represent, and one to go to the landing page on the site of the organization. The landing page link works fine, the mailto: link does not when the email is viewed from Hotmail. It works on other clients besides Hotmail including Gmail and Outlook.
This is not because the computer which I am testing on does not have an email client installed. It has Outlook 2010 installed and registered as the mailto application. When mailto links are clicked on other sites (not hotmail) they work great...outlook launches a new message window as it should and fills in the subject and email. When we went to test on Hotmail, it shows the mailto link in the status bar, but no action occurs when you click the link. It's as if the link was not a link at all.
This is the link we are trying to use: (edited slightly for privacy)
<div class="button">Email a Resident Advisor</div>
This is placed within an html table cell. It has some basic css styling applied (all embedded in the html email itself). The button class is just designed to make the link stand out in the email...give it a red border and bold the link.
To be much more clear:
Works:
Gmail - IE9, Chrome, Firefox
Outlook - worked.
Does not work:
Hotmail - All browsers tried
The email was sent using the preview function of CampaignMonitor (handled by our QA guy, I don't have access to it as I'm rather new to the company).
I just need to figure out a way to make this work. Thanks in advance.
Two other programmer and I spent 2 days dealing with this problem earlier this week. I don't have the relevant links handy, but the long and short of the story is that this is a known issue and currently unresolved.
mailto: links will under no circumstance, work in Hotmail, they are removed or something.
We ultimately ended up adding copy instructing recipients to email foo#mail.com in lieu of clicking the link.
Here's a possible solution I found at http://windowsxp.mvps.org/hmposturl.htm that I modified for my purposes. It would require sending unique creative with a custom link to only your Hotmail recipients but it seems to work for me. Here's the href string I used:
http://www.hotmail.msn.com/secure/start?action=compose&to=email#domain.com&subject=My Subject Line&body=Email Body
This is a common problem with most webmail based systems. mailto: doesn't invoke them. Google mailto hotmail and you will find answers for Windows and for specific browsers. I think this will set it up for you
http://email.about.com/od/windowslivehotmailtips/qt/How_to_Make_Windows_Live_Hotmail_Your_Default_Email_Program.htm
Just add target='_blank'...use the 'a' html tag as...
<a href='mailto:Your MAILTO ID' target='_blank'>SOME Support</a>
This works in hotmail client, but it launch new browser instance additionally.
Known problem, I can confirm, is not working on Hotmail web mail only, rest of them work fine, we had the same problem here and we give up trying.
If you really really want that the only way is to use JavaScript, onClick change window location but that introduces a new dependency: JavaScript.