How to Create a Facebook Landing Page (HTML / iFrame Edition)

Facebook Landing Page - Static HTML Tutorial

Please click here for the latest tutorials on the new Facebook Timeline Setup.

**Important Update to Facebook Landing Pages**

Please note that all Facebook Pages will be converted to the new “TIMELINE” version of wordpress, which you may have seen on your friends’ personal profiles lately. 

No comment on how they look, but there’s nothing we can do. On March 30th, all pages will be switched over.

PLEASE CLICK HERE TO READ THE NEW FACEBOOK TUTORIAL I’VE CREATED for TIMELINE

p.s. it’s up to you, but I wouldn’t proceed with making a landing page on your site (i.e. read any further) because landing pages will be obsolete after the change.

There is yet another Facebook change around the corner, which is forcing me to create yet another Facebook landing page tutorial.

On March 11th (that’s tomorrow!) Facebook will no longer allow users to add new FBML applications to their Facebook page, which means the old way of creating a landing page (using the Static FBML application) will be extinct.

If you have an existing landing page using any FBML type application, don’t worry. Your existing page will not be affected. This change only affects those who do not have a landing page yet and want to create one after March 11th, 2011.

That said, even if you have a landing page setup for Facebook already, I recommend you check out how it’s done in the video below just in case Facebook changes their mind and decides to get rid of FBML all together, and because this new way of creating a landing page allows you to easily add HTML, so you can get pretty slick as far as what you can do and the things you can add onto your landing page.

I’m thinkin’ videos, opt-in forms, maps, and other dynamic things that were much harder to code in FBML before.

This is a good change, and even though this means a little extra work for me, I don’t mind as long as my work helps a few of you.

As a reminder, a landing page is a page that people who visit your Facebook Page will see first, which is important because you can then direct them to click on the ‘like button’ at the top, which isn’t so obvious if you just send people to your wall. Using a landing page can drastically increase your conversions and explode your Facebook fan count.

Below you’ll see a video explaining how to create an HTML / iFrame type landing page. The new application that I recommend, Static HTML iFrame Tab (by Jason Padvorac), allows you to add 2 landing pages: 1 for non-fans, and 1 for fans. Check out the video below to learn more about how you can utilize this application to increase “like” conversion and get the most bang for your buck.

There are other HTML / iFrame type applications available now too, but I like this one in particular because it’s free, easy to use and doesn’t ask for your email or any permissions like some of the other ones do.

(click here to watch How to Create a Facebook Landing Page – HTML / iFrame Edition on YouTube)

Note: Facebook may be slow to load these new applications as they make the change from FBML to HTML. Please be patient when installing this application. Thanks!

As mentioned in the video, I’ll also be including some resources and HTML code that you can use on your own landing pages. I will continually be adding to the list of stuff below as I learn more and as my VA codes things that I can share with you.

Showing an Image

If you don’t know HTML and/or don’t have the resources to hire or find someone to code HTML or you, you can do what I did in the video and just simply create an image file that is the size of the Page (520 px wide and however tall you want it to be) and add your own copy, calls to action or pictures, etc. to that image.

Below is the sample HTML code I used to embed the image into the application:

1
<img src="http://www.smartpassiveincome.com/images/facebook/demo/non-fans.jpg">

Of course, replace the url in the example with the url of where your image is stored.

A Basic Link with Anchor Text

Here a basic code that you can copy that will create a link within your page:

<a href="http://www.smartpassiveincome.com">The Smart Passive Income Blog</a>

Be sure to replace the url between the quotations with your destination, and replace “The Smart Passive Income Blog” with whatever anchor text you want.

The ‘Like’ Button

You may want to add an image of the Like Button that Facebook uses within the graphics of your page. Simply right click on the like button below and “save as” to copy it onto your computer for your use.

Facebook Like Button

Your Facebook Fan & Twitter Follower Counts

Here is a link (thanks to @adalpo_project for the find) to some html that you can use or tweak to show how many Facebook Fans and Twitter followers you have, which updates automatically for you.

Facebook Fan Count and Twitter Follower Count HTML

An Email Opt-in Form

If you’re using a service like Aweber to collect email addresses, you can simply add in the script that it gives you for your web form into the fields of the Static HTML application.

As I recommend in the video, I would reserve any sort of actions you want your user to take other than clicking the LIKE button for your “Fan” landing page – the page people see after they click the ‘Like’ button. Again, the reasoning is that the primary purpose of the “Non-Fan” landing page is to get people to click on that ‘Like’ button. The more options you have the less likely that will happen. Again, it’s sort of like a squeeze page for Facebook.

Aweber Script for FacebookMore to come…

My own Facebook Page isn’t setup yet with the new HTML application, but I’m working with my VA now to code something cool and I’ll be sure to share that and anything else with you as I figure things out.

If you have something else to add, share or request please let me know and I’ll do my best to add it to the above resources.

And lastly, I’d really love it if you share this with your fans or followers today. All it takes is a simple click on the ‘like’ button below. Thanks!

Update: You can install up to 12 instances of this application so you can have more tabs than just the one for your landing page. Here is the link for that information.

Like what you read?
If so, please join over 25,000 people who receive exclusive weekly online business and blogging tips, and get a FREE COPY of my eBook, eBooks the Smart Way! Just enter your name and email below:
Chris September 20, 2011 at 7:11 am

Reply

Hi Pat.

Just wondering how I can modify my page to appear at the landing page, every single time somebody visits the page regardless of whether they’re a fan or not.

I’ve separated my page account and personal account, and after liking the page, every time I go back, it goes straight to the wall.

This is an issue as I need to have specific hyperlinks clearly available all the time for an assignment.

Rick J @ Sell Your Home On Your Own September 21, 2011 at 8:19 am

Reply

G’day Pat,

How do you give your screen-shots the ripped paper effect around the edges? Looks flash – wouldn’t mind using something similar in the future.

Pat September 21, 2011 at 8:44 am
Jake Yamaguchi September 22, 2011 at 6:55 pm

Reply

Hi Pat,

I tried following your landing page instructions and in the “apps” window there is not a “more options” selection at the bottom. Was this changed by Facebook during their upgrade this week? Thanks for you service!

Jake

fiona September 26, 2011 at 3:00 am

Reply

Jake.. i am having the same issues.. i tried it both on a mac and pc.. and crome and others.. and the same issue no way to search for more aps.. LOVE your videos and all your help pat.. just awesome!

fiona September 26, 2011 at 3:17 am

Reply

i figured it out.. so there is no ‘browse for aps’ at the bottom, instead just type in the search bar at the top and look for the ap that pat is talking about and add it that way.. it works!

Dave October 15, 2011 at 7:18 am

Reply

Fiona,

I have no browse for apps, your technique is not working, am I missing something???

Pat October 15, 2011 at 9:05 pm

Hi Dave – just use the search bar at the top of Facebook instead.

bexy September 29, 2011 at 9:52 pm

Reply

Me too! Pat, help! your tutorial doesn’t make sense any more because of the lack of this option….

Pat September 29, 2011 at 10:05 pm

Reply

There’s an annotation that pops up in the middle of the video where I go over that section that should describe the new change and to use the search bar at the top.

Tara October 6, 2011 at 1:58 am

I’m having this same problem with not finding the app. I could not find this annotation. Could you tell me where in the video it is, i.e. tt:mm?

Rob November 3, 2011 at 4:16 pm

Reply

I had the same problem. Just do a quick search in Facebook for “static html iframe” it will take you to the apps page. Just install it and carry on watching the video.

Sherry at SkyHawk Studios September 23, 2011 at 11:27 am

Reply

Hi Pat,
A while back you helped me with using this Iframe for our FB page. I still can not get the “no scrollbars” to work. We sized our landing page for fans and non fans correctly and have done everything that we can tell correctly, and we have no horizontal scroll bar, but that vertical one will just not go away. Any clues as to why? Thanks so much! Our page is http://www.facebook.com/pages/SkyHawk-Studios/494942310359 Thanks Pat!

Sherry at SkyHawk Studios September 23, 2011 at 11:30 am

Reply

Sorry, I forgot another thing. Since FB has been doing all it’s changes, our landing page is not even showing up consistantly. Today, I got it to show up once, the rest of the time, when you click either of the two little gray boxes with stars in it, nothing comes up, neither the editor nor the page. Any idea why?

Jet September 24, 2011 at 11:10 am

Reply

Hi Pat,
Thanks for all the tips. We just created and designed a Facebook Fan Page with Flash and of course we are running into the issue of fans not seeing the great work on their iPad and iPhone. Do you know of any idea/option or code to add to divert those fans to a different landing page first? Hope this is clear and that you can help. Here is our design if you can provide feedback.

http://www.facebook.com/pages/EQ-Energy-Drinks/183803755026277?sk=app_124410074325949

Thanks,
Jet

kelly September 25, 2011 at 7:22 pm

Reply

I do not have the choices for “default landing page” how can I get that to show?
Thanks in advanced here is a screenshot of what i see from the manage permissions page http://farm7.static.flickr.com/6164/6183864896_cf028858b3_b.jpg

lauren October 9, 2011 at 3:26 pm

Reply

Im having the exact same problem as you are I dnt see a default landing page option, i don’t know what to do.

kelly October 9, 2011 at 6:14 pm

Reply

Yeah i still have no clue and no response about this issue yet :( I still do not understand why this issue with no landing page option is there.

Damian September 26, 2011 at 1:54 am

Reply

Hi Pat,
Just a quick CSS query. I don’t use in-line CSS for my general HTML but how do you style your id’s and classes. In your tut you show using an image and say you can use any html elements but I’m just unsure of how to give them styles.
Would appreciate the help

Damian

Rose January 8, 2012 at 6:29 pm

Reply

w3schools is your friend (google it). They should be able to give you instructions for every single type of css that exists

fiona September 29, 2011 at 1:38 am

Reply

thanks!

Joe Puskar September 29, 2011 at 9:37 am

Reply

I can’t believe how easy that was.

Sam September 29, 2011 at 1:57 pm

Reply

Is there a way to make it so when fans visit they see the welcome page and are not directed to the wall?

Pat September 29, 2011 at 2:25 pm

Reply

Actually – you can’t, not right now. Only non-fans can go directly to the landing page. Existing fans bypass it, but they see the “fan only content” when they click on the welcome tab below the profile picture.

fiona September 29, 2011 at 2:18 pm

Reply

sam.. that is there at the end of the video.. from 10.48-11.33, you just need to set the landing page to the welcome page..

engineer October 4, 2011 at 6:24 am

Reply

thank you sam

Seabed Habitats October 6, 2011 at 9:32 am

Reply

Is there any way of making the landing page more than 520 pixels wide?? And fill the width of the facebook window (720??)

(Real name of my blog has been entered)

rodney October 7, 2011 at 11:37 am

Reply

Nice tutorial, worked perfectly on facebook. I will be using it to display a discount code for fans. What plugin, etc. do I install on my website to use this?

Lori October 9, 2011 at 4:56 am

Reply

I created a business facebook page for my photography business. Before I make it public I wanted to have a welcome page with a like buttom. I had no problem getting the html ifame app, however I can’t get my picture to show on the page. Used the code that you gave on your blog. I tried the url from my website, flicker and photobucket. But nothing seems to work. Also, if I ever get it to work, how do I manage the app if I want to change the content on my welcome page.

Thanks,
Lori

Nicole Rushin October 11, 2011 at 10:13 am

Reply

A very helpful post. I have had some trouble with the edit screen coming up blank but we just had to use a different computer. I am still not sure why it wont’ work on my computer. The app developer for static html just says it is a Facebook bug. I was looking for example of the html coding and found it here. Thanks so much.

Cheree Dohmann October 11, 2011 at 2:58 pm

Reply

Pat, You gave the following code for the

FAN-ONLY CONTENT CODE:
EXAMPLE CODE: top.window.location = ‘https://pacnetconsulting.com’; .

I am trying to use this same code in the box for “NON-FAN” CONTENT CODE, but with a different URL. And it doesn’t work. Can you tell me why?

I don’t understand why the Fan Code Content can take a script to an external link, but the Non-Fan won’t. What am I missing? I am stuck. Can you help?
Thanks,
Cheree

mina October 14, 2011 at 9:13 pm

Reply

Is there any way to transfer the html of an already done welcome page of someone else(already designed and written in your language,not English…) to your page?

Pat October 23, 2011 at 1:40 pm

Reply

Hey Mina, it should transfer because it’s just loading up code in an html iFrame.

PFCJ October 18, 2011 at 10:05 pm

Reply

How do I name my Company Page with a username that is currently the username on my App? In error, I named the App my company name. I’d rather my Company Page hold this username for obvious reason.

Pat October 23, 2011 at 1:38 pm

Reply

I think you might have to contact Facebook to make this change.

janet October 21, 2011 at 8:56 pm

Reply

I am totally (i mean totally)computer-language ignorant. So I tried to follow your example for making a landing page on Facebook. I put everything into a JPG image on Picasa. Into the Non-Fan frame, I substituted this url for your text, writing <img src="https://picasaweb.google.com/lh/webUpload?uname=100245824879547459872/.

Can you tell me what I'm doing wrong? I sure would like to get something right.
I do appreciate your clarity, even if I'm not catching on.

Pat October 23, 2011 at 1:40 pm

Reply

Hey Janet – you might have to try uploading to maybe flickr instead. The https might not work in the image file as I can see in your code. The code should end in .jpg, not in a bunch of numbers.

Matt November 18, 2011 at 10:12 am

Reply

Hi Pat, I am having the same trouble.

I have tried flickr, but the web address I am getting is:

http://www.flickr.com/photos/69970307@N05/6358685241/in/photostream

How do I get it to end in .jpg?

Thanks,

Pat November 18, 2011 at 11:26 am

Hi Matt – I found this FAQ on flickr which may help:

Where is the HTML code and photo file link?

The HTML code to embed a photo in a web page that you used to find on the All Sizes page is now only in the Share menu above the photo, to the right of the Actions menu. We now also include BBCode! (standard message board code)

There are a few cases where the code may not be available: 1) If the photo is restricted. 2) If that person has turned off “Share this” or access to original files.

The direct link to a photo file is no longer shown on the page. Per the Flickr Community Guidelines “pages on other websites that display content hosted on flickr.com must provide a link from each photo or video back to its page on Flickr.” Linking directly to the photo file doesn’t do this.

Dave Crawford October 23, 2011 at 1:32 pm

Reply

Hello my name is Dave and I am going through hell just trying to follow your first steps on set up iframe app. I do not have a Edit page button on my profile page ‘the first page that opens when I log on’ but I can go to the pull down menu next to the home button go to Use Facebook as Page and switch to another page I made and now I have a edit page button so I click go to Apps and the App page comes up and in your video it states to go to bottom of window click ‘browse more applications’ but that statement is not there to click. I tried everything I could think of with no luck. If you could point me in the right direction it would be great. Thanks so much!

Pat October 23, 2011 at 1:37 pm

Reply

Hey Dave – sorry for any confusion.

Instead of going to the browse more applications link, just go ahead and skip that step and use the search bar at the top of Facebook to search for the iFrames app. Facebook recently made this change, and there should be an annotation in the YouTube video I made but I’ll try to make it more clear. Hope this helps!

reeha@gift ideas October 24, 2011 at 6:05 am

Reply

I am unable to do all that needs to search and learn more while doing this.

Ibyantis October 24, 2011 at 5:51 pm

Reply

Hello Pat How you doing Bro… Thanks alot for the great video tutorial it was a rescue for me as i was lost ….. but now all is clear and going smoothly …..

Just A question how we can add more i frames tabs xD

Roland October 25, 2011 at 10:32 am

Reply

Hi Pat !!! Thanks for all the good stuff !! I want to know how to code a video in a Fan Page + GRaphics. Not only Video but + Graphics !!!!!

Thanks a lot !!!!

Dave October 25, 2011 at 3:49 pm

Reply

Pat,

- I created my landing page image and mapped some links on the image using ImageMaps.
- I saved the image to Photobucket and pasted the code created by ImageMaps into the non-fan box.
- When I view it as a non-fan it works.
- However, when I go back to the page it still brings up the code box and all the code – not the image.
- Any idea?

Thank you.

Paul October 26, 2011 at 9:23 am

Reply

Hey Pat – love the videos. I’ve recommended them to a few friends online too to help them get started.
I’m having some trouble getting my feature pictures to show up correlty on my fan page http://www.facebook.com/sendoutcards4uk.

Any ideas what I’m doing wrong ?

Regards

Paul

Jim October 26, 2011 at 12:15 pm

Reply

Just wondering if anyone knows a way to link to the wall from inside a custom static html page (without using target=”_blank”).

According to IE it seems the wall link doesn’t want to open because it’s requesting the entire facebook wall page inside an iframe. In firefox it just turns up blank. Any solutions?

Janet October 30, 2011 at 5:52 pm

Reply

Thanks for the FB landing page tutorial! I’ve set welcome as my new default, but it is still defaulting to the wall. Any suggestions?

Olufemi November 15, 2011 at 3:13 am

Reply

have same issue.
I could have love fans of the page will defaulting to the fan page & not the. Is there way out or settings change

Sheri December 25, 2011 at 1:00 pm

Reply

I am having the same issue. Were you able to resolve this, at all?

Ryan C McKay November 1, 2011 at 11:13 am

Reply

Hiya Pat!

Apologies for being a Johnny-Come-Lately on this one, BUT…

If you don’t mind my asking, about how long did it take you to get comfortable with the “programming” side of facebook? I can find my way around after a few months of it, but at the end of the day, I still find myself going back to the same how-to guides over and over again…

Thanks bud!
-Ryan

Joshua Dorkin November 12, 2011 at 3:54 pm

Reply

Pat –
The Static HTML iFrame Tab is a godsend. Thanks for the recommendation and for all the other tips above! I’ve created welcome videos for fans and non-fans, and have also embedded our mailing list code on the page. I’m looking forward to seeing positive progress as a result of the new changes.

Amy Bond November 14, 2011 at 12:16 pm

Reply

Awesome tutorial Pat! Very easy to follow. But I still have a problem – when I paste the code from Flickr, I only get a blue rectangle frame (which is not part of my image) or I get the shadow outline of a rectangle. My image just will not show. Any tips from anyone?!?! Thanks!

phil November 15, 2011 at 9:08 pm

Reply

I created a Business page with the Static HTML Iframe a few weeks ago. I was creating another Business page and came accross another app, Static Iframe Tab. I tested it and it works even better and has additional functionality.

My question is, and I couldn’t find it in the Facebook Help Center. On a Business Page and I want to delete the original app and use the new app for the same page. Will I lose the ‘likes’ and follows I accumulated from the original app?

Thank you in advance for your time and consideration. Phil..

Swordroll November 16, 2011 at 5:53 pm

Reply

Hey, thanks for the post! You don’t by any chance know how to implement a landing page using HTML for another website like Blogspot, do you? Thanks!

Lena November 16, 2011 at 9:34 pm

Reply

THANK YOU! THANK YOU! THANK YOU!

I spent few hours! to find HOW TO DO… with no result !

All speak just WHAT IS ABOUT… just BLA-BLA-BLA !
Too bad we cannot yet clean up the WWW from stupid avatars…

But, you… after your tutorial I made it in 15min !!!!!!!!
Bravissimo !!!!!!!!
THANK YOU hundred times!

Dallas Dog Groomer November 18, 2011 at 1:41 am

Reply

I have been using Facebook for many years now. Ans I am just glad that you have shared with us on how to create a landing page on Facebook. As a matter of fact I tried it many times now and I can say that I master it. Thanks for sharing this with us.

Laurel November 18, 2011 at 9:55 am

Reply

When I view my updated page while logged in, my images show up correct. When I check my page not logged into facebook the images do not show at all.
I know my links are correct from my file manager in hostgator. The code works correct in Dreamweaver.
Any ideas on why this is not showing? thanks, Laurel

Source code for static html in facebook:

Link to page:
http://www.facebook.com/pages/Colortude/149378258123?sk=app_190322544333196

Laurel November 18, 2011 at 9:59 am

Reply

trying to show the source code again:

Pat November 18, 2011 at 11:24 am

Reply

Hi Laurel – it seems to be working fine for me.

Laurel November 18, 2011 at 11:32 am

Reply

Thanks Pat for looking. I just checked on a Mac and a PC and still not seeing either image. Ugh! :)

Azlan Ali November 20, 2011 at 6:43 pm

Reply

Thank you Pat . Good info

Connie November 23, 2011 at 9:32 pm

Reply

Hi Pat,

It works! But how I can embedding flash file in swf using the static html tab? What is the code script to type in?

Thank you.

ryan lima - Super Affiliate November 28, 2011 at 6:06 pm

Reply

Sweet Blog Pat! Great Value here. – Ryan

thomas November 29, 2011 at 1:41 pm

Reply

Hey Pat,

I want to make it where people have to like my facebook page in order to view the photo albums…how do I do that?

Jamie December 2, 2011 at 2:04 am

Reply

Hi Pat,

Thanks for the help! I am almost there. Put the html in, which is hosted on my website. I am not seeing the images. Just the outline of the design and red X in the corners. Any thoughts as to why I am not able to view the pages?

I appreciate your help!!

samrat kafle @ Blogging Talks December 2, 2011 at 8:34 am

Reply

Really Pat these tutorials are great and very helpful after the changes in facebook but one thing i want to report is “Browse more applications” option is no longer available now.

Fozia clicker December 6, 2011 at 8:23 am

Reply

ya It’s cool info, I will try

Limpan December 9, 2011 at 3:10 am

Reply

Man you just saved me 1.000$ bucks.

Cheers and keep on doing what you are doing!

Eric December 12, 2011 at 3:42 am

Reply

Pat, HUGE thanks for putting this resource together. It helped me put together a completely ridiculous Facebook landing page for my editing service:

http://www.facebook.com/EnglishConfidential

fiona December 12, 2011 at 4:05 am

Reply

Eric.. that looks really cool.. simple, clean.. funny.. !

Vijaya Lakshmi December 12, 2011 at 9:33 pm

Reply

Hi Pat,

How do I embed .swf file in static html page?
Please help me.

Thanks
Vijaya

Retina December 13, 2011 at 2:25 am

Reply

and yes.. facebook announced already that FMBL wil not work after june 1st 2012. We’ll need to re write it using html css. Now a web designer don’t need to learn Fbml. This is going to be easier than using FBML. This artical is great and will help design a facebook fan page making it future proof.

Mihoko December 13, 2011 at 3:12 pm

Reply

Wow, it really worked…. :) so happy. Thank you so much Pat!
I also like the pen you use on the screen to teach us… I wonder if I need to buy expensive pad and pen to do the same….?

Pat December 29, 2011 at 10:36 am

Reply

Hi Mihoko – here’s a link to a post that explains more about the pen and tablet tool that I use: http://www.smartpassiveincome.com/electronic-white-board

Thanks!

Marie Grabo December 19, 2011 at 8:18 am

Reply

Hi Pat, i followed your instructions but neither landing pages show up. I set the default landing to the welcome app I created and still I’m landing on my wall . Thanks.

Pat December 29, 2011 at 10:37 am

Reply

Hey Marie – if you’re a fan or admin of your page you’ll bypass the landing page automatically. If you set the default tab to your welcome tab, non-fans will land on it.

Marie Grabo December 19, 2011 at 8:52 am

Reply

Never mind, it works, just can’t see it on my computer, guess because i’m the administrator. Thanks so much for this!

Evo Smith December 21, 2011 at 4:46 pm

Reply

Check out the new landing page that I designed with Pixalmator! Thank you Pat! Your tutorial was perfect. I don’t know one thing about coding and I was able to do this professional Facebook page! http://www.facebook.com/pages/Wahii-WaterSlide/116868636034?sk=app_190322544333196

Zaib December 28, 2011 at 4:34 am

Reply

thanx dude .. my page got a welcome page now :) do join it on facebook name is “Moviez”

JK December 28, 2011 at 11:58 am

Reply

Pat!
This was awesome…
you have done great service by putting up this video.

I have managed to design and set up a facebook photography page for myself where non-fans are directed to the welcome screen.

I wanted to ask, in the 2nd option (for fans) in the iFrames HTML script box, is there any code I can enter to redirect fans to my page’s Photo page?

Shawn December 29, 2011 at 10:31 am

Reply

Pat, After watching your video I cannot find anything on what you demo’d. I cannot get the FBML to install nor can I search it. I have a biz page already set up but cannot create the landing page as per your instructions. What to do now?

Pat December 29, 2011 at 10:40 am

Reply

Hey Shawn, this post talks about the HTML/iframe applicatino, not FBML, which is no longer available on Facebook. Follow the video on this page and you’ll be good to go. When searching for the html/iframe app, search for it in the top search bar in Facebook.

Shawn December 29, 2011 at 10:59 am

Reply

Pat,
Thanks for the quick reply. I realized I posted on the wrong video. I mean on your video talking about FBML. I watched that one and what you are displaying in the video I do not have when I log into my facebook biz page. When I look at the apps section, the last app is Video. I do not have a browse more app link and I can’t search for the FMBL app either. So I dont understand why. Any ideas?

Pat December 29, 2011 at 11:01 am

Reply

Shawn, there is no more FBML. That video should have an annotation that takes you to the video on this page instead because Facebook got rid of FBML a few months back.

Also, as I mentioned before, search for the Static Iframe Html application in the search bar at the very top of Facebook – doesn’t matter what page you’re on.

Shawn December 29, 2011 at 11:21 am

Reply

Pat,

Once again, thanks for responding so fast. Ok..this works. I found the button to install the app. I will do this after I watch the above video just so I know what I am doing from this point. Is there any direct email address I could have to write you. Thanks for pointing me in the right direction.

Eric December 29, 2011 at 12:15 pm

Reply

Pat
Where do I find the code to embed video on the landing page

Pat January 1, 2012 at 9:32 pm

Reply

There’s some code on this page you can copy. As far as the code from the server or sites that you have the photos stored on (if you’re using a photo), it’s the link of the image that should end in .jpg, .png or .gif

Shawn December 29, 2011 at 6:22 pm

Reply

Pat, do you have any idea why after I create a facebook page URL, it doesn’t work right away. Actually its been over 24 hours and it still does not work. when I go to edit page, it let me create the Page URL username so I dont think its a matter of 25 fans issue. What gives?

Pat January 1, 2012 at 9:49 pm

Reply

No idea – it should work, even without reaching the 25 fan mark. Did you get this resolved?

Vanessa December 29, 2011 at 10:52 pm

Reply

Hi Pat,

I’m having the same problem as Chris, I can’t get the welcome page to show up to fans. It has the welcome page for non fans, but as soon as you like it, it refreshes to the wall. How can I have it just refresh with the second image?

Pat January 1, 2012 at 9:51 pm

Reply

Hi Vanessa – this is from a comment above (via JK):

Pat!
Got some help from the developers on this. Please share with your readers:
Msg from Tim(co-developer of this app)

Try this — Using the code below, replace http://URL-OF-DESTINATION-TAB/ with your wall url, then copy/paste/save the code in the Fan-Only editor box (the bottom one in the app) in the same tab you use for non-fans. This will redirect new fans to the fan page after clicking like:

top.window.location = ‘https://URL-OF-DESINATION-TAB/';

Kevin December 30, 2011 at 11:02 am

Reply

Hi Pat,
When a non fan clicks the like button they are redirected back to the wall not to the second picture for fans.

http://www.facebook.com/EdLearnFordLincoln is the site.
Any ideas?

Pat January 1, 2012 at 9:52 pm

Reply

Hi Kevin – see comment above in response to Vanessa.

Kevin January 2, 2012 at 7:39 am

Reply

Changing the location from business to other in page settings also worked for me

Samuel December 31, 2011 at 2:51 am

Reply

Thanks for the tutorial , It has been of great help to me in creating my facebook fanpage

John @ free dropshippers review December 31, 2011 at 10:20 am

Reply

Thanks PAT for this great info.
I will like to know if offer concerts well on facebook fan page than site landing page.

thanks.

Find Freedom January 1, 2012 at 1:25 pm

Reply

Great post as always Pat. I have actually created a video showing people how to create a landing page using pagemodo, they have diffrent themes and everythings. Here is the link to that video http://shawnozbun.com/facebook/is-your-facebook-fan-page-producing-2-tips-to-help-jump-start-your-fans/

Raymond January 1, 2012 at 9:11 pm

Reply

Hi Pat,
Love your tutorials :) I just created a FB account and would like to a add a landing page but i do not have a “Edit Page” button. Did FB take this option away or am i missing something? any help would be greatly appreciated. Thanks

Pat January 1, 2012 at 9:53 pm

Reply

Hi Raymond – you have to be logged in as the Admin of the page. After that, go to your page’s wall, and the “Edit Page” button should be in the top right hand corner.

Pat January 1, 2012 at 9:53 pm

Reply

It must be a for a Fan Page that you setup, not a personal profile.

sunil January 2, 2012 at 5:22 am

Reply

nice article bro….i apreciate your hard work !!!!!!

Pattaya hotel January 4, 2012 at 2:05 pm

Reply

Thanks for all the tips. ?? the information is readable and very well understandable. I appreciate the writings of author Pat and all the visitors here who try to learn and help others. Bad part of it is that I’m really not good with all this Programming languages, PHP, FBPL and whatever. Please give me some advise and links to it “How do I start from zero at Facebook landing page” and “What is the easiest way to set up my Facebook landing page” for my hotel? Thank you guys. I put this page in my favorites and comming back later.

James Urasky January 4, 2012 at 2:06 pm

Reply

Hi Pat
I watched your video and was following the steps but when I go to the apps – I cannot find the browse more apps area. Any ideas?
Thanks
Jim

kelly January 4, 2012 at 6:25 pm

Reply

the search bar at the top (where you search for your friends and pages)

I hope this helped.

Philia January 4, 2012 at 5:05 pm

Reply

Just FYI, Facebook depreciated FBML as of January 1, 2012.

kelly January 4, 2012 at 6:27 pm

Reply

i thought it was longer ago that they did away with it. but i am glad this is for the new html way to do it

Kelly January 5, 2012 at 7:56 pm

Reply

I am having the hardest time creating a LINK for my Template that goes on the Welcome Page. My pic is 520px, I saved the document as a web file, but when I select INSERT, HYPERLINK…the link created does not allow for a web link. PLEASE HELP, i have been working on this for 3days…..HELP

Krisztaline.com January 6, 2012 at 4:24 pm

Reply

Hi Pat,

I am a big fan of your site, and I thought I’d share how my facebook landing page looks like. Please let me know what you think. I actually made my own app for it, and it’s more than just a picture. I quite like it, but would like to hear some expert opinions :)

The page is: http://www.facebook.com/Krisztaline

Keep up the good work,

Peace!

Grant de Graf January 9, 2012 at 11:38 am

Reply

Krisztaline, Your landing page is great. I’m have trouble formatting the mapping with the links for my landing page. Even though I have tested my html and it works with the links, once I try creating a landing page on FB with Static FBML, although the image shows, the links do not work. Is it possible to send me a copy of your code, even if you swap the links and images with bogus urls. Thanks.

Dwight Anthony January 7, 2012 at 12:23 pm

Reply

It’s crazy the amount of updates that FB implements on a regular. Not to mention that FB gets hit occasionally with a worm and what not. still one of the best places online to build communities though.
Dwight Anthony
Financially Elite Blog

Pamela Marie January 8, 2012 at 4:19 pm

Reply

Hi, Pat. I have my PERSONAL FB page and I also have a separate FB page for my business. I want to 1) “migrate” my PERSONAL page information to my Business page (changing “friends” to “likes”)… then I want to 2) delete my Personal PG entirely. I can’t find out how to migrate info to an “existing” business page. Can only find how to migrate info while creating a NEW Facebook page. I have so many questions on how to develop my Page and the Facebook Help doesn’t, well, help me. Can you walk me through this process? Or do you have an existing video to address this question? Thank you for making things clear and simple!

Pat January 8, 2012 at 4:25 pm

Reply

Hi Pamela, from the looks of it, you can only convert a PERSONAL page to a NEW Business Page, not an existing one – at least at the moment, unfortunately.

desivative January 9, 2012 at 6:59 am

Reply

Anyone can tell me that how can i show facebook user name in landing page

Grant de Graf January 9, 2012 at 11:15 am

Reply

Hi Pat,
I’ve created a landing page that’s pulling an image from my wordpress library. I’ve mapped the image with links, which show when my mouse hovers over them. However, the landing page refuses to connect me to the links when I click on them. What could be the problem? Thanks.

Stephanie January 9, 2012 at 11:25 am

Reply

Hi Pat, I have a Like Page on Fb & I’ve been trying too edit my Welcome page but it won’t let me. Also what other apps (Youtube, Twitter, etc…) do you recommend. And one more question, How can I do those 2 welcome pages for fans & non-fans?
Thank You!

SRD January 12, 2012 at 4:48 pm

Reply

Nice Sharing, Must Need article for many webmasters.
Thanks again :)

wasim January 14, 2012 at 4:12 am

Reply

I don’t know how to use HTML but i want to make welcome page for my page.
will you send me some tips which would be help me to make welcome page ?

Jennifer D Begg (@livefreerange) January 18, 2012 at 6:57 am

Reply

Really useful post, thanks so much for sharing.
I work with a lot of small organisations who don’t have a lot of tech resource and it’s great to be able to give them more examples of simple ways to maximise their social media.

azhar adhman January 24, 2012 at 1:58 am

Reply

hi pat
I’m from Malaysia..
your information very helpful
thanks
=)

Astrid van der Niet January 24, 2012 at 4:46 am

Reply

Hi Pat,
I have looked to your video tutorial How to create a Landing Page. Now I want to make more tabs (pages). I do not understand how to make a new tab. http://www.facebook.com/ABCdesignNL
I hope you can tell me how to do that?
Thanks
With kind regards Astrid

stephen hanson January 24, 2012 at 4:33 pm

Reply

hello,
I have looked far and wide trying to figure out how to embed a script like into my fan (art page.) *What are the steps I need to do to create this if possible?

*Here is an example of what I want to embed:
http://www.artwanted.com/widget/customize.cfm

stephen hanson January 24, 2012 at 4:40 pm

Reply

Not sure if you received my reply. Please let me know.

Thanks,

Priscilla Kendrick January 25, 2012 at 8:55 am

Reply

Hi Pat,

Thanks so much for providing this information!

Priscilla Kendrick

Leave a Reply

 Please send me your free eBook, eBooks The Smart Way!