I have created an HTML email signature using the usual tables and inline styling.
There is also one image attachment of a logo. It displays perfectly in all email clients.
However when I try and make an iPhone/iPad signature I have problems:
The image displays ok, for a couple of hours and then just drops away and a little box with a cross displays instead.
Does anyone have any ideas why this might be?
It’s a little tricky to setup an email signature with an image on iPhone or iPad. If you simply copy and paste a signature, the image will work at first but after some time, it will become missing and will just show up as a blank box instead of your image in your html email signature.
Here is the solution that worked for me. Hope it helps you.
PREPARE THE HTML SIGNATURE.
Create an html signature with an image that points to your server
Save the .html file and email it to yourself.
Sample HTML email signature with image for iPhone/iPad http://vitworks.com/html-email-signature-with-an-image-on-iphoneipad/
HOW TO SETUP EMAIL SIGNATURE WITH AN IMAGE ON YOUR IPHONE.
On your iPhone open the email that contains the email-signature.html
Tap on the html file to open it
Press and hold anywhere on the screen
Then choose Copy
Press the home screen
Go to Settings
Scroll down and choose “Mail, Contacts, Calendars”
Then Scroll down and tap on Signature
Delete your current email signature
Press and hold till you get a menu
Choose paste
This is very important step: Make sure to shake your phone from side to side
Choose undo (This removes the extra spacing and formatting that the iPhone automatically adds to your signature.
Tap anywhere on the white space to unselect
Now edit the signature with your information
(make sure to completely remove the default phone numbers and type them in again to make sure that the numbers are not blue.
Tap the Back Button
To test is out
Go to Mail and create a new email. Your email signature with an image will automatically show up on the bottom of your emails on your iphone.
If the signature was edited and graphic information in Outlook's editor was changed at all, it sometimes will download the graphics and refer to them differently in the file. If you copy and paste that to your iPhone then, it breaks and loses the graphics because it looks for them locally.
Check to see if there is a folder in your %appdata%\microsoft\signatures folder that matches your signature name. If the graphics are stored in that folder, it's a good bet something happened to your hosted hyperlinks. Outlook likes to change those to local at times.
For anyone who finds this 4 years on.
When you select your signature and hit copy then paste it into the 'signature' area on ios you need to ensure its copied everything.
Sometimes it looks like its copied everything when in fact its cut off the end of a table or other code.
The only way I could get this to work was to add
<p>your name</p><br><br>
your signature content
<br><br><p>end</p>
Copy the entire signature, with the extra code. Paste it into the mail signature box and delete the word 'end'. Don't delete any other spaces.
Apple. Nightmare.
Is the image stored on a remote server? If so it may be that your iDevice is not connected to a network (WIFI or 3G). Eg: When you're in the office/at home its on your local WIFI and then when you move away it has no signal and therefore no way to download the image when you compose a new email.
I had the same problem and my HTML signature images would not show up.
I copy pasted the html content in the email signature and sent an email to my gmail account and pictures showed up. So, I downloaded gmail app for ios, I coppied the signature from that email that I sent to my self with showing pitures.
Then I pasted it into the signature part and surprisingly it worked!!
I don't know why iPhone cannot pick it up itself, but I think when you copy the html file and paste it in the signature place, it does not copy all of the html code or something will be missing. But, when you copy it from an email on the Gmail app on IOS, it will copy the html because gmail plain is html.
Let me know if it works for you too.
Related
HTML novice here stumbling around with modifying some email code that put together using some online generators and such. I am trying to send an email to customers with an embedded link that will automatically open the iOS app store "redeem" button for an app that I have gifted them.
The link to accomplish this for a given "gifted app" is as follows:
itms-apps://buy.itunes.apple.com/WebObjects/MZFinance.woa/wa/freeProductCodeWizard?code=PROMOCODEHERE?mt=8
This link works fine when clicked from iMessage, apple Notes, etc on iPhone (I.e., opens the app store and just has a redeem button, thus allowing the person to directly install the app to their phone). It would also work just fine if you remove the itms-apps:// portion and the user defaults to Safari browser - the issue I'm trying to avoid is if they use a non-default browser (Chrome, etc) so that the link goes direct to app store.
Within the email, I'm using the following (the itms-apps:// link is technically called from a variable, but I've tried it with and without variable to no success). The email sends and the button this link is in just does nothing on iPhone, isn't tappable etc.
TAP FROM iOS TO INSTALL
So far, as mentioned I've tried
Removing the variable which calls in the promo code app store link
Using a URL encoder to make sure special/reserved characters aren't an issue (result looks like the following)
TAP FROM iOS TO INSTALL
... but these options aren't working. Would love any thoughts as to how to approach this! Thanks in advance.
Try to add this in your Info.plist
I created a basic signature using HTML Tables that contains some images. I have inserted the images using <img> Tags. The images are hosted on a remote server.
After making the signature in HTML, to insert the signature on Gmail. I followed the following procedure:
open the HTML file, copy the content using 'ctrl+a' / 'ctrl+c'
open gmail -> settings -> signatures -> add new signature and paste 'ctrl+v' on the editor.
Everything works fine. The HTML structure and the inline styles stay intact. However, the images do not load up. Instead, I get a broken image icon instead of images, which you get when the image is not found. When I try to compose the signature, I see my signature without the image on the Gmail email compose editor.
When I send the email, however, everything works perfectly fine, the image on the signature loads up perfectly when I open the email in the inbox or on the sent item.
My issue is I want the images on my signature to load up when I am composing the email as well. The only solution I find on the internet is to turn on the plain text mode while composing the email. Turning off/on plain text mode does not work for me.
I am trying to generate email signatures for my entire company so I am using a script to fill in an HTML template with each individual's information and generating an HTML file that I would like to use for the signature. The generation of the HTML works fine and I can load the HTML into chrome and it displays 100% correctly.
I would prefer to not have to host these images somewhere at the moment and would like them to be embedded in the e-mail. We can achieve this by using outlook on each individuals machine to create the signature by hand, but again we want to avoid that. Ideally, we will generate these templates and then automatically put these files on each employee's computer so all we have to do is select the signature from outlook.
The problem we are having is that when we do this, the image does not load. It seems that outlook won't allow base64 encoded images? I've tried to work around this by trying to attach the image to the email and then referencing it, but this doesn't seem to work either. I used this template. I got the boundary from a test email I sent myself, but I don't even know if this is a good way to go about this either.
In short, is there a way to create an .htm file for outlook signatures that includes the image inside the .htm file?
External image file that will be added as an attachment is the only way - Word (which renders HTML messages in Outlook) does not support base64 embedded images.
Try to create a new signature with an image in Outlook and see how they reference the images.
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)
so i've made styled e-mail but now i don't know how to send it using gmail or any other e-mail platform. Apparently just copying and pasting the code into the e-mail doesn't work. Any ideas? Thanks
Interesting question! We have always used a whole tool-stack for these things (e.g. a CMS in which contents are edited and an mailing-tool, which would read the mail content from a URL provided by the CMS).
However, if you do it locally on your machine with Outlook, this link might help (just tried it and it works for me):
http://www.soltech-solutions.com/how-to-import-html-into-outlook-email.html
Note that creating HTML based mail that displays well on many platforms is quite a challenging task with many caveats.
Create a new email, click on “Attach File”. Find your .html file, then, click on the drop down arrow next to “Insert”. Scroll down and click on “Insert as Text”.Your .html file should now be displayed in your e-mail as you were intending. Just make sure to test any of links, etc. before sending.