i have use mail to html code. this code will be all browser and ipad is working fine. but mobile devices not working.
<img alt="Email" src="images/mail.gif">
thanks for your future help!
<a href="mailto:?subject=title&body=content">
<img alt="Email" src="images/mail.gif">
</a>
try subject and body in lower-cases and it will work.
Related
I have made an email signature in Outlook (2016) by pasting HTML in the window where one can type a new signature (File>Options>Email>Signatures>New).
It looks good when sending a mail, it shows all images. The receiver of the mail (on any other mail client but Outlook, e.g. on Apple Mail or Gmail) can see the images too, but when this receiver using Apple Mail or so is going to reply to this mail, the images in the signature of the originally sent email have disappeared and have been replaced by
<image001.png> (referring to images saved locally within C:\Users\[name]\AppData\Roaming\Microsoft\Signatures, in the respective [signature name]_files folder, while the src of the original <img/>s in the signature are URLs to actual accessible files on the web). These images can be displayed anyway by clicking a button to 'include attachments of the original mail', which is, let's say, weird. It apparently turns the images in Outlook-signatures into attachments, which are being blocked or so, as it seems.
Has anyone had a comparable problem, and/or is kind to share a solution for this issue?
Thank you in advance.
Try adding ? and then a random number at the end of your image URL. Also, make sure you are using a CDN to deliver the image. I use cloudinary.com...
Here is an example of what I did...
<table cellPadding="0" cellSpacing="0">
<tbody>
<tr>
<td style="vertical-align:top"></td>
<td>
<div><font size="4">Name</font></div>
<div>Title</div>
<div><span style="margin-right:8px">phone</span></div>
<div><span style="margin-right:8px"><a style="color:blue" href="mailto:email">email</a></span></div>
<div><span style="margin-right:8px">address</span></div>
<div style="padding: 0 0em 2em 0;">
<img src="http://CDN/Facebook.jpg?7" alt="Facebook" />
<img src="http://CDN/Twitter.jpg?5" alt="Twitter" />
<img src="http://CDN/Instagram.jpg?3" alt="Instagram" />
<img src="http://CDN/Linkedin.jpg?2" alt="LinkedIn" />
</div>
</td>
</tr>
</tbody>
I open this HTML in my web browser, copy and paste it into the signature section of Outlook. One caveat.. I am using the Outlook Web Browser for my email, not the Application.
I have been testing:
Outlook -> Gmail -> Outlook, and my signature stays intact.
So far this has been working for 2 days. I am going to keep testing but give it a shot and let me know if you see the same good results.
Flarum is a new-age forum software and it has a brilliant mobile web app that works incredibly well on iOS/Android's chrome. It has lots of functionality such as swiping discussions, tapping on replies etc etc.
My goal is to load that same mobile web app from an Ionic hybrid app. The first thing I tried loading the mobile web app from an iFrame. This caused a lot of problems. Initially the page wouldn't even scroll, only after a couple session of serious google-fu was I able to get the scrolling to work, that too it was very choppy.
Then I started looking at ngCordova's InAppBrowser. The problem is I can't seem to get the same functionality as loading it from Chrome within iOS/Android. Scrolling works fine, but the other functionality is missing ie swiping of discussion and many other things.
Is this a limitation within Ionic/ngCordova, or is there something that I should look at ? I've looked at the documentation and followed the steps from here
Any tips, pointers, or sample apps would be greatly appreciated. Thanks !
tl;dr: I want to load a mobile website from Ionic ngCordova's InAppBrowser, but can get the same functionality as loading it from chrome/safari on a mobile device.
JS
window.open(‘http://example.com’, ‘_system’); //Loads in the system browser
window.open(‘http://example.com’, ‘_blank’); //Loads in the InAppBrowser
window.open(‘http://example.com’, ‘_blank’, ‘location=no’); //Loads in the InAppBrowser with no location bar
window.open(‘http://example.com’, ‘_self’); //Loads in the Cordova web view
HTML
<ion-view title="Test Page">
<ion-content>
<div class="list">
<a class="item" href="#" onclick="window.open('http://www.nraboy.com/contact', '_system', 'location=yes'); return false;">
Open a Browser
</a>
<a class="item" href="#" onclick="window.open('http://www.twitter.com/nraboy', '_system', 'location=yes'); return false;">
Open a Twitter Client or Browser
</a>
<a class="item" href="#" onclick="window.open('https://plus.google.com/+NicRaboy', '_system', 'location=yes'); return false;">
Open a Google+ Client or Browser
</a>
</div>
</ion-content>
</ion-view>
Source https://www.thepolyglotdeveloper.com/2014/07/launch-external-urls-ionicframework/
My app is working correctly if the user is using https. But if the user is not using https, facebook is inserting target="_blank" into all hyperlinks, which causes it to open a new tab outside of facebook. Why is it doing this, and what do I need to do to get it working correctly?
Your Page https://secure.rvwholesalers.com/rvwholesalers/facebook/apps/inventory/ is already appending target="_blank"
<tr>
<td><a style="font-size: 16px;" target="_blank" href="http://www.rvwholesalers.com/rvs/sierra-376bhok-vs-sandpiper-376bhok.html">Compare our Sandpiper 376BHOK to their Sierra 376BHOK.</a></td>
</tr>
I've been trying to incorporate google webfonts in MailChimp and can't get any solutions to work.
I've tried the approach listed on Campaign Monitor's site using #import:
http://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email
but I get this error when trying to preview:
An error occurred parsing your template CSS:
Cannot find a CSS file at: http://fonts.googleapis.com/css?family=Montserrat
Has anyone been able to use custom fonts within MailChimp?
It turns out it's not possible through the #import syntax. It does work using tag:
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
I use custom fonts in all of my emails but not through google. If your having trouble using Google's webfonts I recommend you host the file on your own server and try to use that instead.
For me, I import my webfonts stylesheet like so:
#import url('https://www.mydomain.com/en/img/cms/mail/_a/fonts/fonts.css');
I also add a conditional-comments below my style declarations to enhance webfont fallbacks in outlook. Without this, Outlook will likely substitute your webfont for whatever it feels like, and not respect your fallback font. But if you declare this conditional comment and then wrap your text with an additional span with the class, Outlook will respect your fallback and use the font you decide.
<!--[if gte mso 9]>
<style>
.flowerpwr { font-family:Arial,sans-serif; }
.proxima { font-family:Arial,sans-serif;font-weight:normal; }
.proxima_novasemibold { font-family:Arial,sans-serif;font-weight:normal; }
</style>
<![endif]-->
The html markup looks like this:
<td align="center" style="font-family:'proxima_novaregular',Arial,sans-serif;font-size:16px;letter-spacing:0.04em;color:#333333;">
<span class="proxima">Text here</span>
</td>
This even works for styling image alt text like so:
<td>
<a href="https://www.mylink.com/" target="_blank" style="display:block;font-family:'proxima_novaregular',Arial,sans-serif;color:#666666;font-size:16px;text-align:center;letter-spacing:0.04em;text-decoration:none;outline:none;">
<span class="proxima">
<img src="a3.jpg" alt="STYLED ALT TEXT WITH WEBFONT AND OUTLOOK MAINTAINED FALLBACK" border="0" style="display:block;">
</span>
</a>
</td>
I have been building emails a lot using mailchimp recently and I had been scratching my head over this for a while. These are my findings:
works for google fonts.
#import works for fonts hosted through other sites then google (for ex. your personal site)
using something like:
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
using #import for google fonts gives you an error in mailchimp (like the one horizens posted).
base64 works as well. But the code can get way to long and cause other problems.
Firefox blocks the fonts in Mailchimp preview (because it's https).
PS: different but related topic: Making responsive emails is not as terrible as the people of the internet claim.
Ok, so I've looked around a number of different websites but seem to get mixed information. Does anyone have any advice for implementing a Facebook Like button in an HTML email campaign?
I have already tried this article but for some reason, clicking the like opens a blank page with another like button. http://emailexpert.org/adding-a-facebook-like-button-to-your-email-template/
Any help would be appreciated.
Here is how you can add a Facebook Like button, Share Button, and Tweet Buttons. Please Note: Where it says my-campaign-url.com is the webpage of the email newsletter. Replace img src with your own image for the button. Also I am not sure you need everything in the Facebook button but you can clean it up with some testing =>
Facebook Like
<a title="Like this on Facebook" href="http://www.facebook.com/plugins/like.
php?href=http://my-campaign-url.com&layout=standard&show_faces=
false&width=450&action=like&colorscheme=light&height=427%20">
<img src="/Images/network_icons/fblike-button-small.png" style="border:
0 none;" alt="Like This on Facebook"></a>
Facebook Share
<a title="Share this on Facebook" href='http://www.facebook.com/share.php?u=http://my-campaign-url.com'><img src='/Images/network_icons/fb-share.png' alt='Share my campaign' /></a>
Tweet Button
<a title="Share Via Twitter" href="http://twitter.com/intent/tweet?
url=http://my-campaign-url&text=My%20Text%20-%20&via=My Name&">
<img src="/Images/network_icons/tweet-button-small.png"
style="border:0 none;" alt="Share Via Twitter"></a>
Another (possibly easier) option.
Use the AddThis Service for E-Mail Marketing. See AddThis site for more info. Example Code Follows:
<!-- AddThis Button BEGIN -->
<!-- Facebook -->
<a href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?pco=tbx32nj-1.0&url=http%3A%2F%2Fmy-site.com%2Fnewsletter&pubid=ra-[Your AddThis ID for Analytics]" target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/facebook.png" border="0" alt="Facebook" /></a>
<!-- Twitter -->
<a href="http://api.addthis.com/oexchange/0.8/forward/twitter/offer?pco=tbx32nj-1.0&url=http%3A%2F%2Fmy-site.com%2Fnewsletter&pubid=ra-[Your AddThis ID for Analytics]" target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/twitter.png" border="0" alt="Twitter" /></a>
<!-- Rest of AddThis Services-->
<a href="http://www.addthis.com/bookmark.php?source=tbx32nj-1.0&=250&pubid=ra-[Your AddThis ID for Analytics]&url=http%3A%2F%2Fmy-site.com%2Fnewsletter " target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/more.png" border="0" alt="More..." /></a>
I had this problem also. But the answers above, and elsewhere, didn't help me too much.
It seemed like often the solution being offered was creating a way to allow people to like the EMAIL CAMPAIGN itself. That's definitely not what I want... I want it to make it so that people can click to like MY ORGANIZATION'S FACEBOOK PAGE.
Fortunately, I am a mailChimp user, and for those of you that use MailChimp, this is the article that explains it very easily: http://kb.mailchimp.com/article/how-can-i-add-a-become-a-fan-on-facebook-button-to-my-campaigns
this allows you to simply put a special tag and to specify the URL of your FB page... awesome. And it works. Sure, you do have to confirm with a second click, but that is OK.