Get Lib Dem campaign buttons for your website
2023 update: thank you to everyone who helped use this service over the years, but as websites have moved on it has become redundant and the service is now closed.
Installation instructions

NOTE: If you have a self-hosted WordPress site, then you can use the plugin kindly provided by Andy Strange, which includes the configuration options mentioned below and also supports https.
To add the Liberal Democrat campaign buttons to a blog or website, just add the following script in the appropriate location:
<script type="text/javascript" src="//libdemwidget.markpack.org.uk"></script>
For example, if you have a self-hosted WordPress site you can add a widget in an appropriate place and put this code in it. (However, the buttons won’t work on a WordPress.com site as you’re not allowed to add Javascript to your sites on that system.)
If you copy and paste the lines above, make sure the double quotes come out as straight and not curled or angled quotes.
Since March 2016, the widget works on secure (https://) pages too. Ensure the src attribute in any existing installation begins “//”, as above.
You can see a simple example of the buttons in action at https://libdemwidget.markpack.org.uk/examples/.
Configuration options
Don’t like the Aqua colour scheme? Change it by adding ?style=xxx, where xxx is one of the words from this list:
dark
gold
green
grey
aqua
For a text-only version, use:
text
For a version with all inline CSS styling removed, use:
plain
For example:
<script type="text/javascript" src="//libdemwidget.markpack.org.uk?style=dark"></script>
You can see all these options in action on the test page at http://libdemwidget.markpack.org.uk/examples/
(Thanks to Jennie Rigg and David Wright for suggesting these options be added.)
Prater Raines sites
If you have a Prater Raines website, you can add the buttons from the admin area without worrying about any lines of code.
To add them to any page / article, go to the page, hit the “Campaigns” button on the editor bar (icon looks like a megaphone) and select “Sidebar buttons from Mark Pack”. Add, save the page, and it is done.
Background to the buttons
As I wrote in September 2012, during my time working at party HQ doing online campaigning one of our most successful projects (cooked up with the help of Rob Fenwick and Martin Tod) was the ‘campaign buttons’ – a simple piece of code which let bloggers and those with other websites easily display campaign adverts and news stories from the party.
It was a great way for the party to be able to push out quickly and widely adverts for new campaigns, policy launches and the like, whilst for those running sites it made for some automatically updated and useful content which they did not have to look after.
Since I left, the campaign buttons rather fell out of favour. Although the code is still running, zombie-like continuing to churn through the motions, the buttons themselves have not been updated for an age. As a result they now display a mix of broken images and trips down memory lane, such as the old campaign to encourage people to look up their MP’s voting record on Iraq.
Chatting to people at party HQ, there aren’t any plans to revive them. That’s a shame, although understandable as there is other internet and IT work taking a higher priority.
On my usual basis that regretting other people’s (in)action should be leavened by taking practical action yourself, in October 2012 I therefore resurrected the idea, with the help of coding by the as ever excellent Simon Dickson and Andy Strange.
The new button feed isn’t an official party service, but it’s available to all to use and I do my best to make it reliable and useful.
It’s primarily outward looking, so the content it features is designed to tell the public what the Liberal Democrats have done and why the party should be supported, making it suitable – for example – for local councillor, local campaigners or MP websites.
'The appropriate place' – any clues? Would like to get your widget going on my Facebook page if it's poss.
Judith Bunting For Facebook pages, you'll need to install one of the apps that lets you add static HTML to the page and then put the Javascript code in that.
Quick question- can this be added to mycouncillor sites easily?
I see Tim Pickstone now has the buttons running on his site, so yes! I'm sure ALDC will be sending out information in due course, but I'd expect it's simply a matter of adding a text widget and putting the few lines of code in it.
Many thanks.
Now up on the OxWAb site 🙂
Can we PLEASE not have that Aqua heading at the top. Or if other people really like it, can we have a parameter to set the colour to Orange?
David Wright Options now added. Thanks for the idea. If you visit my blog post again, you'll see the new information on how to change the colour.
I like it. Now on http://west-dorset-libdems.org.uk/.
Thanks for this. http://votelibdem.com updated. The previous showbuttons script was on many of our pages and it was driving me nuts. Let's hope you keep your promise to make it relevant and useful, although I am presently wondering why Nick is still apologising in the top video. Is there nothing PCC relevant in videos to take the limelight? And to David Wright, below, the aqua suits my site very well!
Thanks for pointing out the bug when the buttons were appearing on your site Alan. All should now be fixed.
Thanks for this. It is now operational on our Bromsgrove Liberal Democrats http://www.libdemsbromsgrove.org.uk.
You do say that your widget can be used on self-hosted WordPress sites, but perhaps you should explain that it can’t be used on a WordPress.com site. Many people use the latter for blogs or quick and dirty campaign sites because they are free and very easy to set up, but javascript is not allowed.
MaryReid Good point. I’ll update the page to make this clearer.
Anyone know how to add this to a Drupal 7 site. I’ve tried to create a text format that doesn’t strip out the javascript but can’t get it to work.
DuncanMacdonald I’ve got it working with Drupal 7.12 using a Full HTML text format. Make sure the format doesn’t limit allowed HTMLtags. If that doesn’t work find me on Facebook and we can chat
DuncanMacdonald The odd thing is that the code disappears in the block edit box, but it still works.
If I lend you a friendly translator, could we get a bi-lingual English/Welsh version too Mark? 🙂
GregFoster Be nice if that were practical. I fear not, as each story being added would need promptly translating too – and that happens at all sorts of odds hours of the day and week?
added to Green Libdems
https://greenlibdems.org.uk/en/page/recent-articles
Fab!
Thank you Mark. This is wonderful help 🙂
Added the website feed to http://www.libdemsinfrance.org.