How to Create a Welcome Tab on your Facebook Page with Static HTML

12 Shares Facebook 6 Twitter 5 Buffer 1 Google+ 0 LinkedIn 0 Pin It Share 0 12 Shares ×

In a prior tutorial, I talked about there being a couple of main options for creating a Welcome tab for your Facebook page. The simplest — requiring the least expertise and patience — is to use the Static HTML: iframe tabs application. This tutorial will focus on how to create a Welcome tab on your Facebook page with this app.

I personally use this app for my Welcome tab, though I create my own iFrames to pull in other content from my site. The main drawback of the third party app is that you have no control over the icon, and since you don’t host the content you don’t get traffic numbers for your site.

If you have a limited budget or expertise, creating a Welcome page with this app may be best for you. The app makes it insanely easy to remove scroll bars and create versions for fans and non-fans. They also handle the secure URL issue that you have to handle when creating an iFrame, so it’s a pretty simple way to create a Welcome tab with very little effort, even if it lacks some benefits.

1. Add the App


The first thing you’ll need to do is go to the Static HTML: iframe tabs Facebook page and click on “Add to My Page” on the left hand side. That will bring up a list of pages you manage. Select the right one, and go back to the page that you manage.

2. Provide Content


Now from your page, click on the new Welcome tab in the left hand menu. If it’s not there, just go to Apps in Edit Page and add a tab.

The admin of the Welcome app will look something like this:

welcome1 How to Create a Welcome Tab on your Facebook Page with Static HTML

The first thing you’ll want to do is check the box for “No Scrollbars.” Scrollbars are bad form. If your content doesn’t fit otherwise, you need to adjust it accordingly (the width is 520 pixels, and you should try to keep the height under 800).

Next, provide the code for your Welcome tab. Note that you will need to host any images yourself. Also, if you first create the content on your site and notice that the formatting is different (tables, font, etc.), it’s due to CSS. You are at the app’s mercy in terms of formatting, but you can also add your own CSS to this box.

Another really nice benefit of this app is that you can easily create variations of the Welcome tab depending on whether a fan or non-fan is viewing it. This is a good idea since a call to action to “Click ‘Like'” doesn’t apply to fans. So you can create a second Welcome tab that only fans will see in the second text box.

Make it Default


A Welcome tab isn’t really useful unless it’s the default tab for new users. So click on Edit Page > Basic Permissions and set your Default Landing Page to Welcome.

Change the Name


You can change the name of your tab. Just click on Edit Page > Apps. For the Static HTML app, click Custom Tab Name, and change away.

In Conclusion


If you’re going to create a Welcome tab with the Static HTML app, it’s really easy. If you want more control and can do it yourself, make sure to check out an upcoming tutorial on how to create a Welcome tab with iFrames.

12 Shares Facebook 6 Twitter 5 Buffer 1 Google+ 0 LinkedIn 0 Pin It Share 0 12 Shares ×
About Jon Loomer

Jon Loomer is a digital marketing consultant with a unique perspective on social media. He was introduced to Facebook in 2007 while with the NBA (back before Pages) and has been using Facebook for business ever since. Stay in touch by liking his Facebook Page (Jon Loomer Digital).

  • Pingback: Why Your Facebook Page Needs iFrames - JonLoomer.com JonLoomer.com

  • Pingback: How to Win up to 10k in Free Facebook Advertising Coupon Codes

  • Mark Dyson

    It appears the “Make it Default” steps are no longer possible?  There is only a “manage permissions” link now when editing a page and setting a default landing tab is not an option there.

    • http://jonloomer.com/blog Jon Loomer

      Hi, Mark. No, with Timeline you can no longer set a default landing page. Your Timeline is always your default landing page.

  • Satish

    Way to go Jan..Excellent post..thanks so much!

  • megaman

    I’m not managing to install this application

    My facebook appears the following Homage:

    ” You’s not admin any pages for Which this application can be installed”

    what i do please help me!!

12 Shares Facebook 6 Twitter 5 Buffer 1 Google+ 0 LinkedIn 0 Pin It Share 0 12 Shares ×