How-Tos

How to Make a Facebook Welcome Page or Landing Page in a Few Steps

 

So you have your Facebook Page setup and you want it jazzed up a bit.  The easiest way to do that is to create a landing page so you can get the readers’ attention and convince them to like your page.  There are many ways to create that landing page and the most common, yet more complicated, is through an iFrame tab.  This requires you to create an app and go through steps, which can be quite cumbersome.

If you want a quick way to do it, follow the steps.  This is what I did on my Facebook page which you can find here.  And while you’re at it, please like my page.

So here are the steps you need to do to create that customized landing or welcome page on your Facebook fan page.

  • You will need a Facebook app called Static HTML: iFrame tabs.  You just need to click here to go to the app.   

  • Install the app and assign it to your Facebook fan page.
  • You will then see a welcome tab on your Facebook fan page.
  • When you click on it, you will see two boxes, one of which is for your HTML, CSS or Javascript codes.

  • Now you need to add the necessary codes but If you don’t know anything about codes, try this.

<html>
<head>
<title>Welcome Page</title>
</head>
<body>
<h1>Welcome to my Facebook Page</h1>
<p>Place any text you want to show to your visitors</p>
</body>
</html>

 If you want to display a photo in stead of text, try this.

<html>
<head>
<title>Welcome Page</title>
</head>
<body>
<img src=”put link to image here” alt=”put name of image here” />
</body>
</html>

  • Save the code.  Try viewing the landing page as a non-fan visitor.
  • Now all you need to do is edit your Facebook fan page setting s and make the welcome or landing page you created as the default landing page. You can change the default landing page at the Manage Permissions tab.

Here’s how my landing page looks like.

There’s another box meant for content to be seen only by fans. You may use that for promos or whatever it is that only your fans should see.

That’s it.  Short and simple.  If you know HTML or CSS or Javascript, good for you.  You can then fully customize your Facebook welcome or landing page.

Technobaboy.com is one of the most active tech sites in the Philippines. We enjoy sharing interesting and relevant stories about the latest trends in technology, developments in mobile phones and social media, and modern digital and geek culture.

7 Comments

  1. Cornerofart Reply

    Ok this is great but please how you can avoid this message:
    Uh-oh! You have some relative urls in your code. You’ll need to change them to absolute urls for them to work.

    if you insert this code:

Write A Comment