Adding Flattr button to your site — a step-by-step guide

Linus Olsson
Flattr-test
Published in
2 min readJan 26, 2012

Please note: This guide is not up to date and should not be used.

You’ve signed up and want to put a nice friendly Flattr button on your site? This step-by-step guide explains how to get set up — quick and pain free.

1. Visit our Get button page (you need to be logged in)

2. Browse through the dozens of different platforms and content management systems to see if the one that powers your website is supported. If not then continue with step 4.

[caption id=”attachment_5845" align=”alignnone” width=”600"]

3. Pick your content platform and follow the instructions[/caption]

4. If we don’t support your software or you want the code snippet for just one button you can place in a place of your choice then use the manual button creation option.

[caption id=”attachment_5842" align=”alignnone” width=”600"]

Fill out the required fields (URL, title, description, tags) as this information will be used in our Catalog where you site will be featured. — Click “Get button” — You now see the HTML code you need to put on your website. Below is a quick screencast showing the steps for that.[/caption]

5. If you have full control over your website then add first bit of code inside the head tag and the second bit of code where you want the button to appear.

6. If you can’t edit the head of your website code (or you cannot add Javascript to your site) then scroll down to Static button and use this code.

7. That’s it, you’re done.

8. Promote your button — blog about it, tweet it to your followers, put it into your Facebook and/or Google+.

Got a problem? Get in touch via our contact form, describe what you were trying to do and what went wrong and we’ll figure it out together.

--

--

Linus Olsson
Flattr-test

Internet architect, building what you love. Co-founder of Flattr. Has something to say about everything, apparently.