A great Facebook landing page can help people identify with your brand and engage with your content. In other words, rather than seeing your wall as a default, they’ll see your marketing messages and calls to action. It’s a great way to show off your latest news or offers, grab people for your mailing list, show off testimonials or awards or whatever else you can think of.
There are loads of apps out there for creating landing pages, but if you want to use your own design and content rather than a template, this tutorial is for you, complete with all the code you need.
I’ll show you how to avoid horizontal or vertical scroll-bars that eat into your content and also how to create a ‘fan-gate’. This is a nifty little trick that tells your would-be clients/customers/visitors that they must like your page to see hidden content. When they hit ‘like’, your special content is revealed. Don’t want the fangate? No problem, it’s optional!
I’ll walk you through every step of Facebook’s system, pointing out exactly what settings you need to make your landing page work – from creating an ‘app’ in their developer suite, to installing it on your page.
Please note the live preview needs to be viewed in its own window else it won’t display properly – https://www.facebook.com/pages/Healthier-Me-Apps/235958379808194?sk=app_248454678553123
Requirements
- PHP Hosting with SSL certificate
- Facebook page (not a personal profile)
- Content (requires basic HTML knowledge)
- 520 pixel wide landing image or webpage – showing ‘revealed’ content
- 520 pixel wide landing image or webpage – telling people to ‘like’ you (optional)