-
Popular Posts
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 177
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 180
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 177
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 180
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 177
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 180
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 177
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 180
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 177
Warning: Use of undefined constant has_post_thumbnail - assumed 'has_post_thumbnail' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/plugins/PostSkin/main.php on line 180
PIN’s: The Future of Private Link Building1116 CommentsWordPress SEO: The Only Guide You Need528 CommentsUnmasking the Biggest Tyrant in Blogging445 Comments
357 Comments 
3 minutes
Now and then I’ll have an idea which I just know is going to be a success. Sometimes though, I’m just plain wrong. Like the time I decided to email every single Technorati Top 100 blogger asking for their ‘secrets to success’. It took me longer than I would like to admit, and of the few replies (12 to be exact) I did receive, pretty much all said the same thing. An entire day wasted.
Thankfully, sometimes I’m right. My experiments with taking Facebook Fan pages to the next level is one example where my intuition has been spot on. Many of you know I’ve worked with some of the largest companies in the world (Nissan, Hewlett Packard, Land Rover) as there social media manager, and still consult with a few companies now and then. I had some ideas to increase the conversion rates on their Fan page, and the results blew me away.
I never implemented the ideas on ViperChill, simply because I wanted to blog about the process before anyone else decided to. However, you’ll be able to see what I’m talking about on the ViperChill Fan page as of today. I’ve also created a free template that you can all use on your own Fan page (in 7 colours!) to test the results yourself.
Next Level Facebook Fan Pages
By now, many of you are aware of the Static FBML app which allows you to show whatever you want on your fan page instead of the usual status updates. A common practice these days is to fill your ‘Welcome’ page with an enticing graphic which encourages people to ‘Like’ you Fan page. The number of people converted through this is usually way higher than the default Facebook setup.
My ideas, take things to the next level.
Add Personalisation With a User’s Name
After a lot of hacking and research, I was eventually able to figure out how to include a users name onto my Welcome page. If you head on over to the ViperChill fan page, you can see that I do this with a bit of humour by telling [Facebook Name] that I’ve been waiting for them. (You have to be logged into Facebook to see it, and not currently a fan)
Right now there doesn’t seem to be a way to use just someone’s first name, unless you get involved in some Ajax trickery which makes your Fan page act like an app. Though displaying the full name is not ideal, it definitely seems to be capturing people’s attention, and it’s converting into ‘Likes’.
Thrive on the Users “Engaged” State
Another change I implemented was to take advantage of the engaged state that users are in. If someone has just clicked “Like” on your page, they’re far more likely to perform some other type of action again. Through some more FBML trickery, I’m able to show the users a different image (but on the same page) after they have liked me. I’m currently using this opportunity to collect email addresses for my newly launched project, (cloud niche).
There are literally countless things you can do on this second “page” that users see, such as:
- Getting them to sign up to your email list
- Getting them to subscribe to your blog
- Encouraging them to share your fan page with their friends
- Giving them a bonus download as thanks
- Telling them more about yourself, and what you do
Test a few variations of the second page and see what works best for you.
7 Free Variations of My Page
And the best part about all of this? I’m giving away my exact fan page and don’t even need to touch Photoshop in order to edit the text on the page. I’ve created 7 versions of my template for you to use however you like. The colours included are: Black, White / Grey, Light Blue, Dark Blue, Green, Red and Gold.
Alternatively, you can use your own background images, but simply use my code for adding a second page and integrating the users Facebook name.
How to Setup A High-Converting Facebook Fan Page
1. First of all, you need to go to the ‘Create page’ option, which you can find here. The quickest page to set up is the one on the top right row, a Brand or Product page. Note that the first letter of your fan page name must be capitalised.
2. You will be shown your empty Facebook fan page. Under the image on the top left, click Edit Page. A new menu will appear, so click on the Apps option once it does. Scroll down the page until you see the app Static FBML. Add the application to your page. Clicking on ‘Go to App’ will allow you to customise the text box.
3. The first field, Box Title, will be the name for your page tab, so use something like “Hey!” or “Welcome” here.
4. Download this zip file, which contains the template code and my 7 example templates. Each template comes with its own code. I have hosted the images online for you, but I recommend you put them on your own server.
5. Edit the part of each template where it says “Your Text Goes Here”.
Note that when you are the admin of the page, you will see things very differently. Log in with another account (or a friends) to see how the page will look to every else.
6. Go back to your Edit Page options, and this time select Manage Permissions. Change the Default Landing Tab to the page you have created with Static FBML.
7. Enjoy more people “Liking” your Fan page and then being converted in other ways through the second page.
If you have any questions, just leave a comment!
357 Comments
Enjoy this post? Please leave a comment below...
Comments are my number one indicator as to which posts people enjoyed the most, so your feedback really does help me. If you have any questions, feel free to ask those as well...Warning: Use of undefined constant php - assumed 'php' (this will throw an Error in a future version of PHP) in /home/pluginhq/public_html/ViperChill/wp-content/themes/ViperTheme/footer.php on line 1
Copyright © 2016 ViperChill, a Marketing Inc. Company : Contact / Privacy Policy / Earnings Disclaimer / More: Gaps / Glen Allsopp.com
Thanks for sharing these bits and pieces I have a few Facebook pages that need a kick in the pants
Thanks
You’re welcome Andrew,
Adding the persons name to the page helps massively.
Hey Glenn,
Is it possible to have those templates’ above and below statements in other languages?
Look, am targeting a Spanish/Catalan speaking market, and having two languages across a small piece of content might distract viewers from the core goal: getting them to sign up.
On the other hand, rolling out to other languages (specially Spanish) will surely bring more hits on your blog!
I look forward to your reply
R
Great post and thanks for the giveaway!
You’re welcome, Vasuu
Mr Allsopp,
great post as usual! thanks for this info, very useful indeed! Circulated this around my clients…
thanks again!
Thanks for spreading the <3.
You're welcome!
I have been thinking on a similar idea but procrastination was getting better of me ( cause i am not good with graphics) these graphics and design look superb will defiantly play with it once i get on my desktop tonight.
Thanks once again
You’re welcome!
This is awesome Glen!
I’ve been looking for ways to increase conversions to my Facebook fan page all this while and I will be downloading and implementing your template right away.
Thanks so much for the awesome post,
-Onibalusi
BTW It will be awesome if you wrote more articles on increasing conversions…just suggesting.
Hey Oni,
You’re very welcome! I don’t usually test conversions as much as I should but I do have a few posts on the topic in the works 🙂
Awesome Glen,
I will really be expecting it cos that is one area where I suck the most 🙂
Thanks so much and have a great day!
A little stroke of genius there mate. You got any stats on conversion rates yet?
It is *very* hard to tell, because it depends on traffic sources quite a lot. However, you can put Google Analytics on your Fan page, so that did help with some of the testing. I tried this on two pages, and it varied between 20% and 40%. There was no constant sadly for any of the pages which I guess its to be expected. Do let me know your own results 🙂
Facebook Insights now gives you the page views over a period
AWeber should be able to track news subs from the Facebook page
Tracking fans does not make that sense to me
To see where people are landing on your Fan page from…
I don’t know if this is still possible, but it worked a few months ago. I have a feeling that Facebook will stop the name thing working in due course.
Great resource!
Thanks for this Glen, well worth a look into developing upon.
Definitely. Take it as far as you want.
I believe there is a way to show a persons profile picture as well which I think would also boost conversions. I’m not a programmer though, and found the name part hard enough 😉
This is one of the best article I have read in a long time…..
Thanks Ajay! That’s awesome 🙂
Thanks for the write up Glen, the user name feature is really cool and putting a little bit of humour to it goes a long way.
Just been checking out http://miproapps.com/ for creating pages out of the box. Seems like a pretty cool concept especially how it makes it easy for users who are non-technical. I like their drag and drop feature to create in realtime, and the fact that it actually installs the fanpage without leave the app is so cool
It’s a good idea, but I would never want to promote another company on my Business fan page.
Fair point. To go unbranded you would have to pay a monthly premium. Could be justified depending on the niche you are in
Thanks for this. I’m having trouble with step 5…don’t see “Your text goes here”. Any chance you could walk me through that a little more? Did I miss a step? Appreciate it!
Did you download the zip file?
There are seven text files in it, each with different code based on the colour template you want to use. Inside each text file, you will see two placeholders for “your text goes here”.
Does that help?
I’m in the same spot Sandra’s in. I downloaded the zip file but when opened it doesn’t have the “Your text goes here”, though it’s got the other permanent text. I don’t see code anywhere. I have a MAC, is there something different to do?
I’m sure this is not your fault, just my inabilities, so, if you can get me back on the right path I’d appreciate it.
Okay, Glen, I found the code and typed text directly it. My problem is I don’t really know code, just enough to get myself into trouble. If you check out the link http://www.facebook.com/pages/Shannon-Christensen-Fine-Art/143690618733?v=app_4949752878 you can see what I mean. I probably should stop myself before I create real trouble, but, that’s not me. So I’m forging ahead. Still awaiting what you can tell me. Thx
Just like Sandra, your page looks fine to me
Make sure you are not logged in as the page admin to view it as I see it 🙂
The download never did let me just type in the “your text goes here” area (which was my biggest problem, I understood going out of my account) but I found the code and put it in manually. It took much longer but it worked. I appreciate your information, exact how-to, and answering in comments. Glen that’s a ton of work, so thank you.
Oh great man, I just deleted my old FB page because it was horrible. I appreciate it, perfect timing too.
Awesome, Wilson.
Enjoy 🙂
Wow, you’ve just changed everything!
Only a few days ago I added a landing page for my facebook fan page http://www.facebook.com/pages/The-Ephemeral-Project/152075828170369?v=app_4949752878&ref=ts
I would like to add your feature but I need to use my background. Do I simply replace your background image ((http://i.imgur.com/WVDVf.jpg) with my link for my page? I’m guessing it’s not that simple 😉
As long as they are the same size, then yes, it’s that simple 🙂
Otherwise, just change the “height” value, and then fiddle with the “padding” values. It’s really simple once you play around with it for a minute or two.
Yeah I was going to wonder about adjusting the code instead. Cheers Glen, this could be pretty big.
Another awesome resourceful post Glen. Thanks for sharing these awesome templates, i’m defiantly going to use it for my blogs.
Just wondering which font you’ve used for Facebook templates.
~Dev
The font is Diavlo 🙂
Hi Glen,
Having trouble with this code. I copied and pasted it to try it out and it doesn’t seem to be switching to the second page. It also displays two sets of Your Text Goes Here. I took a screenshot for you.
http://www.leehughes.co.uk/wp-content/uploads/2011/02/Screen-shot-2011-02-07-at-14.29.38.png
Once I click like then I get the same page, any ideas?
Thanks
Yes, this happens for everyone, if they are the page admin.
I mentioned this in the post. Log into another account (or ask a friend to test it) and they will only see one or the other.
My bad sorry, speed reading and all 😉
No worries, had a few tweets about it as well 🙂
I love you Glen. I have just created that on my fan page, following your advice: http://www.facebook.com/pages/Best-Travel-Websites/186946221315599?v=app_7146470109
Thank you very much for the step by step guide!
Awesome!
There is a typo here: “I’v ebeed waiting for you,” – Fix that and you’re all good 🙂
Hi Milan,
I am amaze on how you can get it right with my Facebook user ID on your page welcoming me.
I tried many times using the code given but don’t seems to get it right.
Could you please, share to me how you manage to do it right? Can you share to me what did you change from here to make my Facebook username appear on your page when I clink on your page?
I know this text can be change
a {color:#FFD100;}
a:link {color:#FFD100;}
a:visited {color:#FFD100;}
I know this text can be change
Thank you very much if you can share to me here.
Facebook have disabled the ability now, I believe. Unless you already had it when they moved to iFrames. Sorry
baller’s a good influence 🙂
LEGEND
It’s Junior 😉
Awesome Glen, quality post! I been looking to do another FBML setup for my design page, but I’m definitely gonna do it your way now…
Thanks man 🙂
Good luck!
Another great blog post. I think this is a really smart way of getting people to engage with you on Facebook. Have added it to my Delicious list.
Thanks
Thanks Charlotte.
Would love to have a go at doing a Fan Page – don’t know if I have the skills necessary but can only give it a try. Always sounds simple but ends up giving me more grey hair. Thanks for the info. Will let you know if I ever have success.
I promise it is simple.
Come back if you have any issues, and we’ll get you sorted.
thanks so much once again.
You’re very welcome, Jan!
Damnit, late again! I’ve been thinking about a FB page lately so this is great… stellar, useful work again, Glen!
Stellar!
So British, haha 😉
Thanks Moon 🙂
I’ve been seeing these pages for 3-4 months now, but I haven’t seen the name function used. Very interesting. I’m wondering how high of a “creep-out” factor you’re getting by including it. A while back Facebook put an end to over-personalization in FB ads. I’m wondering if they’ll put a stop to over-personalization of fb landing pages.
I have seen one example of it – while researching how to do it myself – but they just put it in line with some text, and it looked pretty nasty.
To my knowledge, this is the first time someone has spoken about it publicly.
I think the “flip” or “reveal” pages have been spoken about publicly for a bit now, but you’re right, it will be interesting to see how the name stuff plays out…
Interesting, I actually haven’t seen anyone blogging about it. Guess I should stay more in the loop 🙂
I stumbled upon your amazing blog post while surfing on Google. Your facebook fan page fbml template is awesome! I like it very much and am using it now! However, I have a problem on how to change the text for the 2nd page where my visitors will be directed to after they have clicked on “Like”… Kindly help and advise. Thanks.
The first “Your text goes here” in the text file is the for the second page that visitors will see.
Remember to view it as a non page-admin or you will see it looks quite strange. Just view it from a regular account 🙂
Glen, just to be sure…the 1st “your text goes here” is for the 2nd page, and viceversa?
BTW, thanks for the template, very, very useful. Im ready to tweak it with my images.
That’s Correct 🙂
Awesome tips Glen, I realy need to improve my Fb fan page and I will be applying your tips. Thanks so much bro!
You’re welcome Samuel,
Keep well!
Thank you for this, Glen. Such a project has been on my #todo list for some time. You’ve given me the shot in the arm to finally make it happen.
Kudos.
That’s my job.
Thanks Brian!
Ooops I notice you fanpage custom design exceeds the allocated 520px width, you may want to reduce the size especially that it cuts into the ‘submit’ button.
My image is 520px. I’ll look into it in a minute 🙂
Just tested. Looks fine to me in Firefox and Safari.
Thanks for more great stuff, Glen. I really appreciate what you do, man. Keep up the good work! Since I know you’re from Newcastle, what do you think about that Andy Carroll deal?
Haha I have been asked this questions so many times offline.
It’s a shame to see him leave, but he is not worth the £35m we received. Did you see the 4-4 game against Arsenal?
I haven’t worked with the Facebook Markup Language for a while, but the parameter you want for the user’s first name is “firstnameonly”, and you need to set that to “true”. So I would guess it looks like this: .
🙂
It only works on apps, I believe?
Ah man. I just checked out your code, and I see that you’re using fb:userlink, which they don’t even use for applications anymore. But then I looked it up and apparently fb:name doesn’t work with the fan pages! Bad Facebook.
SOOO, in that case, maybe you can get this to work:
Glen Allsopp
var name = document.getElementById("name").innerHTML;
var namearr = name.split(" ");
document.getElementById("name").innerHTML = namearr[0];
I’m so over my code examples not coming out in your commenting, haha. But for the name, it has an id=”name”, and then the script tags obviously before the javascript.
Could you put it up on Pastebin?
Yeah fb:name doesn’t work, which is why I’m to my knowledge one of the first people to be doing this. Took me way longer than I would like to admit to figure it out the first time haha.
The example I put up isn’t going to work, because they don’t allow innerHTML just to GET the information, but they do allow you to set it. So it’ll actually be easier than I thought. It’s very simple, I just need to see the actual facebook page and I’d be able to figure it out in like 2 min.
Go on Skype if you want it.
FACEBOOK MARKUP LANGUAGE: FML 🙂 🙂 🙂
Tempted to mark your comments as spam until you write your next blog post.
P.S. It’s FBML 😉
Thanks for taking it to the next level Glen! I’ll try setting a couple of these up soon.
Hi Glen! What a great tutorial. I’m having some trouble with the coding and wonder if you could refer me to the proper fix? Non-fans are seeing the corrent “like us” image but after clicking like, the “thank you” image shows up stretched out huge, with half the image cut off. I can’t seem to find a solution this – any / all help would be very much appreciated.
Thanks again for a wonderful tutorial! Glad to have find your website.
Hi Julie,
Of course I’m happy to help 🙂
Please paste your code in a comment and I’ll take a look 🙂
Hi Glen, thanks for such a quick reply! Here is the code:
a {color:#FFD100;}
a:link {color:#FFD100;}
a:visited {color:#FFD100;}
I am only interested in have the two images swap, not in having it call out the user’s full name. I’ve been fiddling with this forever now so maybe a fresh set of eyes looking at the code will do the trick. Thank you 🙂
Julie
It seems like WordPress is stripping out your code. Can you put it on http://pastebin.com/ and send me a link?
Hi Glen, here you go: http://pastebin.com/ESW3FGAn
Thank you again!
Hey Julie,
The code you pasted is working perfectly for me. Make sure you’re not viewing it as a page admin, and instead viewing it under a regular account.
The images aren’t stretched or cut off 🙂
Hi Glen, did already try liking our page? The problem I am having is after someone newly likes our page, the 2nd image doesn’t properly display…I used a test account as well and had the same problem. =/
I didn’t like your actual page, since I don’t know the URL. I used your code on my own page though, and it worked fine.
Glen, thanks a lot for this information, and the freebies you give to us. I bet this thing will make a different on my business fan page.
Once again, thank you Glen. You’ve help a lot. 🙂
You’re welcome Aqif.
Another awesome post from the Man. You could easily charge for this one, but instead you are giving it away. Super content and awesome giveaways makes your blog stand out from the rest. That’s the reason why I without any doubt bought your CloudLiving eBook and eCourse.
Thanks Eric,
I appreciate the kind words. Trying my best!
Thanks Glen! I took action right away…I’m not sure if you showed us how to create that second page when user “likes”…is that something you’re willing to share here? unless I just missed the how to..
very detailed directions, thanks from a restaurant owner in need…great interview with Pat Flynn btw…
Hi Chef Tony,
It’s the content before the part of the text file.
The first instance of “Your text goes here”. You will need to look at the page as a non-page admin to see it in effect properly.
So the first place to replace the standard image should be your “post liked” graphic? (after they like us) and second would be your standard page “unliked” if you will?
Correct 🙂
Also, how do we view the fan page as an outsider would? I think I setup right, but have to check of course.
Ask a friend to log into their account, or create a fake account just for testing, then delete it.
This is awesome resource Glen. Thanks
You’re welcome Roseli!
Great work Glen, thanks for sharing. Always liked how you have your Facebook Fan Page.
Cheers,
Sam
Thanks Samuel,
It has been a while since I saw you here 😉
Amazing post. Facebook is getting more and popular and effective these days.
PS: didn’t you rip these background off that irresistible of woothemes ? Naughty boy 😉
I created it myself in Photoshop. I even have the layered PSD if you need proof 🙂
Very nice, thanks Glen! The templates will def come in handy…
Glad you like them, Shaun!
Glen, this is exactly what I have wanted to do on my various FB pages, but just never got around to figuring it out. You have no idea how stoked I am to get this… it’s almost like being spoon-fed… 😉 I love it!
Great work mate, and thanks a million!
Haha, awesome!
No problem Brendan 🙂
Hey thanks for template and code. You rocks! Need to do some modification though 😀
Of course!
Hack away 🙂
Hey glen, just a quick demo of my facebook page, I took your template and worked it a bit to suit the same theme as my website. I obviously fall into a different niche than yourself and most of your readers, but the concept is hopefully the same =)
http://facebook.com/designcreative
Can’t thank you enough for this awesome post!!
love the pages you setup, great job!
Looks awesome man, I knew you would create something great.
There is a large white gap at the top though, might need to increase the margin-top:-px;
Thanks for this Glen, I’ve put it to use immediately! 🙂
A “fellow” Cape Tonian.
Welcome!
Hi Glenn,
Very informative article, am kind of new to online marketing techniques and would definitely try this out for my FB account.
Awesome, Dave 🙂
Glen, thanks HEAPS for this. Very kind of you to share it! Thanks once again. I’ll be interested to analyze stats on this….ie how many more “likes” you get once this is running
No problem Jeff,
Let me know how it goes!
I cant get the green color background to work??? I used the blue and black and they both worked fine but my company color is green? this was the code i copy and pasted from your zip file :
Your Text Goes Here
a {color:#FFD100;}
a:link {color:#FFD100;}
a:visited {color:#FFD100;}
Your Text Goes Here
You’ll need to paste the code to Pastebin.com if you need me to take a look.
Make sure you’re not logged in as the page admin / creator when you view it.
Above didnt post all the character/code that i had pasted into this comment box, ill try again??
Your Text Goes Here
a {color:#FFD100;}
a:link {color:#FFD100;}
a:visited {color:#FFD100;}
Your Text Goes Here
hi..why my page not change picture when i click like?…i means,when people click like,the welcome page not change to another picture page but still same picture is click like but peolpe have benn done click like…can u tell me y??…have trouble with code or what?
Don’t be logged in as the page admin.
Thanks so much for that Glen!
Do you have any idea when running a FB Ad,how they get the “friends” names in the AD?
I think it’s usually when the Friend has liked an Ad or the associated page?
I haven’t created a Fan page as of yet, but after seeing your templates, I’m strongly considering it now. What an awesome resource these are. It’s great to see you back in action writing much more regularly than you were at parts last year.
Thanks again!
Awesome,
If today goes as planned, I’ll be posting here a lot more often.
Hi Glen,
Thanks for the great post–it was the last nudge I needed to get moving and update my landing page to the new 520px width on FB!
I just uploaded the new page based partly on your template and then customized a bit too. If you want to check it out, here’s the link:
http://www.facebook.com/tommyschultzphoto?v=app_4949752878&ref=sgm
I’m still tinkering with it to get the follow-up page to work, but I’ll read through the comments above to see if you already answered that question. Anyways, thanks very much for sharing your ideas, really appreciate your help on this!
Best,
Tommy
You’re welcome Tommy,
Thanks for the comment!
Thank you Glen for this great guide! I now have a functional Facebook landing page! Following your tutorial, I have created this page: bashbosh.com/fbpage
Thanks once again 🙂
Looks awesome!
Good job 🙂
Splendid. Just what I need for a fan page on FB.
Good to hear 🙂
Glen – just had a great thought I think – how about you put together a Youtube Step By Step demonstration of how to do this with relevant examples – I think it would be particularly helpful for people like me who are not that conversant with doing this sort of stuff and codes and so on.
I have seen a few Youtube clips like this for trying to work out how to use Photoshop and they have been excellent. Seemed like nothing more than a video camera set up and focussed on precisely what you are doing as you click, type or whatever. What made me think of this for you was only because I had a go with something you suggested on another blog post (think it was in WordPress SEO) – seemingly simple but I was unsure just how/where to put the appropriate code.
I love all your ideas and have had a go with a few things, just takes so long – if there was something even Blind Freddy could follow (aka ME and others like me), it would be extremely helpful. Well there you go, just my suggestion. Thanks again for all your great tips.
Hi Jan,
I will make a video very soon. You guys are hard to please 😉
I like Jan’s idea…altho’ it is asking a lot, it would be awesome for the visual learners amongst us. I am still stuck, but I’ll give it another go later today. Thanks for all of this, Glen!
Your code works fine for me, Sandra. I will create a video, just give me a few days.
Hey Glen,
Great article. One question. I want to add another image under the one you posted. How can I do that. I have tried adding it in the code and it is not working correctly. I love the page you created but wanted to add another banner image under it linking to another page. Any suggestions?
The image I have is part of a background DIV, so it’s not embedded like you would add a typical picture.
After it says < / div > on the relevant page. Then open up a new < div > and insert your image code in there 🙂
Hey Glen, what do I have to remove from the code so that the users name is not displayed?
Hey Marc,
See the highlighted part here: http://i.imgur.com/vC5Y4.png
Underneath, you’ll probably have to increase the padding from 30 to something like 88.
Thanks for the quick reply and help Glen. Not had a chance to implement this yet, but again, thanks. Much appreciated!
No problem Marc.
Thx a lot, great job.
Glen,
A usual – this is some kick-ass info you got for us here :). Thanks so much for sharing your know-how and templates.
I’m working on it now actually. But I have a question for ya.
I suck at FBML and all things related.
I entered the text where it says to do so but how do I make it so the texts are not all in one paragraph. I skipped lines in the code but it’s still showing up as one block.
Thanks for your time.
Cheers
I read it again, and now I understand.
Just add < br / > (without the spaces) where you want line breaks to be.
Awesome, Glen. Thanks!
Hello Glen,
Thanks for sharing this, I can imagine how well this will work. The best part is how easily it is to get fans to take more actions. I actually took all actions! Liked the page, downloaded both e-books. And I can see a lot of people doing the same.
I have a fan page set up for my e-book, actually the second fan page I have set up. The problem I am having with fan pages is getting the fans to participate. It gets boring when you alone are doing the posting and no fan commenting.
So while this is great to get more fans, I will greatly appreciate articles on how to get fans to keep participating. I mean what’s the point of having 10,000 fans if 80% of them don’t even visit the page to see what’s been said.
Meanwhile I’ll make out time to edit my current page with the ideas you’ve shared.
Nice one Glen, keep it coming!
Make sure you ask some questions. They always seem to go down well!
Hello Glen,
I do ask questions. I think the problem is that many people don’t know how to get back to the fan pages they have joined including myself.
I mean if you’re on your facebook account how do you get the links to pages you’ve liked to see what’s going on there? If they can’t easily get the links to the pages, they can’t see the questions asked in other to make comments.
Thanks Glen. This looks great. I will be using this on my next project which will entail having a FB Fanpage for coaching purposes!
You’re welcome Ann. Enjoy 🙂
Glen, this is a great post. Thanks for not only letting us know what you’ve done, but also giving us the tools to do it ourselves. I’ve never been happy with the way my FB page has been set up – this gives me some great ideas to work on tonight.
Awesome, Allan!
Awesome post as usual Glen. Already applied what I learned from you. Thought I could get the first name thing working with fb:name but apparently FBML is fickle beast. So for now I will stick with the full name. Thanks for inspiring me!
http://www.facebook.com/metricjunkie
Yeah it seems like FB:Name only works on apps. Your landing page looks great!
Thank you so much for this great information. I do have a question, I’ve been looking for FBML to be able to add boxes to capture the visitors name and email. Like you have on your second page. Can you point me in the right direction? Thank you!
I use Aweber.com for my email opt-in forms.
Thanks for the great idea and the FBML example Glenn.
Following your idea, I have implemented something similar but this time in a FB Canvas Page Tab App. I opted for an App because I will need a bit more programmatical control in the future for the Fan Content and because the NoFan-content and the Fan-content are substantially different (the does not work very well in that case). For the moment, the NoFan content is an Adobe Illustrator image and the Fan content is generated html content that refers to a blog article.
You can find it here:
http://www.facebook.com/pages/Feestdagen-Belgie/141816122524879?v=app_188079124548382
* Important Info for those who want to try something similar: You have to change the App’s default Advanced Settings <>, else the $_REQUEST[‘fb_sig_is_fan’] value is not available and you will never be able to figure out in the app if the logged-in user is already a fan of that page (unless you ask the user explicit permission to read all its data but I guess that will have a negative effect on the conversion rate…).
Keep up the good work.
Some text was stripped from my post:
Read :
You have to change the App’s default Advanced Settings (If Yes Then $_REQUEST[‘fb_sig_is_fan’] is not available!).
As :
You have to change the App’s default Advanced Settings: OAuth 2.0 for Canvas = No (If Yes Then $_REQUEST[‘fb_sig_is_fan’] is not available!).
Here is my attempt at this, for a page I am making for my Youtube channel. I repeated the gold color in the left side column:
http://www.facebook.com/pages/Carl-Blemming/171343832910860?v=app_4949752878
Does this look okay?
It’s looks great!
Glen, honestly I was a bit disappointed towards the end of the year, because you made a break from posting articles after the launch of Affiliate Skin.
But this tutorial here is awesome. I spent a few hours to get it running (had also to make own templates because my site is in German), but now it works great! Thank you very much!
Now another post about “how to make your users click on your “become a facebook friend button”” would be a nice follow-up. For example, how could I add the number of “fans” I already have to my website (in order to show some kind of social proof)?
Anyway, thanks a lot!
I have a plugin for that I’ll be releasing in a day or two. Keep checking the ViperChill nav bar 🙂
You are the opposite of selfish.
Thank you.
Thank you!
Wow, wow, wow, wow, wow….
I think my Facebook page needs some sprucing up, with immediate effect!
Thanks Glen!
You’re welcome Stuart!
This is baffling. Like others, I am being taken to page 2 (“thanks for clicking”) of the fan page. But I am *not* logged in as a page administrator. I’ve tried this in two browsers, and in both cases I go straight to page 2 even though I’m logged in using an unassociated Facebook test account.
Since I’m debugging this, the only modification I’ve made to Glen’s code is I put the green JPGs on my server, and have modified his code to point to them:
http://pastebin.com/rB1g5xG0
I’m at a loss to know what might be the problem. For the time being, since my fan page draws a lot of traffic, I’ve switched back to my wall as the page’s entry page. Would really appreciate any help anyone could provide.
Did you replace the right images?
The first image, is actually for the second page. The second image, is for the first page.
Oh! How embarrassing! When I renamed the images for my server, I just figured they were in the order mentioned in the code. Thanks for clearing this up Glen, and I’m so grateful for this new Facebook trick. Can’t wait to see how it affects my conversion rates.
I’m so jealous of your domain name (as you know).
I get a similar problem. Using a non-admin FB account, I can see the first page, but once I click the “like” button it reloads the page below to a blank page. Nothing is visible.
Hi Glen
Thanks so much for this amazing tutorial. I have a couple of questions though, they may seem kind of dumb but I’m totally new to all of this.
What am I editing the “your text goes here” with? And also am I supposed to copy that code into the FBML box then click save?
Thanks for your help
Meenu
These are very good tips for creating a high converting facebook fan page. I think it is very much good tutorial. I will try to apply these tips. Thank you so much
Thanks for this article. Could you tell how to post on facebook. I mean tell how we can attract more traffic from Facebook Pages. How to persuade User’s click on the Post in the fan page?
Give them something worth clicking on (relevant to what your page is about).
Great ideas here Glen! I’m going to run with this for one of our e-commerce sites and see if it helps increase the likes and mailing list registrations.
Let me know how it goes.
Little update Glen… Since I created my landing page modeled off your template, I’ve increased my likes by 21 in about 50 hours… I am not sure if that is because of the landing page or because you advertised it on twitter yet though… But I will keep you posted 😉
Thanks again
Craig
Awesome!
Thanks for the update 🙂
Maybe I am missing something, where is the FBML code, that inserts the users name?
It’s the < fb : userlink part in the text files.
Hey Glen,
This concept is exactly what I was looking for.
Can’t manage to get the sign up form option sorted though.
I have code from mailchimp, how and where would you insert this to get the desired result onscreen?
Awesome work. Love it.
Great work Fella! This works brilliantly and thanks for the freebie! PS I love your posts!
Thanks dude, I’ve been meaning to look into using more
of the FBML options. I believe you can do even more than
just populating the username… Should be able to show
friends and stuff too.
Anywho, here’s mine from your code http://facebook.com/sitefling
P.S. How do you make sure they go to a specific page after
they click the like button?
Hey Glen & everyone,
Some irritating news. Facebook just rolled out a new fan page upgrade today. I upgraded since these things are generally made mandatory a few weeks after introduction.
Well, guess what? They’ve narrowed the window by about 30 pixels, so that the “e” in “see you here” is cut off.
Worse, after clicking like on the first page, the follow-up page doesn’t load; you’re instead taken directly to the page’s wall.
Glen, what you created is so incredibly cool. I guess it’s one of the hazards of the Facebook platform that you can’t just lock in a great modification and use it permanently without being at risk of having to alter it in the future.
-Erik
More annoying news, this time from Facebook’s help section:
>Can I go back to the older version of my Page?
>Once you have upgraded your Page, you will not have the option to revert it.
>/help/?faq=19850
If anyone’s reading this who’s used Glen’s modification but who hasn’t upgraded to the new fan page, please hold off upgrading for now until this is resolved!
Hi,
First-thanks for this great article. You have really helped so many people! My question: My new page does not appear as a landing page-but simply as an option (Hey!) on the left side of the page. I changed my default landing under my admin options for the page, put can’t figure out why people can’t see this page when they land. I’m sure I have done something incorrectly. If you have any insight I would appreciate your thoughts. (http://www.facebook.com/TranscendentWellness)
Thank you for your time!
Tawana
>My new page does not appear as a landing page
It works fine if I open your page 🙂
Make sure you view the page as a non-administrator.
Hello there, just wondering if you can make available the red image without the text on it? Really appreciate it as I want to display my custom text.
THANKS!
–MS
Yeah I’d be interested in that as well… I wanted to use it but didn’t want to use your text exactly as you had it.
Wow this post is gold! Thank you so much for such valuable content. This blog is going straight into my “bookmarks” and one we will need to start watching. Thanks again and keep up the great work!
After the changes to Facebook yesterday I decided to checkout North Social’s apps… OMG am I in love!
Hi Glen,
I followed your instructions and got things running successfully for a friend’s FB page except for one thing. After someone clicks like, they are taken to the wall, not the second landing page. I created a new FB account to test this and got a friend to try as well. I am using the new version of FB Pages.
Here is the fan page
http://www.facebook.com/pages/The-Rake-and-Broom/37004901660
Here is the code I used.
http://pastebin.com/Hx8DFPLV
Here is the
The problem is with the new Facebook pages. They no longer allow you to use a secondary page.
Thanks for this method Glen, it inspired me to do something about my fb page’s welcome page, and since I didn’t know the ins and outs, this helped enormously!!!
http://www.facebook.com/pages/Natural-Health-Centre/267957493769
Bummer about the second page, though!
You ROCK!
Glen,
I am having the exact same issue as Mark. When people click like it just takes them to the wall. Also, on the second page, how do I add the bullet points like you and others have?
Thanks!
Dan
Put your code up on Pastebin.com and send me a link.
And link to your Facebook fan page, as well 🙂
And by the way, I did have a friend check as well. Any help will be great. Thanks again.
Ditto on the 2nd page issue. Im sure Glen is working on a fix, and if anyone finds some solution online, please post. Awesome job Glen! Putting the “chill” on ViperChill.
I switched over to North Socials apps after the Facebook update. It does the two page thing quite easily but not the name population thing that Glens code does. Eagerly awaiting Glens update.
What second page issue? I haven’t saw one example which doesn’t work yet.
This article is awesome. THank you very much! I used for my fan page. 🙂
Demo : http://www.facebook.com/techsharing
Update: It seems like the issue is with the new FB pages that were launched a couple of days ago. If you want this to work, then don’t update your page. Thankfully the ‘name’ feature is still working 🙂
I read somewhere that Facebook will be forcing all FB Pages to the new layout on March 1st
Still having no luck embeding opt-in form code to the second page.
Any advice on acheiving this?
Thanks…used this valuable information on our Facebook page http://www.facebook.com/yourlocal
Hi Glen,
Awesome post! You have just saved me so much time and hassles! I have shared already much ‘social’ love to you 😉
I do have a question… how do you change the code for the second page to add in an aweber form like you have? I would love to collect some names and emails too.
Thanks so much again,
Duncan
Thanks Duncan,
Just paste in the HTML code from the form you create on the Aweber backend, where it says “Your text here”
So cool and yet based on this recent announcement
static FBML will soon disappear – Will this work in iframes?
Facebook’s announcement on their developer blog on February 10th, the announcement was made….
“On March 11, 2011, you will no longer be able to create new FBML apps and Pages will no longer be able to add the Static FBML app. While all existing apps on Pages using FBML or the Static FBML app will continue to work, we strongly recommend that these apps transition to IFrames as soon as possible.”
They have also subsequently announced that existing Static FBML apps will continue to be supported for approximately a year.
Love this and it is really simple, ……but I do have a question….
I put my information in, but can’t figure out how to put spaces between paragraphs. I looked throught the comments and you said “(without the spaces)”
I tried () – that didn’t work
I tried (my text) – that didn’t work
Can you please explain how to make anew paragraph.
Thank you
Use a without spaces.
Great posting!
Will you be updating the post to encompass the iFrame move by facebook?
I need to look into it more. I don’t have the time at the moment.
So, I’ve been looking into this exact issue and it appears that with the deprecation of FBML, so to comes the deprecation of
With iFrames and the Facebook OAuth 2.0 system, there is no way to get the user id without getting a user to authorize your application to access basic data first. This can be done with a popup, but I’m sure the bounce rate will be too high to justify the personalization.
If others have found a different conclusion, I’d love to hear it. I’m still hoping there is a way for us to continue personalizing the landing page.
If not, there is a lot of social plugins that can be used without authorization to allow for lots of interactivity with your audience. This could be a way to suck them in and then ask for the authorization for even more great content. That’s probably more useful for larger brands though.
just my 2 cents. love to hear what others think.
Went through this with so much excitement and it all works perfectly, THANK YOU!!! And then I read to the end of the comments to see that it won’t last very long with the Facebook changes, boo hoo. if you ever do this again with the new format I’d be so grateful.
For a couple of weeks I’ll have your gift here:
http://www.facebook.com/streetsportstyle#!/
Hi there!
Have tried this page out, just wondering how do I add something to the second page that says ‘Wait there’s more?’ At present people dont know what to do when they click this.
Also, how can I separate the lines in text into paragraphs?
Thanks very much for this by the way!!
James
to make text paragraphs you just encase it in and
so instead of:
Your Text Goes Here
you would have
Paragraph 1 Goes Here
Paragraph 2 Goes Here
Paragraph 3 Goes Here
hmm… all the code got stripped out my comment…
Thankyou for all this!! i`ll go now to do my page!! 😉 awesome…
I am very happy after configuring a welcome message for my client’s Facebook fan page. Looking for your more updates.
This is pretty cool. I got it set up for my new Facebook fan page. Thanks Glen!
Just to let you know I have tested, and my first and second page are continuing to work with the new facebook layout…
A read a few comments that said the second page didnt work on the new version, but mine works fine still…
Link again?
http://craigabbott.co.uk/designcreative
sorry for the delay i didnt have notifications on!
Great idea as I’ve been meaning to do something about my facebook pages. Do let us know if a new way to incorporate this with the iframe comes
Hey Glen –
This doesn’t need to be published. I just thought I’d mention that you used the word “there” instead of “their”..manager after mentioning Land Rover, Nissan etc. in this article. You’re a really bright guy with a great written style, but those little things detract from the flow of your prose. Might want to change it.
Great Job!
Thanks for the detailed instructions – and templates.
Will they still work when Facebook goes to iFrames on the 11th of March?
Keith D Shrock,
Certified Social Media
I hope this isn’t a stupid question, please forgive me if it is, but did I miss something about how to set up the secondary page with the mailing list? I have the first page up but not sure how to get the second page going.
Any help would be greatly appreciated.
And thanks for sharing, this its really amazing!
Tom
I use Aweber for the mailing list.
Better hurry up in using this. Facebook is scheduled to phase out fbml by March 11. After that they say it will no longer be possible to add fbml tabs to pages. But any fbml tab created before 11 will be supported indefinitely.
I’ve just tried it on you facebook. It’s it’s awesome. it’s just what I need.
Thanks for the template.
Awesome man! I just found out about your website today, and you have already helped me! Unbelievable. I look forward to keep on visiting!
Thanks!
This is great stuff. I’m coming out with an iPhone app soon and need to really make my FB page look nice. Will be using this and reading more of what you have on your blog!
simply awesome. just tried it out 🙂
Hi all,
I’ve implemented it, but some have said they’re not able to see the background image. would people be able to let me know if they can?
I mentioned it to a friend who loaded it on to his employer’s FB page and it started to get 4 times the “likes” per day than before.
Lee
p.s. missing my bunny chow being in the UK now 🙁
Link us to it?
Excellent post! thanks for taking the time to share!
Hi Glen,
I love this idea (and Capetown BTW) but I’m having trouble implementing. Sorry if I’m being repetitive but there are a lot of posts here. I’ve tried implementing your idea with my own images for the first page and directing to another FB tab for the second but the only thing that appears on my Welcome page is the user name.
Is this a problem with the size of my image? I used the ones you offered above to build mine. Here is my code:
Your Text Goes Here
a {color:#FFD100;}
a:link {color:#FFD100;}
a:visited {color:#FFD100;}
Your Text Goes Here
What am I doing wrong?
Thanks
Chris
Chris the site strips all your HTML out of your comment, you are far better off posting an image / screen shot of some sort
Just to let you know =)
What a great post, got my fan page up and going.
How did you implement the E-mail and name collection on your ViperChill facebook site?
Are you pointing somewhere for those two fields (your cloud:niche), or is it all done with FBML somehow?
Thanks
Hi Glen, finally had a go with creating a Fan Page for Dating Symbol. Seemed to have Welcome Page up – don’t know if you can access here but give it a go http://www.facebook.com/pages/Dating-Symbol/102293313186208?sk=app_4949752878 – thanks for your instructions – I could follow them eventually!
What I can’t figure out is how to get the Second Page to even be created, let alone work. I only saw one document of text to copy and paste into the FBML box thing and have no clue how to create the second page to work on using your second page template. Any clues with what I am missing please.
The other strange thing was when I went in and put in the text for the 2 sections on the Welcome Page, I ended up having to put the second half in in the first text section of the code and the first lot of text in the second text section of the code in order for it to show in right order. Main thing is it worked in the end for someone who has no clue! thanks.
Jan
AWESOME of you to share this with us man!
Unfortunately, I’m with Jan…I got the main page working just fine but no second page.
I assumed everything was housed in one file and that the part of the code that determined what gets shown on each page was the bit not too mention that the urls to your images on your server do point to the before like and after “like” images but I’m missing something in making it work.
I’d like one of the pages to allow those that like the page to opt-into my list and receive a free video…
Awesome post! The whole process took a few minutes and I learned something new and very useful. You have a great blog!
wow 🙂 this is awesome.
Now that FBML is no longer accepted on Facebook is there an alternative approach to getting your page up? Just bought your course and found my way here, so hope it is still do-able.
Having the same issue with getting the second page to work. Anyone able to figure it out? Thanks! 🙂
Sean,
Facebook have removed this ability in their new update.
I just implemented this today – started on this AFTER the transition to iframe – and after a lot of heartburn (not being a programmer) and BOTH PAGES WORK!! I tested them in IE8, Firefox and Chrome. But I can’t set the new 1st page as my default landing tab. Assuming it has nothing to do with the FBML phase out, how do you get it to work?
You need some fans first in order this to be enabled.
Yes, it’s definitely been shut down. Shows how crap Facebook is. Sure, we all use it, but they’re rubbish with their little dinky updates, and changing their minds all the time about to FBML or not to FBML.
I just hoping the next social media thing comes soon, so Zuckerberg can cry all the way to the bank…
Now that Facebook has transitioned to iFrame, is there an alternative plugin?
Hello
I have the same problem, i have to use an older folder of FBML and rename it to Welcome. If i put the code on the new FBML Iframe noting happen.
Regards
Hello again, im using this code (tks to the autor because it´s a tremendous code) to invite the new fans to invite there friends too.
If i can put a box below the second image, with all friends, it will be great, because the new user is encourage to sugest immediatly.
You can see an example, here
http://www.facebook.com/liveloveandcareadoptanos
thanks
How do I add line breaks to this script? does not work
This was great to give this away!! But what do we use since the static FBML has been removed.
What do you reocmmend using with iframes?
Am I tripping completely or is the Static FBML application not able to be installed anymore? How can I get this to work without it?
Hey Glen,
I’m having the same problem as Jay, it doesn’t seem to work. Whenever I try to install the application it takes me to a few page options, but not for the page that I want.
What could be wrong?
Cheers,
Niels
PS: Awesome stuff with cloudflood and this ofc!
If you could make a royal blue one of these, I would love you FOREVER! That’s like, a really long time!
I had trouble as well. I came here via the Cloud Blogging course, and I had also seen Pat Flynn’s post on SmartPassiveIncome. Pat has an updated version of his landing page video, so I used his tips plus Glen’s tips and templates and set up my fan page.
Glen, I hope you’re OK with this. I modified your FBML template to be in HTML. The app Pat uses is an HTML version. I posted about it here:
http://www.jayzilla.com/2011/05/27/how-to-create-facebook-landing-pages-with-html/
If you want me to take them down, I will. I just thought I’d post them up here in case they help someone! 🙂
-jason
Awesome, thanks!
I’m not sure why everyone is saying they have problems with this – I downloaded Glen’s template shortyly after FB officially stopped supporting FBML. Considering I’m an interior designer, it was a lot of effort but Glen’s template’s still working fine for me…. I also got Pat’s page working but thought Glen’s 2nd pg was too cool to pass up!
Hi Glen,
You are indeed a helpful individual,
With The FB update to Iframe, have you got an update to this effect?
Thanks.
Ignore me, just realised it’s all about html now! Still a great blog!
I used your technique for my companies new facebook page. Glen, I truly appreciate all of your work.
where and how do i get the names to appear when people click onto my page???
Did you download the file?
yes
Great post Glen!
I am having the same problem as @chevonne.
First of all the Static FBML app is no longer being suppoerted, so I don’t know how it still works for you??
No big deal. But what has been buggin me is that I can’t figgure out how to get a persons Name to show up on the landing page, like yours?
Any help?
PS: I am using the new Standerd App that replaced FBML – “static HTML – iframe for Pages” – https://www.facebook.com/l.php?u=http%3A%2F%2Fapps.socialmedia-marketing.pro%2FstaticHTML%2Findex.php%3Ffb_page_id%3D182585698443374&h=tAQBZYIzx
Did you figure it out, Jake? I can not get it either.
wow Glen very useful info here, I have a fanpage(you can see it here: http://www.facebook.com/riftstrategicplayers) and I use same system like you but fan page name personalization is one the things I have missed, so I will replace my fanpage(non-fans section) with your code, it is very interesting that your are sharing your works for free here I personally thank you. very good.
Hey Glen, I’m new to your site and I WILL be sticking around. The way everything is described here is perfect for someone like myself who is not too knowledgeable about all the inner workings of the internet, yet still wants to learn and hopes to make $ assuming I can figure it all out. I will be visiting here for sure for more tips. Check out the first way you’ve helped me 🙂 http://www.facebook.com/theBIGbeezy
hey its not working for me. 1stly the name of the visitor is not appearing, 2ndly both the text that is before LIKING and after LIKING are appearing at the same time before LIKING. pls help me.
Awesome Next level facebook fan pages
I have downloaded it .
I have found you through SocialMouths. Now I have to read all of your articles. I find them original and extremely relevant to what I am trying to do to get my photography business going. And without fear of being myself. Thank you!
Hi I have installed your facebook page but the link leads to a RANDOM page instead of my homepage. I believe there is some virus attached somehow because its like they are stealing traffic. Anyone able to help me please? Here is the page, if you click the Homepage link you will see what happens. Here is my Facebook Page (https://www.facebook.com/theBIGbeezy?sk=app_4949752878)
Thanks for sharing your info with us I am following your Guardian project and will watch your site with intrest.
Hi! On your Create A Page, do you get 6 old-style clip-art icons rather than just 2 choices in a 2-colume style of “Community” or “Business, etc…”? I seem to have a very odd version of Facebook from everyone else!
Also, how do I get a LIKE button/box above my Welcome Page like yours and everyone else’s?
I’m new to this game, and it doesn’t help not getting what everyone else gets! Hope you can help. Thanks in advance.
Tom
ps., like your blog. Original. Stands out from the crowd.
is it still possible to get the name without a static FBML app and without requesting permission from the user??
Very interesting. Applying this to brand pages, is it possible that global FB pages behaved more locally…? e.g. in addition to adding the name of the user, could the country be identified from the user’s profile and a local greeting be set up (along with the name)?
Thx,
Adil
Great article. I was referred here by Derek at Social Triggers.
I couldn’t quite get the page switching to work (I see now it’s no longer available?) but I was able to hack the first background as an Aweber background and combine a newsletter signup onto the first page.
http://www.facebook.com/FreeFromBrokePersonalFinance
(love that name of yours BTW!)
Thanks for the tips! Hopefully I can get my facebook fanpage set up without too many headaches.
I’m also following the guardian project which is why I came here to post-I need to see your thank you page for first time posters. 🙂
this is really cool stuff…thank you for sharing!!!
Absolutely love it, thank you. I’ve put it on all three of my facebook pages.
Just one thing though… the first time I saw this – and I assumed their developer made it himself – was on my old church’s landing page. I was sooo annoyed to see the ‘finally’ comment that I didn’t like the page and unliked other things connected with them!
Just a word of warning to those with niche sites to consider context!!!
thank you so much for this!! is there a way we can add bullet points to it, I have been trying to get it done, but no luck, maybe you can write the code if you dont mind. thanks!
Am I missing something, can’t see this bg on your FB page?
i already have a page , how can i apply this settings bec.i dnt wanna make a new one again.I JUST WANT MY PAGE TO BE NOTICEABLE to attract more people.PLS.HELP.thanks.
Awesome post. so glad i found your blog. I have been wanting to start profiting from Facebook pages for a long time, and only now am I managing to get the information that I need to do something about it. I have bookmarked your blog
As an avid follower of Glen, and somewhat of a graphics / webdesign anorak I can safely say ‘THIS STILL WORKS’
I applied FBML and the basic outline of Glens code to http://Facebook.com/physiqueoftheweek just yesterday…
And it works fine!
Cheers again Glen! This is awesome
Hi Craig,
I just came across this post today and this seems like such a wonderful tool to be using on my fan page…
However I can’t get the Welcome tab to display the Facebook username. Can you think of any obvious reason why this wouldn’t be working?
I’m using the Static HTML app and I have enabled FBML, but I’m still not having any luck.
Thoughts? 🙂
Thanks!
Sara
Could you possibly post your code into here so we could take a look? Thanks
O.K. I just uploaded everything and made the necessary script changes and it looks good with the green one. One problem I see is a doubling up of the paragraphs of the two pages…it may be because I am logged in so will somebody please check to see if everything looks right through their Facebook login??
The address of the page is http://Likeme.MarketSecrets.biz
Works like a charm Caleb
Cool thanks for checking that out for me…now do you think you could tell me how to stop the ViperBar from displaying on certain pages ❓
Sorry dude I’m not totally familiar with the viper bar myself!
Hi Caleb,
There’s no way of doing that currently; it’s just available in a version we are testing (that’s why I put it on the page in advance).
wow this is really great i think i got it right https://www.facebook.com/pages/Bleach/319537568071659?sk=app_4949752878
Looks great!
Hi,
Great post!
What is the name on the font used in the templates?
Thanks
-Adewale
I would also like to know which font this is.
Please reveal Glen 🙂
Nice idea by the way, but now whit the Facebook SSL thing, is it possible without a SSL certificate?
Joe
I love this idea! Thank you for sharing this and for giving us your templates and codes.
Hi,
Is the code need to change anything?
I did copy and paste from the txt file, but it not showing any user’s name.
can I use a custom(my own image) instead of your template, I also don’t have server.
Of course 🙂
Everything set up perfect when I installed your code/graphics as is, but when I paste in my html code for my Infusionsoft webform and click save, the welcome “like” landing page is all white and when I like the page, then it goes to page 2 of the sequence where the opt-in is supposed to go. The html code for the web form is pretty long. I am not sure if that is the problem or if I an inserting the code in the wrong place. Here’s my page: http://www.facebook.com/Vitamart.ca AWESOME value add by the way! Thanks!
can I use a custom(my own image) instead of your template, I also don’t have server. how can I use it?
Hey! Great code and result, thank you so much for sharing:)
One small challenge I have, can you help? I’ve put the code in fine and have added my text. However, when like is clicked and they are sent to the second page, I have no idea how to add anything to that second page? In the zip file there is only one fbml file for each colour and it only seems to give ability to change page 1. Am I missing something? Any help would be appreciated:)
Thank you again,
Tim
Hi How do I edit “Your text here”?
In a text editor / on Facebook. Just type on your keyboard 🙂
Hey, I have just put your code onto my facebook fan page, but it doesnt personalise the names? Any ideas?
Make sure you’re not viewing the pag as an admin 🙂
Thanks for taking the time to share this with everyone! It took a bit of figuring out, but I got there in the end…looking forward to getting more Lkers!
This is great, Glen, thanks for sharing! Last night I popped it on a new project – http://www.facebook.com/ClimbMidwest?sk=app_4949752878 but I’ve got a glitch with the second image showing up after they click “like.” I also had to adjust a lot of the padding and margins – not sure if this is due to variations in image (though mine and yours are only slightly sized differently) or changes in FB. Either way it’s been fun playing with FBML.
Ok, simple fix… a tweak to margin height on initial image (bottom section of code) – had to do reduce it to -250 for my particular image. Thanks again, Glen!
Glen,
thanks a lot for this great tutorial! As my fans are mainly from Germany, I would like to have a localized / blank version of the image. Is it possible to supply this? The plain chalkboard will do, I guess I can add the German wording via Photoshop.
Thanks,
Florian
PS: Happy New Year from Berlin!
Well
I tried implementing this really great idea. However, I cannot get it to really work. The biggest problem is FBML is deprecated. The tag doesn’t work. I can’t get the user name to come up.
Too bad for me.
I’m wondering of your pages are “grandfathered” because the name link comes up.
Great tutorial Just I have my fan page by this. Thanks for share this.
Hi Glenn
Been following yr advice on Blogging Case study (it’s helped a lot!) and tried to this a couple of times without success. There is no app entitled app Static FBML. The only options given are apps for
Photos
Links
Events
Notes
Video
Is it me or has FB changed?
Help!
Very best
Shu
Fear not – I finally worked it out. You have to find the app first and add it to you page!
Please help me also locate the app Static FBML on Facebook as I have been having no success with it.
Thanks
Got another question for though (if you aint’ sick of me by now…!). How do I get my Aweber subscribe form onto a second page on Facebook now that I have my fancy new landing page?
I have the Aweber form but can I put it within your lovely graphic background:
http://www.facebook.com/pages/So-You-Want-to-Work-in-Television/165310970194684?sk=app_4949752878
Sorry to keep bugging you!
Shu
What a fantastic and comprehensive tutorial.
One of the best Facebook landing pages we’ve seen.
Thanks Glenn! 🙂
Hello,
GREAT post, thank you. I’m looking forward to getting started.
I tried to get your app on my page, and there is nothing on you app page that allows me to bring it onto my page.Sorry, I bet it’s really basic, would you be able to explain what to do in this case?
Thankyou
Micha
xxxxxxx
Sorry I do not find FBML anymore. Is it gone?
Cool Post….But You never mentioned though what those 12 Technorati responses said and I haven’t noticed anyone who asked here? Any chance of finding out 😀
Hope you have a great Day!
Great post! Very Helpful! Thanks Glenn! I will definitely check out other posts on your site…
HI great post, but I am woundering if Static FBML is still available in facebook fan page editing option?. so I think IFrame is best option?. Thank you
This is amazing Glen. I love all of your work and it has helped me tremendously. You made a follower out of me!
Thanks for the free templates! I am only having a few problems:
1) how did you make your opt-in box look the way that it does? The basic Aweber code comes up different?
2) how did you make the different fonts and the bullet points look the way that they do? I can only make them look one way.
Thanks!
It seems that Static FBML has been retired by FB so can no longer be added as an App to your page.
Is there an alternative FB app (current) that will work with the zip file and instructions please?
Static Iframe works very well with Glen’s zip file.
Hi Glen….this looks great. Do I have to start a new Facebook Page to use this, or can I convert my existing one?
Now that static FBML is dead and gone, do you have your downloadable zip file updated for the new format? That would be great.
Glen,
After a full day, I was able to make things work at last. Promised myself not to ask any questions and simply follow the tutorial here. It sure was a heck of a job but I’m impressed with what I’ve accomplished. Don’t be jealous mate, I am actually more impressed with the effort you made to put these pieces together.
A happy camper here and I am sure to spread some social love for you.
Cheers!
I think this is one of the best post I’ve ever read except http://www.viperchill.com/wordpress-seo/ this one.God!!! You’re Wild……
Unfortunately Facebook just took a lot of momentum away from almost everything you’re talking about in this article. Great post though! I hope they reconsider not letting us use apps as a custom landing page.
I think they don’t want a bunch of email address collectors doing this and then spamming. Not to say that you would or that glenn is…but “people” will.
Does anyone know how to get this to work? I have installed the code in the static iframe tab but the users name does not show up. I tried with several different people. What am I missing?
Is this software no longer pertinent Glenn for the new FB design?
Sadly, with the new timeline layout, this did not convert as much as it used to be. Got to try out new ideas
So now that Facebook has killed the ‘default landing tab’ selection, how are you driving visitors to this page?
Hi Glen:
Have you thought about providing an updated code version now that FBML is no longer supported? That would be nice.
Warner
Glen , I have only recently come across your pages. The more I read, the more I like.
Thanks for the great guides.
I’m pretty much a complete newbie and I’m finding this all very fascinating. Hope the weather in CT is treating you well and thanks for all the insightful tips.
Hey Glen, thanks for the super awesome post as well as the give-away. You keep doing it over and over again. Your the best…
Hey Glen,
Do you feel facebook fan pages are converting like there were in the past? How do you feel Google+ is going to deal with this for businesses?
Thanks!
This is what i need for my clients, i will use one of your templates to see the results (conversion) i will let you know if it works fine and would lead to more “likes”
Thnx for sharing your templates and research!
I really enjoyed this post about the highest converting Facebook Fan Page. I learned a lot and I almost finished it. How do I add the opt-in box like how you have it?
Should I just add my AWeber form code to get the opt-in section?
By the way your site is great. I will read more on your site and learn much more I’m sure. I hope to have as good of a site as you in the near future. Keep up the great work!
So apparently this code was phased out a long time ago. Great page. It would be great if you updated this section. Thanks
Yes, if you could please update this post that would be great Glen, thanks!
Hi Glen
My brother (who is sitting next to me) has subscribed and bought a few of your products over the years and told me about you and I’m hooked. You give so much value and don’t even charge for it – that’s what makes a stellar web/SEO/online marketing guru in my book and it means that when you do have a product launch, I will be first in the queue because I know it will be a valuable pice of online real estate.
I just don’t get Facebook pages. I mean I can understand interest in fluffy kittens or a celebrity but how on earth can you make a Facebook page about car insurance interesting enough for people to like or write about?
That said and on a similar theme…Could I ask a request please?
Are you able to give a case study on ranking for a specific niche? I work in insurance and finance and it is mega hard to beat the big boys, even on lower search volume keywords because our industry is dominated by price comparison sites.
It’s all very well ranking for the term “garden planters” or “calligraphy pens” but I never see case studies from anyone regarding keywords in a competitive niche – even small volume keywords in a competitive niche.
I know that sounds a bit selfish but I’m sure there are other competitive industries where people would like to see some hardcore case studies.
Thanks again Glen.