How to Make a Custom Facebook Welcome Page with IFrame

Facebook is the second most visited site in the world, and people spend more time there than on any other site. A Facebook welcome page is the most important way a business or organization presents themselves to the public when trying to engage them on social media.

Studies show that the majority of people who visit a Facebook page from an ad or share never return after their first visit. They may like the page, but then they will only occasionally notice the updates to the page's wall in their news feed, and only if that page has the right type of engagement with fans to rank highly in the feed based on the Edgerank algorithms. Therefore, you need to present something engaging on the first page they see, so you can convert the traffic into customers, email opt-ins, or downloaders.

You can put absolutely anything on a Facebook page, from Pay Pal buttons, to opt-in forms, video, photos, even an entire mini-site, or your actual site in the iFrame. There are sites like Pagemodo which allow you to make one free page with an ad on it, but to remove the ad or make more pages with more features, you have to pay a monthly fee, so it's better to design your own custom Facebook welcome page using HTML.

I wouldn't call myself an expert in HTML source code, but I've been learning how to do make basic HTML elements like links, photos, and squeeze pages for the last three years or so.

How To Make A Facebook Welcome Page Using HTML

To start with, you will need to know a bit about HTML, and have an HTML editor to do it on. I like Aptana, it's a very basic editor where you can write out the code, and then save it as an HTML file, or copy and paste it into an app. I like Static HTML: iFrame Tabs, which is a good app you can search for on Facebook.

You can also use the Developers section of Facebook to put an app on your page that is taken off a real web page, which would mean you would have to upload the HTML file to a folder on your server.

So let's say you wanted to start your page off with a You Tube video. You get the You Tube video embed code, and you paste it into the HTML editor. You should probably have a bit of code at the start like then which is closed at the end with the corresponding andtags. You can add a header if you want, but it's probably not necessary for this type of thing. You have to make sure that the video is only 510 pixels wide, or it won't fit in the iFrame.

Then you might want to add a Photoshop image. First you have to upload the photo to your server, or a server, and get the URL. Then, to put it on a page, you use this code: . It becomes a bit more complicated if you want to make that photo a clickable link, or if you want only one section of it to be linked. This is called image mapping, and it is not all that easy to do, but you can find out more about that on the site I linked to at the start of this article. In order to move things around, you can use the : code to simulate pressing the space bar.

You get the codes for whatever you want on the page, and you move them around so they fit within the dimensions of the iFrame, and look good, and then you put it on your Facebook page using the app I mentioned, or by using the Developers section to take content from a canvas URL. I can make a custom Facebook welcome page using iFrame if you want, I offer that service on my site, as well as a number of other different things, but it's not all that hard to do it yourself, if you are willing to take the time to learn how it works.