Is there a way to show email content only on Outlook.com (the browser version) and hide for the rest?
Example:
<!--[if !mso]><!-- -->
Show this for all platforms except Outlook Desktop
<!--<![endif]-->
<!-- -->
Hide this for all platforms except Outlook Browser
<!-- -->
Thanks for the help
There is no trivial to get such functionality out of the box. The Outlook object model, nor the editor, doesn't provide anything for that. However, you can develop an Outlook add-in (former Mail App) which can be run on the web and display the message body. See Outlook add-ins for more information.
Related
I would like to run a GIPHY in an outlook email, which automatically starts when the user opens the email in their inbox.
Currently this is not possible in outlook 2013 as Microsoft disabled the functionality (They now use word as a text editor which does not read HTML). Users can view the email through a web browser but I don't want to have to ask them that!
My question is, is there an alternative to a GIPHY which I can run in an outlook email so that I can get a moving image, without the user viewing through the web browser?
Microsoft Outlook isn't capable of displaying animated GIF files. It doesn't work with web video either.
My suggestion is to set up your animated image so the first frame conveys the message you're trying to send.
If the viewer clicks on the image and views it in a browser window, it will work.
You could add a message for Outlook viewers on how to load an animated gif image.
<!--[if (gte mso 9)|(IE)]>If you have Outlook, jump through hoops!<![endif]-->
Good luck.
The goal here is I've developed slider content for my site, and would like to have that same content in an email I send to a client. That content in the email is static, but the slider gets regular updates. When a customer opens an old email, I'd like them to see the newer slider content. I can get access to the exchange server if required. Is there a way to do this with signatures, or other Outlook functionality?
Outlook uses Word for rendeting message bodies. Unfortunately this fact intrudces somes restrictions to the HTML content which can be displayed in the message. You can read about supported and unsupported HTML elements, attributes, and cascading style sheets properties in the following articles:
Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)
Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2)
Also Outlook prevents any JS code from ruuning on the page for the sake of security.
Note : read both answers below, thery helped us.
Original question:
Want to show appropriate deep link : http://en.wikipedia.org/wiki/Mobile_deep_linking so if android and no our app installed : show android app link, else html page link
App sends email to users. Want to be able to change links depending on device. If desktop - as is. If mobile go thru mail body and add "m." to all the href OR other link if our native app installed.
Do mobile mail clients run js?
Do I need to encode the js in anyway. Tried google but not able to get the right keywords to search for. End up on page about send grid or using js to send an email.
I want js inside email body. I know can change template at server, but want it to be dynamic to current client. So same email opened on desktop -> desktop links ; inside mobile app or browser - mobile links.
Or other html solution would be cool. W3 are you listening?
You can show/hide links depending on device using media queries. Try this:
<style>
#media only screen and (max-device-width: 500px) {
a[class=mobileLink] {
display: inline !important;
font-size: 24px !important;
}
a[class=desktopLink] {
display: none !important;
}
}
</style>
<!-- Starting link switching technique -->
HTML page link
<a href="link/for/mobile/version" class="mobileLink" style="display:none;
font-size:0px">Mobile page link</a>
<!-- End link switching technique -->
Yes, Outlook ignores display:none but if the link is just text, font-size:0px should take care that.
Want to show appropriate deep link : http://en.wikipedia.org/wiki/Mobile_deep_linking so if android and no our app installed : show android app link, else html page link
This cannot be done in emails, but it can be done in landing pages, like the web version of your email.
App sends email to users. Want to be able to change links depending on device. If desktop - as is. If mobile go thru mail body and add "m." to all the href OR other link if our native app installed.
This can be done by using media queries to hide/show desktop or mobile content when appropriate. (Responsive emails.)
Do mobile mail clients run js?
No -- security issues.
Do I need to encode the js in anyway. Tried google but not able to get the right keywords to search for. End up on page about send grid or using js to send an email.
There's nothing you can do to get JS to work in email clients. It just won't work.
I want js inside email body. I know can change template at server, but want it to be dynamic to current client. So same email opened on desktop -> desktop links ; inside mobile app or browser - mobile links.
Once again, this can be done using media queries. (Responsive emails.) There are some drawbacks, but I suggest doing a Google search for "Responsive Emails" to get started.
Or other html solution would be cool. W3 are you listening?
There's nothing they can do in the email world. Unlike web browsers, where there are set standards, in the email world, anything goes.
Edit: Although using media queries to show the appropriate link/button for the devices, it's not a bulletproof solution. The best solution is to use your web server's power to determine where the user should go, depending on their user agent or viewport size.
There is a more modern solution, that is supported natively by mobile platforms.
On ios it's called universal links and on Android app links.
Ok, I have a client with a peculiar request. He wants to receive an (generated by a workflow) email with a hyperlink that will open a pop-up dialog if you click on it. Note: the link within the email should open a popup and not a web page in a browser.
I immediately thought this would be impossible, but after looking around a bit I found out that you can create a workflow variable with tags in them and insert them into the email body.
eg: here
The conclusion that I draw from this is that an email consists of html code that the email client renders. Now I'm wondering if there is a way to make use of a tag no cause a modal dialog to pop up?
I guess the question is what functionality the email client (Microsoft Outlook) supports. I can't figure how to attach some JavaScript or something that will be used by Outlook. Is there perhaps some embedded functionality within Outlook to accomplish this?
That is very easy. Use this sample code and understand how it works with just normal "mailto" function:
<!DOCTYPE html>
<html>
<body>
<p>
This is an email link:
<a href="mailto:someone#example.com?Subject=Hello%20again">
Send Mail</a>
</p>
<p>
</p>
</body>
</html>
use
window.open('example.html',400,600) ;
in your HTML code..
Also Refer this link for the answer of your question
http://www.coderanch.com/t/121512/HTML-CSS-JavaScript/Opening-popup-JS-outlook-mails
In outlook 2010 (Windows 7), for some html email, I can see the "View in Browser" action directly like below
While for some html emails, I can't see this directly, I have to select it from menu
Do you know which part of the html triggered this ?
Reason behind it is to make sure people using outlook 2010 have chance to see better email.
Add this line of HTML at the bottom of the document before the closing body tag.
<span style="padding: 0px;"></span>