Oli Gardner
posted this on October 21, 2010 05:30 pm
These 'Tweet' and 'Follow' buttons are small widgets that will allow your visitors to easily interact with you on Twitter without ever having to leave your landing page.
Setting these widgets up is a simple two step process. All you need to do is:
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

<a href="http://twitter.com/share" class="twitter-share-button">Tweet</a>
<a href="https://twitter.com/twitterapi" class="twitter-follow-button">Follow @your_twitter_name</a>
You can add certain modifiers to the tweet button to change the default text included in the tweet. For a full list of possible modifications you can make to the tweet see Twitter's Tweet Button page. Here are a few key ones:
data-url will change the default URL included in the tweet
data-via will change the user name included in the tweet
data-text will allow you to edit the text included in the tweet
For example:
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="your_landing_page_URL"
data-via="your_user_name"
data-text="default_tweet_text">Tweet</a>
will let you edit all three of the fields listed above.
You may also want to check out this article on adding the Twitter @anywhere Tweetbox
Comments
Hi Unbounce Team,
Is there a way to use a custom image/button for "tweet this" or follow? I have the preferred png file. I'm assuming it requires saving the file on a third party site.
Thanks in advance for pointing me in the right direction.
Cheers!