Streaming live at 10am (PST)

Twitter 'follow' functionality for custom social button


#1

Hi all, I've put in a custom graphic in as my twitter icon to match the rest of my site (enrapturemarketing.com), but rather than just linking to my twitter page I'd like it to have twitter 'follow' functionality. I don't want to use the standard webflow/twitter icons as it doesn't match my site. Any ideas about how I can acheive this?


#2

Start with the official links generator and alter the generated code to suit your design afterwards https://about.twitter.com/resources/buttons#follow


#3

thanks Vincent - i think you're over-estimating my skills! Unsure how to customise code/where to put it!


#4

What about YOU're underestimating yourself? wink

Ok let's do that step by step. Can you share your public link?
Learn how to do it here: http://help.webflow.com/sharing-your-public-webflow-site-link

Then follow the link I gave you and generate the code you need and paste it here.

We'll proceed from there.


#5

Haha - thanks Vincent. public link is here: https://webflow.com/design/enrapture-marketing?preview=63f37da9396d0b9c28cb1503c737b3a7


#6

Don't forget the second part of the assignment -1

-> Then follow the link I gave you and generate the code you need and paste it here.


#7

Guessing it's this code: Follow @EnraptureM


#8

hmm ok - when i type the code it just adds the command! Now where do i paste it to associate it with the twitter image?

It has an < in front of it!

a href="https://twitter.com/EnraptureM" class="twitter-follow-button" data-show-count="false">Follow @EnraptureM


#9

Ok, I've looked into that and it's not as simple as I thought (: Twitter generated button works with a script, it's not like you can swap an image.

I've looked for methods but most of them involved hiding twitter buttons and put a different one under it. https://www.google.fr/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=twitter+follow+button+with+custom+image


#10

Ah well, thanks vincent - that's the least of my problems at the moment. Two other site issues which are design problems rather than 'nice to have'.... argh!


#11