Never Touch Code Again: Filament.io, For Non-Developers Everywhere
If you’ve ever tried to manually paste a code snippet like Google Analytics tracking code to your website by digging into PHP template files, you’ll know how daunting it can be. Filament.io makes it as simple as dragging and dropping. At least, that’s the promise.
Head over to filament.io and hit the sign-up button. You’ll need to create a login, but Facebook and Google accounts can be used for quick one-button access. Next you’ll need to enter the domain you’ll be using it on – you can add more later.
If you’re running WordPress, this will be detected when it scans the site, and it’s suggested that you install the provided plugin as it allows you finer control over which type of pages have the filament functionality contained (such as only posts and not static pages).
The Filament screen tool a live preview of your site so you can design visually where you want apps to go. Start by adding a nice set of social buttons called Flare. In the site preview, navigate to a post.
From the sidebar, hit New to open up the Flare options. Flare is a delightful custom set of share buttons that look much nicer than the standard network-provided buttons that you probably see on the side of this article. A branded logo is included which can be removed by purchasing a premium licence for the plugin.
Save the settings, then drag and drop the new Flare module onto your site. An initial set of filtering options will then show up. Go ahead and add it to All My Posts.
You’ll then have another set of filters to customise; these are enabled by the WordPress plugin. As a developer I’m used to surrounding scripts in various PHP if clauses (Not sure what these are? Read our PHP Beginners Guide ), but I can really appreciate the power of these filters for those without the knowhow of WordPress page-type detection.
You’ll need to click Publish before changes are sent out to your site, and they may take a few minutes to appear, so don’t panic if it’s not immediately visible.
Click on the Dashboard link to add more apps, or you can create additional Flare units (if, for instance, you wanted a specific design or more buttons on the homepage).
At the time of writing, there are 6 apps in total available:
- Flare, a social bookmarking plugin.
- Ivy, which enables users to easily share quotes that they highlight from your articles.
- Passport, an interesting way to highlight all of your personal social profile (yes, I realise this is sounding a little social-centric at the moment)
- MailChimp is a subscription for the excellent mailing list service (which by the way, is free for up to 12,000 emails a month and 2,000 subscribers)
- Google Analytics should be familiar to anyone with a website; Ryan created this great beginners guide to understanding your analytics data.
- Finally, CodeDrop lets you manage any other snippets of code that you’ve been given elsewhere.
From the dashboard, click Launch. Notice the drop down to select sites – you can manage multiple websites from a single account.
Is It Any Good?
The visual layout tool is surprisingly effective, avoiding the hassle of trying to figure out exactly right positioning manually. If you’re not confident editing theme files, it’s a life saver. But it can only work within the confines of your existing theme. It automatically snaps to any elements it finds on the page, but it can’t for instance create a new column for a widget if your theme only has one column.
It also gets things wrong sometimes, as inevitably your page will also have dynamic elements such as sliders; or your theme CSS may interfere with the widget. You may need to play around – but for the most part, it works nicely.
Even as a web developer, I appreciate the ease of use and central script management. My footer files are usually full of code to output scripts only on a particular page – this makes that ridiculous easy, cleaning up theme files.