I would like my readers to like my fan page while reading my newsletter. How to embed the standard iFrame button count at the beginning of my email?
The standard iframe is imposible to use in email campaigns. But u can fake it a little bit by using the like/share image from Facebook and lik tot the share site.
<a href='http://www.facebook.com/share.php?u=http://domain.com'>
<img src='http://domain.com/like.png' alt='Like my site' />
</a>
You can add this link:
http://www.facebook.com/plugins/like.php?href=http://domain.com
Not a beautiful landing page though. It's probably better to link to your own page with the Like button as an IFRAME.
So you want to know ‘How to add a ‘Facebook Like Button’ to your email template‘. Ever since MailChimp promised to add the functionality to their system we have seen a buzz with people wondering how they do it. This article is a quick and dirty guide to DIY Facebook Like Buttons embedded in email templates. So no matter who your ESP is you can embed a Like Button within your email design.
Well to be perfectly honest it really is not that hard, however contrary to what you may have hoped it is not quite seamless and there is no way for it to be. It involves a 2 click process.
The simplest way and the one most likely to work for most users is to use the following code.
— The Code —
<a href="http://www.facebook.com/plugins/like.php? href=http://www.facebook.com/pages/Email-Expert/130177676994892?ref%3Dts&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80 target=">
<img title="Facebook Like Button" src="http://emailexpert.org/dontexist/likebutton.jpg" alt="" />
</a>
—-ends—-
Instructions
Change the URL to the page you want ‘liked’
Change the img location and upload your likebutton image.
Related
I'm new at this, so have no idea really what to do. I'm trying to add a link to a sharepoint page which allows a Skype for Business conversation window to open (like the contact button that works for Skype). Every example I saw says that the easiest way to do this is by using the following code:
Text
When I do this and save the sharepoint page the hyperlink dissapears and the code ends up being
<a unselectable="on"> Text </a>
I don't know if I'm missing a .js or something like that, which allows the href="sip..." to be a valid hyperlink.
How can I fix this?
I have a HTML template for my emails, i wanted to know if its posible like to implement a menu, and the link redirect to the corresponding part of the content.
example: imagine the menu is: banna, apple, juice, coke.
and then the content goes: banna etcetcetc, apple etc etc etc...
make each one link to the exact content? thanks..
Nope, sorry. What you're talking about requires some sort of conditional, and that would require a script. Most email clients strip your <script> and <link> tags. Unless you want to get your hands dirty with some server-side code like gif sockets why not link to a little webpage where you can do any of those?
EDIT FROM COMMENTS
Thinking about it now.. Would hashtag linking work for you? Like clicking a link and having the scroll bar jump to that position? you can accomplish that with <a name="linktotop">Other link will scroll to this</a> and Scroll! I just tested it in outlook.com and gmail and it seems to work. No promises on the other clients though.
So I am trying to find out a way to view images without hiding the rest when clicked on
for instance
<img src="someimage.jpg"/>
<img src="someimage2.jpg"/>
<img src="someimage3.jpg"/>
<img src="someimage4.jpg"/>
for instance when i click on the first image it opens up in a new window and thats it
i´d like to be able to scroll through these images. i´d like to be able to go to the next image by clicking "next" for instance or something like that!
Calling an image in the browser directly will return that file, not an html page with the file embedded. In your case you will have to write a page that handles this functionality for you.
You don't mention whether or not javascript / jquery is an option for you, but it would definitely be the easiest solution in my opinion.
Look into something like a jquery carousel to handle a basic slideshow.
And if this is not the answer you were looking for, then I'm afraid the solution for you - fitting your limits of html, css and image - is to make individual html pages for each image and hard code the next and previous links... each and every one... the good ol fashioned way.
... headers
<body>
<img src="someimage.jpg" alt=""><br>
Previous | Next
</body>
http://fancybox.net/ Has a great javascript type plugin for having the image show up in a type of lightbox. Otherwise seach for "jquery image zoom plugin". That should give you some good plugins if javascript will work for you.
I am trying to add the like button code into a html newsletter but it won't display, only displays on the online version. Is it possible to have it display in the email newsletter as well, if so, how?
No this is not possible. The best you can do is a static like button image that takes you to your fan page or website where they can then click on a real like button. You can't embed scripts into email and have them execute, which is required to convert the like button code into the necessary rendered iframe.
An alternative to using the 'like button' is using the html only share button. Technically its not supported, but hey it works.
http://www.facebook.com/sharer.php?u=http://mylink.com
You cannot use javascript directly on emails.
But you can put a button/link to a page of your own, whose purpose is to hold the actual like button.
I want to add a share button for my mobile site, and I need the sharing properties to be custom.
Is there a way I can share a link with custom title, description or comments?
Is there a way to share it through the Facebook mobile application if the user is connected through it?
I've tried to use
<a title="send to Facebook" href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&
p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT"
target="_blank"><span><img width="14" height="14" src="'icons/fb.gif" alt="Facebook" />
Facebook></a>
It does work with regular sites, but when trying to run it in my mobile, it doesn't share the same...
I have a workaround for this - Make the Facebook share URL go to a page that redirects to the page that you are having trouble with. The redirect page can have new title, meta description and other meta tags in it that you can customize to make the Fb share look just the way you want it. As an example, the QR code on this page takes your phone to the Facebook share link I designed using this technique. I also made a share link for desktops by clicking on the postcard: http://modernmancaves.com/share.html. Side note: This example page does not redirect (so that you have time to try the QR code, mobile share link and view the page's source code)
You can trigger the feed dialog on mobile devices (see https://developers.facebook.com/docs/reference/dialogs/feed/ )
This allows you to specify the share metadata, and should automatically display a mobile-friendly version on mobile devices