Add a Follow button to email signature?


#1

Hi. I’m new to twitter and I would like to add a follow button to my email signature like I do for Linkedin. I see plenty of documentation and code on how to add a follow button to a website but no simple solution for adding it to an email signture. Any suggestions? Thx


#2

The easiest way is just to use HTML and link to the follow web intent like:

<html>
<a href="http://twitter.com/intent/user?screen_name=davidfcrowley">Follow @davidfcrowley</a>
</html>

The Follow Button product itself cannot be placed in an email signature due to its usage of Javascript.


#3

thank you. i ended up cutting + saving a ‘follow’ logo as a jpg, combined it w/my @ address, inserted a hyperlink to my twitter page + added to my email signature. seems to be working.


#4

How did you combine them??


#5

I just did a hyper link to the words’ follow us on twitter’ and that seems to be working, I send out marketing emails by Groupmail

Elaine Vandelli


#6

This is less of a follow button and more of a link through to your twitter page. I have actually been hoping to do the same thing of embedding a button that actually enacts the process of the person following me.
Have there been any new thoughts about how this could be done?


#7

this is the way i did it:

  1. go to https://twitter.com/about/resources/buttons#follow
  2. choose ‘follow’ in ‘choose a button’
  3. type your username in ‘Button options/user’
  4. test it by clicking the button under ‘preview and code’
  5. righ-click that button and ‘copy link location’
  6. on a previously pasted twitter logo on your email signature click the hyperlink button
  7. paste the code

worked for me


#8

The instructions from James works, thanks for that. I would add that if you wanted to use the “follow button” image with your username on it, you take a screenshot of it when you’re getting the code above and save that as an image too, then use the instructions to add the hyperlink to the image - that worked too.


#9

Obviously doing something wrong …

did step one and had the link…

But never able to hyperlink to logo I added to my HOTMAIL signature… only the code posted, not added to logo

Thanks


#10

I followed the instructions above and it worked a tweet :slight_smile:


#11
  1. go to https://twitter.com/about/ resources/buttons#follow 2. choose ‘follow’ in ‘choose a button’ 3. type your username in ‘Button
    options/user’ 4. test it by clicking the button under
    ’preview and code’ 5. righ-click that button and ‘copy link
    location’ 6. on a previously pasted twitter logo on
    your email signature click the
    hyperlink button 7. paste the code

#12

Just followed James’s advice - works great - thanks James


#13

mine only works if you hold down ctrl and click on the logo? Do I need to change a setting?


#14

I followed James Hutt and got it.
To clarify the process:

  1. take a screen shot of the follow@username button from https://twitter.com/about/resources/buttons#follow

  2. Upload the photo to your signature. I use gmail I uploaded it privatly on my Googleplus page then copied the image location (control click/right click) Then insert put it in your signature.

  3. Copy the link from the follow button below “Preview and code” (control click/right click) Highlight the follow button you just uploaded to your signature. Then use the link function to link the address you copied from the button to your photo of the button.


#15

How can i change my profile pic on twitter and how can i add my email address on twitter


#16
  1. go to https://twitter.com/about/resources/buttons#follow
  2. choose 'follow' in 'choose a button'
  3. type your username in 'Button options/user'
  4. test it by clicking the button under 'preview and code'
  5. righ-click that button and 'copy link location'
  6. on a previously pasted twitter logo on your email signature click the hyperlink button
  7. paste the code

#17

James Hunt was on the right track and his solution works. However a better solution is to copy the actual iframe code that previews the button from https://twitter.com/about/resources/buttons#follow

This allows it to show up on any email client that allows HTML even if the user has images disabled. Following James hunt, you will just have a text link if this is the case.

Modified Steps:

  1. go to https://twitter.com/about/resources/buttons#follow
  2. choose ‘follow’ in ‘choose a button’
  3. type your username in ‘Button options/user’
  4. test it by clicking the button under ‘preview and code’
  5. right-click that button and ‘inspect element’
  6. Using the code inspector, copy the
  7. paste the code where you desire it. (Signature or email body)

Step 6 Example Code (for those who aren’t sure what they’re looking for):

That’s it! You should have a fully functional twitter button in your email with hover effects and all.

Cheers


#18

My last comment isn’t all true. It will only work on certain email clients. I wasn’t aware of this at the time. So by default James Hunt posted the best method since there is greater email client compatibility using the image link method he suggested,. See http://www.campaignmonitor.com/blog/post/3219/do-iframes-work-in-email/


#19

https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fabout.twitter.com%2Fresources%2Fbuttons&region=follow_link&screen_name=BaigEhsan&tw_p=followbutton&variant=2.0


#20

Thanks for the details. I am trying to copy and paste the twitter logo onto my signature page for e-mails but picture won’t carry and display when e-mails sent!!