Creating a Facebook Landing/Splash Page

Many thanks to fellow author Amy Atwell for providing her advice on how to setup a cool Facebook landing page. If you follow these steps, you will be able to provide new visitors with more information than what’s available on the regular Facebook wall (see below). This splash page will be visible to anyone who has not “Liked” you yet.

How do you create such a landing/splash page?

You will need to use Facebook’s FBML language, which is basically HTML code. If you’re not familiar with HMTL don’t worry. If you are using either WordPress or Blogger, you can use the regular editor to create a draft of the page that you want. When you’re done, disable rich text editing or the Visual editor and what you’ll see is the HTML code for what you just laid out.

Step 1: Search for FBML and you’ll find a user for that. “Like” them and add their “App” to your Fan page.

Step 2: Return to the Fan Page. At the top below your name you will see “Edit.” Click on “Edit.” You will see a list of items on the left hand side of the page. Click on “Apps.”

Step 3: This will bring up a list of added “Apps.” FBML should be down on the bottom. Click on “Go To App.” This will open up a blank page where you can either type your HTML if you know how to code or where you can cut and paste the HTML that you created with your blog program. Make sure to also give the page a title, like “Welcome!” Some things to remember:

    The page width is about 500.

    To get paragraph returns, use a < BR > (without the spaces).

    You can use tables and other more complicated coding, just keep the page width in mind.

    Keep the title short as there is not much space on the sidebar.

Step 4: Once you are done with the HMTL coding, click on “Save Changes” down at the bottom.

Step 5: Click on “View Page” and when you reach your Fan Page, look at the left hand side below your profile photo. You will see a list of available items. Click on the name for the FBML page you just created to view it. If it looks good, proceed to Step 6. If not, go back to Step 2 and repeat to tweak your code.

Step 6: To make this your “landing” page for people who have not yet “Liked” your Page, Go to “Manage Permissions.” This choice is located near the top of the items on the left hand side of the page. Down toward the middle of the page in the choices, you can choose which of your pages to make the “Default Landing Tab.” Choose the FBML page you just created.

Step 7: Logout and then go back to your Fan page so you can enter Facebook like someone who has not yet done the “Like.” This will let you see this new landing/splash page. Once you have done a “Like”, you will not see this landing/splash page again.

You can also use the FBML App to create additional pages with content for your readers! Visit my Fan Page to see what kinds of goodies are available.

Hope you found this useful! Feel free to share it with others.

8 Replies to “Creating a Facebook Landing/Splash Page”

  1. THIS is amazing, I’ve been searching for weeks for something this “EASY” and YOU my friend, just made my week!!

    Thank you so much!

  2. I just wish I had known enough about WordPress to realize I could use it to build the html for the Facebook page. I built mine *in* Facebook using my HTML for Dummies book. LOL Learn from my pain. Thanks for sharing this, Caridad!

  3. After I do my taxes, I might come back and do this. I’m not sure which scares me more. lol

  4. Pingback: Tweets that mention How to on creating a Facebook Landing Page! #tech #pubtip #author -- Topsy.com

Comments are closed.