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.
Related
i am developing HTML emails and no wonder, making it good on outlook is painstakingly challenging.
is there any way you can inspect elements on outlook the way we usually do on browser console?
The best way to do this is to use a tool like Litmus or Email on Acid. You can send your code to lots of different environments, and then get screenshots - and resultant code - back.
In Litmus, in an email, you go to Builder -> Email Previews -> Outlook preview -> View processed HTML. It will give you a render & the final code.
While you can view the source in Outlook (see PaulS answer: Open email (double-click) > Actions > Other Actions > View Source), that gives you the source, which you already have. To get the rendered code, you can forward your email to yourself, and then go to view source. It will have a little bit extra at the top, but should be essentially the translated HTML.
Then, once you have the code, you can copy that to a new HTML file and open that up in Chrome/FF/your browser.
However, this is not particularly helpful. That's for advanced use-cases. If you stick to simple tables and inline CSS, and leave out HTML5 and CSS3, you'll be pretty much right.
In Microsoft Outlook, double-click to open an email. You’ll see an “Actions” menu under the “Message” tab. Click on that menu and select the “Other Actions,” then click on “View Source” to see the HTML code.
Simple answer, no.
There are ways to grab the source code using the steps #PaulS detailed.
I would also look into reading 'how-to code for Outlook' articles. Plenty of them out there and they'll give you an idea of where you could add Outlook only code to make your layouts work as they do in other email clients or simply learn how to adjust/adapt your code to work everywhere.
I am creating a website and there is a page with people that are part of the company. Each person has an email that i want for the user to be able to get the email for the person that he/she want.
If we were in 2011 i would have used mailto: html tag. But really not so many people are using desktop email clients.
I thought about linking to a link so a new window would open in gmail and a new message would be created with recepient the pressed email. BUT not everyone uses gmail.
The only posible "solution" that i though that when the user clicks on the email this would be copied automatically in the clipboard. It would have the same result as doing CTRL & C at something. BUT this requires a lot of time and i dont want to get my hands dirty with javascript.
Is there any other way to do this ?
You should probably still use mailto:. mailto: is not intended for just desktops, it identifies a handler for the client. A mobile device would be able to recognize it just as well, and launch its preferred MTU.
With a lot of addons like smartaddon contact form and foxyform available out there, you could add them to your html code.
But, if you could use php, it to would just take few statements of code to set up the contact form on your own. Refer this post which explains clearly on how to set up your contact form using php.
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.
I have a mailchip signup form in the footer of my site. I've noticed recently that after trying to signup, the user is greeted with a 404:page not found error reading:
MailChimp It seems the page you were looking for has disappeared We’ve
recorded this vanishing act and our team of chimp magicians will find
the missing link.
The form worked perfectly on my old site, I'm not quite sure why it's suddenly stopped- I didn't change anything but the styling.
When you create your MailChimp subscribe form, you have the option to specify your own Thank You page that users are sent to after they subscribe:
http://kb.mailchimp.com/article/can-i-design-and-host-my-own-thank-you-pages-instead-of-using-mailchimps/
Are you sure that MailChimp isn't trying to redirect your users back to a Thank You page of your own... that no longer exists on your end?
Regardless, I'd recommend going through the steps on that page to create a new subscribe form from scratch, specify the options including the Thank You page that you want to use, and place the new embed code in the footer of your website. That should fix whatever is currently broken.
your question is broad,It may have multiple reasons:
1: Compare your old code and new code and see difference if any malicious code is written (includes other pages or script that leads to errors)
2: Check if the Signup page (abc.html etc) file is present on the server and not deleted/Renamed during deployment. Also check nested pages that are included as headers/ footers
3: Some times files are placed in the wrong directory. Make sure particular file is placed at the required location.
please specify what type of page is it and called from which source (JSP/simple html etc).
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.